/****************************************************************************
**
** Copyright (C) 2017 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:BSD$
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** BSD License Usage
** Alternatively, you may use this file under the terms of the BSD license
** as follows:
**
** "Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
**   * Redistributions of source code must retain the above copyright
**     notice, this list of conditions and the following disclaimer.
**   * Redistributions in binary form must reproduce the above copyright
**     notice, this list of conditions and the following disclaimer in
**     the documentation and/or other materials provided with the
**     distribution.
**   * Neither the name of The Qt Company Ltd nor the names of its
**     contributors may be used to endorse or promote products derived
**     from this software without specific prior written permission.
**
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
**
** $QT_END_LICENSE$
**
****************************************************************************/

import QtQuick 2.12
import QtQuick.Controls 2.12

Item {
    id: main
    objectName: "main"
    width: 400
    height: 800
    focus: true
    Component.onCompleted: button1.focus = true
    Column {
        anchors.fill: parent
        id: column
        objectName: "column"
        BusyIndicator {
            id: busyindicator
            objectName: "busyindicator"
        }
        Button {
            id: button1
            objectName: "button1"
            text: "button1"
            KeyNavigation.up: textarea
            KeyNavigation.down: button2
            KeyNavigation.left: toolbutton
            KeyNavigation.right: button2
        }
        Button {
            id: button2
            objectName: "button2"
            text: "button2"
            KeyNavigation.up: button1
            KeyNavigation.down: checkbox
            KeyNavigation.left: button1
            KeyNavigation.right: checkbox
        }
        CheckBox {
            id: checkbox
            objectName: "checkbox"
            text: "checkbox"
            KeyNavigation.up: button2
            KeyNavigation.down: checkbox1
            KeyNavigation.left: button2
            KeyNavigation.right: checkbox1
        }
        GroupBox {
            id: groupbox1
            objectName: "groupbox1"
            title: "grouppox1"
            Column {
                anchors.fill: parent
                CheckBox {
                    id: checkbox1
                    objectName: "checkbox1"
                    text: "checkbox1"
                    KeyNavigation.up: checkbox
                    KeyNavigation.down: checkbox2
                    KeyNavigation.left: checkbox
                    KeyNavigation.right: checkbox2
                }
                CheckBox {
                    id: checkbox2
                    objectName: "checkbox2"
                    text: "checkbox2"
                    KeyNavigation.up: checkbox1
                    KeyNavigation.down: radiobutton
                    KeyNavigation.left: checkbox1
                    KeyNavigation.right: radiobutton
                }
            }
        }
        Label {
            id: label
            objectName: "label"
            text: "label"
        }
        PageIndicator {
            id: pageindicator
            objectName: "pageindicator"
        }
        ProgressBar {
            id: progressbar
            objectName: "progressbar"
            indeterminate: true
        }
        RadioButton {
            id: radiobutton
            objectName: "radiobutton"
            text: "radiobutton"
            KeyNavigation.up: checkbox2
            KeyNavigation.down: radiobutton1
            KeyNavigation.left: checkbox2
            KeyNavigation.right: radiobutton1
        }
        GroupBox {
            id: groupbox2
            objectName: "groupbox2"
            title: "groupbox2"
            Column {
                anchors.fill: parent
                RadioButton {
                    id: radiobutton1
                    objectName: "radiobutton1"
                    text: "radiobutton1"
                    KeyNavigation.up: radiobutton
                    KeyNavigation.down: radiobutton2
                    KeyNavigation.left: radiobutton
                    KeyNavigation.right: radiobutton2
                }
                RadioButton {
                    id: radiobutton2
                    objectName: "radiobutton2"
                    text: "radiobutton2"
                    KeyNavigation.up: radiobutton1
                    KeyNavigation.down: rangeslider
                    KeyNavigation.left: radiobutton1
                    KeyNavigation.right: spinbox
                }
            }
        }
        RangeSlider {
            id: rangeslider
            objectName: "rangeslider"
            first.handle.objectName: "rangeslider.first"
            second.handle.objectName: "rangeslider.second"
            KeyNavigation.up: radiobutton2
            KeyNavigation.down: slider
        }
        // ScrollBar
        ScrollIndicator {
            id: scrollindicator
            objectName: "scrollindicator"
        }
        Slider {
            id: slider
            objectName: "slider"
            value: 0.5
            KeyNavigation.up: rangeslider
            KeyNavigation.down: swtich
        }
        SpinBox {
            id: spinbox
            objectName: "spinbox"
            value: 50
            KeyNavigation.left: radiobutton2
            KeyNavigation.right: swtich
        }
        // StackView
        Switch {
            id: swtich // switch
            objectName: "switch"
            text: "switch"
            KeyNavigation.up: slider
            KeyNavigation.down: tabbutton1
            KeyNavigation.left: spinbox
            KeyNavigation.right: tabbutton1
        }
        TabBar {
            width: parent.width
            id: tabbar
            objectName: "tabbar"
            TabButton {
                id: tabbutton1
                objectName: "tabbutton1"
                text: "tabbutton1"
                KeyNavigation.up: swtich
                KeyNavigation.down: tabbutton2
                KeyNavigation.left: swtich
                KeyNavigation.right: tabbutton2
            }
            TabButton {
                id: tabbutton2
                objectName: "tabbutton2"
                text: "tabbutton2"
                KeyNavigation.up: tabbutton1
                KeyNavigation.down: textfield
                KeyNavigation.left: tabbutton1
                KeyNavigation.right: toolbutton
            }
        }
        TextField {
            id: textfield
            objectName: "textfield"
            text: "abc"
            KeyNavigation.up: tabbutton2
            KeyNavigation.down: toolbutton
        }
        ToolBar {
            width: parent.width
            id: toolbar
            objectName: "toolbar"
            ToolButton {
                id: toolbutton
                objectName: "toolbutton"
                text: "toolbutton"
                KeyNavigation.up: textfield
                KeyNavigation.down: textarea
                KeyNavigation.left: tabbutton2
                KeyNavigation.right: button1
            }
        }
        TextArea {
            id: textarea
            objectName: "textarea"
            text: "abc"
            KeyNavigation.up: toolbutton
            KeyNavigation.down: button1
        }
    }
}