import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ApplicationWindow {
  id: root  
   width: 640
  height: 480
  visible: true
  title: qsTr("Hello World")
  color: "darkseagreen"
  z: 99  

   Window {
    id: toolbarWindow
    y: 200
    visible: true
    parent: root
    width: 300
    height: 600
    color: "transparent"    
      
      Frame {      
         anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter      
         background: Rectangle {
        color: "thistle"
      }      
        contentItem: ColumnLayout {
        spacing: 10        
            Button {
          text: "button1"
          onClicked: {
            print("button1 clicked")
            popupWindow.visible = true
            pop.open()
          }
        }
        Button {
          text: "button2"
          onClicked: {
            print("button2 clicked")
            pop1.open()
          }
        }
      }
    }
  }  

   Button {
    text: "open"
    onClicked: {
      print("open clicked")
      popupWindow.visible = true
      pop.open()
    }
  }  

   Window {
    id: popupWindow    x: 0
    y: 0
    z: 3
    width: root.width
    height: root.height
    parent: root
    color: "#cc313030"   
      Popup {
      id: pop
      anchors.centerIn: parent
      width: 200
      height: 400
      modal: true
      focus: true
      closePolicy: Popup.CloseOnEscape | Popup.CloseOnReleaseOutside  

        onClosed: {
        popupWindow.hide()
      }      
         background: Rectangle {
        color: "purple"
      }      
         contentItem: ColumnLayout {
        Text {
          text: "Popup Dialog"
        }
        Button {
          text: "Close"
          onClicked: {
            pop.close()
          }
        }
      }
    }
  }
}