import QtQuick 2.15
import QtQuick.Window 2.15

Window {
    width: 640
    height: 480
    visible: true

    Rectangle {
        anchors.centerIn: parent
        width: 640
        height: 80
        color: "yellow"

        Rectangle {
            id: feedback
            color: "red"
            width: 100
            height: 100
            radius: Math.max(width, height) / 2
            visible: handler.active
        }

        DragHandler {
            id: handler
            target: feedback
            dragThreshold: 10 //try with: 0 10 30 50 100
            minimumPointCount: 1
            maximumPointCount: 1
            grabPermissions: PointerHandler.CanTakeOverFromAnything
            onGrabChanged: {
                console.debug("onGrabChanged", transition, point, point.state, dragThreshold);
            }
            onCanceled: {
                console.debug("onCanceled", point, point.state, dragThreshold);
            }
            onActiveChanged: {
                console.debug("onActiveChanged", active)
            }
        }
    }
}