import FastSelectionModel from "../selection/FastSelectionModel"
import GraphElement from "./GraphElement"
import Template from "../template/Template"

export default class GraphSelector extends GraphElement {

    constructor() {
        super({}, new Template())
        /**
         * @type {import("./GraphSelector").default}
         */
        this.selectionModel = null
    }

    connectedCallback() {
        super.connectedCallback()
        this.classList.add("ueb-selector")
        this.dataset.selecting = "false"
    }

    /**
     * Create a selection rectangle starting from the specified position
     * @param {number[]} initialPosition - Selection rectangle initial position (relative to the .ueb-grid element)
     */
    startSelecting(initialPosition) {
        initialPosition = this.blueprint.compensateTranslation(initialPosition)
        // Set initial position
        this.style.setProperty("--ueb-select-from-x", initialPosition[0])
        this.style.setProperty("--ueb-select-from-y", initialPosition[1])
        // Final position coincide with the initial position, at the beginning of selection
        this.style.setProperty("--ueb-select-to-x", initialPosition[0])
        this.style.setProperty("--ueb-select-to-y", initialPosition[1])
        this.dataset.selecting = "true"
        this.selectionModel = new FastSelectionModel(initialPosition, this.blueprint.getNodes(), this.blueprint.nodeBoundariesSupplier, this.blueprint.nodeSelectToggleFunction)
    }

    /**
     * Move selection rectagle to the specified final position. The initial position was specified by startSelecting()
     * @param {number[]} finalPosition - Selection rectangle final position (relative to the .ueb-grid element)
     */
    doSelecting(finalPosition) {
        finalPosition = this.blueprint.compensateTranslation(finalPosition)
        this.style.setProperty("--ueb-select-to-x", finalPosition[0])
        this.style.setProperty("--ueb-select-to-y", finalPosition[1])
        this.selectionModel.selectTo(finalPosition)
    }

    finishSelecting() {
        this.dataset.selecting = "false"
        this.selectionModel = null
    }
}

customElements.define("u-selector", GraphSelector)