pragma ComponentBehavior: Bound

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ApplicationWindow {
	id: root

	property list<QtObject> dialogs

	function closeDialog() {
		let item = dialogs[dialogs.length - 1];
		item.close();
		item.destroy();
		dialogs.length--;
	}
	function openDialog() {
		let item = popupComponent.createObject(root, {
			index: dialogs.length
		});
		dialogs.push(item);
		item.open();
	}

	height: 480
	visible: true
	width: 640

	ColumnLayout {
		anchors.centerIn: parent

		Repeater {
			model: 5

			delegate: Text {
				required property int index

				Accessible.name: text
				Accessible.role: Accessible.StaticText
				Layout.fillWidth: true
				text: "Text element %1".arg(index)
			}
		}
		Button {
			text: "Open new dialog"

			onClicked: root.openDialog()
		}
	}
	Component {
		id: popupComponent

		Popup {
			required property int index

			anchors.centerIn: parent
			focus: true
			modal: true

			contentItem: ColumnLayout {
				Text {
					Accessible.name: text
					Accessible.role: Accessible.StaticText
					Layout.fillWidth: true
					text: "Modal dialog %1".arg(index)
				}
				Button {
					text: "Close dialog"

					onClicked: root.closeDialog()
				}
				Button {
					text: "Open new dialog"

					onClicked: root.openDialog()
				}
			}
		}
	}
}