Inital commit checkpoint

2025-08-31 23:39:53 -04:00
commit f5dbdea627
39 changed files with 2637 additions and 0 deletions
--- a/common/widgets/CircularProgress.qml
+++ b/common/widgets/CircularProgress.qml
@@ -0,0 +1,84 @@
+// CircularProgress.qml taken from end-4 https://github.com/end-4/dots-hyprland/blob/main/.config/quickshell/ii/modules/common/widgets/CircularProgress.qml
+import QtQuick
+import QtQuick.Shapes
+import qs.common
+
+// Material 3 circular progress. https://m3.material.io/components/progress-indicators/specs
+Item {
+  id: root
+
+  property int implicitSize: 30
+  property int lineWidth: 2
+  property real value: 0
+  property color colPrimary: Appearance.m3colors.m3onSecondaryContainer
+  property color colSecondary: Appearance.m3colors.colSecondaryContainer
+  property real gapAngle: 360 / 18
+  property bool fill: false
+  property bool enableAnimation: true
+  property int animationDuration: 800
+  property var easingType: Easing.OutCubic
+  
+  implicitHeight: implicitSize
+  implicitWidth: implicitSize
+
+  property real degree: value * 360
+  property real centerX: root.width / 2
+  property real centerY: root.height / 2
+  property real arcRadius: root.implicitSize / 2 - root.lineWidth
+  property real startAngle: -90
+
+  Behavior on degree {
+    enabled: root.enableAnimation
+    NumberAnimation {
+      duration: root.animationDuration
+      easing.type: root.easingType
+    }
+  }
+
+  Loader {
+    active: root.fill
+    anchors.fill: parent
+
+    sourceComponent: Rectangle {
+      radius: 9999
+      color: root.colSecondary
+    }
+  }
+
+  Shape {
+    anchors.fill: parent
+    layer.enabled: true
+    layer.smooth: true
+    preferredRendererType: Shape.CurveRenderer
+    ShapePath {
+      id: secondaryPath
+      strokeColor: root.colSecondary
+      strokeWidth: root.lineWidth
+      capStyle: ShapePath.RoundCap
+      fillColor: "transparent"
+      PathAngleArc {
+        centerX: root.centerX
+        centerY: root.centerY
+        radiusX: root.arcRadius
+        radiusY: root.arcRadius
+        startAngle: root.startAngle - root.gapAngle
+        sweepAngle: -(360 - root.degree - 2 * root.gapAngle)
+      }
+    }
+    ShapePath {
+      id: primaryPath
+      strokeColor: root.colPrimary
+      strokeWidth: root.lineWidth
+      capStyle: ShapePath.RoundCap
+      fillColor: "transparent"
+      PathAngleArc {
+        centerX: root.centerX
+        centerY: root.centerY
+        radiusX: root.arcRadius
+        radiusY: root.arcRadius
+        startAngle: root.startAngle
+        sweepAngle: root.degree
+      }
+    }
+  }
+}