import QtQuick
import qs.Commons
import qs.Services

Item {
  id: root

  property bool running: true
  property color color: Colors.mPrimary
  property int size: Style.baseWidgetSize * scaling
  property int strokeWidth: Style.borderThick * scaling
  property int duration: 1000

  implicitWidth: size
  implicitHeight: size

  Canvas {
    id: canvas
    anchors.fill: parent

    onPaint: {
      var ctx = getContext("2d")
      ctx.reset()

      var centerX = width / 2
      var centerY = height / 2
      var radius = Math.min(width, height) / 2 - strokeWidth / 2

      ctx.strokeStyle = root.color
      ctx.lineWidth = Math.max(1, root.strokeWidth)
      ctx.lineCap = "round"

      // Draw arc with gap (270 degrees with 90 degree gap)
      ctx.beginPath()
      ctx.arc(centerX, centerY, radius, -Math.PI / 2 + rotationAngle, -Math.PI / 2 + rotationAngle + Math.PI * 1.5)
      ctx.stroke()
    }

    property real rotationAngle: 0

    onRotationAngleChanged: {
      requestPaint()
    }

    NumberAnimation {
      target: canvas
      property: "rotationAngle"
      running: root.running
      from: 0
      to: 2 * Math.PI
      duration: root.duration
      loops: Animation.Infinite
    }
  }
}