/*
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
*/

import QtQuick
import QtQuick.Controls
import UntitledProject36
import QtQuick.Studio.Components
import QtQuick.Timeline 1.0

Rectangle {
    id: rectangle
    width: Constants.width
    height: Constants.height

    color: Constants.backgroundColor

    ArcItem {
        id: arc
        x: 741
        y: 323
        width: 400
        height: 400
        strokeColor: "#030516"
        strokeWidth: 70
        end: 210
        begin: -150
        fillColor: "#00000000"
    }

    ArcItem {
        id: arc1
        x: 741
        y: 323
        width: 400
        height: 400
        strokeColor: "#88abbe"
        strokeWidth: 70
        fillColor: "#00000000"
        end: -149
        begin: -150
    }

    Timeline {
        id: timeline
        animations: [
            TimelineAnimation {
                id: timelineAnimation
                pingPong: true
                duration: 10000
                running: true
                loops: -1
                to: 10000
                from: 0
            }
        ]
        startFrame: 0
        endFrame: 10000
        enabled: true

        KeyframeGroup {
            target: arc1
            property: "end"
            Keyframe {
                value: -149
                frame: 0
            }

            Keyframe {
                value: 150
                frame: 10000
            }
        }
    }
    states: [
        State {
            name: "clicked"
        }
    ]
}