import QtQuick 2.0
import QtQuick.Dialogs 1.1

Rectangle {
    width: 360
    height: 360
    color: cd.color;
    property alias  sc: cd.color;
    // --> Workaround, instead of onAccepted
    //onScChanged:{ t.text = cd.color.toString();
    // console.log("You chose: " + cd.color)
    //}
    Text {
        id: t
        text: qsTr("text")
    }
    MouseArea{
        anchors.fill: parent
        onClicked: cd.open()
    }

    ColorDialog {
        id: cd
        title: "Please choose a color"
        onAccepted: {
            console.log("You chose: " + cd.color)
           t.text = cd.color.toString()
        }
        onRejected: {
            console.log("Canceled")
        }
        Component.onCompleted: visible = true
    }
}