ueblueprint/js/input/mouse/MouseClickDrag.js

import MouseMoveDraggable from "./MouseMoveDraggable.js"

/** @typedef {import("../../Blueprint.js").default} Blueprint */

export default class MouseClickDrag extends MouseMoveDraggable {

    #onClicked
    #onStartDrag
    #onDrag
    #onEndDrag

    /**
     * @param {HTMLElement} target
     * @param {Blueprint} blueprint
     * @param {Object} options
     */
    constructor(target, blueprint, options = {}) {
        super(target, blueprint, options)
        if (options.onClicked) {
            this.#onClicked = options.onClicked
        }
        if (options.onStartDrag) {
            this.#onStartDrag = options.onStartDrag
        }
        if (options.onDrag) {
            this.#onDrag = options.onDrag
        }
        if (options.onEndDrag) {
            this.#onEndDrag = options.onEndDrag
        }
    }

    /** @param {[Number, Number]} location */
    clicked(location) {
        super.clicked(location)
        this.#onClicked?.()
    }

    startDrag() {
        super.startDrag()
        this.#onStartDrag?.()
    }

    dragAction(location, movement) {
        this.#onDrag?.(location, movement)
    }

    endDrag() {
        super.endDrag()
        this.#onEndDrag?.()
    }
}