mirror of
https://github.com/barsdeveloper/ueblueprint.git
synced 2026-02-04 08:50:33 +08:00
55 lines
2.2 KiB
JavaScript
Executable File
55 lines
2.2 KiB
JavaScript
Executable File
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)
|