background: add visualiser

Also dashboard.visualiserBars -> services.visualiserBars

1 files changed, 120 insertions, 0 deletions

diff --git a/modules/background/Visualiser.qml b/modules/background/Visualiser.qml
new file mode 100644
index 0000000..6dd0a12
--- /dev/null
+++ b/modules/background/Visualiser.qml
@@ -0,0 +1,120 @@
+pragma ComponentBehavior: Bound
+
+import qs.components
+import qs.components.misc
+import qs.services
+import qs.config
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Effects
+
+Item {
+    id: root
+
+    required property ShellScreen screen
+    required property Wallpaper wallpaper
+
+    Ref {
+        service: Cava
+    }
+
+    MultiEffect {
+        anchors.fill: parent
+        source: root.wallpaper
+        maskSource: wrapper
+        maskEnabled: true
+        blurEnabled: true
+        blur: 1
+        blurMax: 32
+        autoPaddingEnabled: false
+    }
+
+    Item {
+        id: wrapper
+
+        anchors.fill: parent
+        layer.enabled: true
+
+        Item {
+            id: content
+
+            anchors.fill: parent
+            anchors.margins: Config.border.thickness
+            anchors.leftMargin: Visibilities.bars.get(root.screen).exclusiveZone + Appearance.spacing.small * Config.background.visualiser.spacing
+
+            Side {}
+            Side {
+                isRight: true
+            }
+
+            Behavior on anchors.leftMargin {
+                Anim {}
+            }
+        }
+    }
+
+    component Side: Repeater {
+        id: side
+
+        property bool isRight
+
+        model: Config.services.visualiserBars
+
+        ClippingRectangle {
+            id: bar
+
+            required property int modelData
+            property real value: Math.max(1, Math.min(100, Cava.values[side.isRight ? modelData : side.count - modelData - 1])) / 100
+
+            clip: true
+
+            x: modelData * ((content.width * 0.4) / Config.services.visualiserBars) + (side.isRight ? content.width * 0.6 : 0)
+            implicitWidth: (content.width * 0.4) / Config.services.visualiserBars - Appearance.spacing.small * Config.background.visualiser.spacing
+
+            y: content.height - height
+            implicitHeight: bar.value * content.height * 0.4
+
+            color: "transparent"
+            topLeftRadius: Appearance.rounding.small * Config.background.visualiser.rounding
+            topRightRadius: Appearance.rounding.small * Config.background.visualiser.rounding
+
+            Rectangle {
+                topLeftRadius: parent.topLeftRadius
+                topRightRadius: parent.topRightRadius
+
+                gradient: Gradient {
+                    orientation: Gradient.Vertical
+
+                    GradientStop {
+                        position: 0
+                        color: Qt.alpha(Colours.palette.m3primary, 0.7)
+
+                        Behavior on color {
+                            CAnim {}
+                        }
+                    }
+                    GradientStop {
+                        position: 1
+                        color: Qt.alpha(Colours.palette.m3inversePrimary, 0.7)
+
+                        Behavior on color {
+                            CAnim {}
+                        }
+                    }
+                }
+
+                anchors.left: parent.left
+                anchors.right: parent.right
+                y: parent.height - height
+                implicitHeight: content.height * 0.4
+            }
+
+            Behavior on value {
+                Anim {
+                    duration: Appearance.anim.durations.small
+                }
+            }
+        }
+    }
+}