From 6eb216475658dda3f921b176ffd6740fc65784ce Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Thu, 10 Jul 2025 12:59:10 +1000
Subject: internal: add utilities panel base

---
 modules/utilities/Background.qml | 58 ++++++++++++++++++++++++++++++++++++++++
 modules/utilities/Content.qml    | 31 +++++++++++++++++++++
 modules/utilities/Wrapper.qml    | 52 +++++++++++++++++++++++++++++++++++
 3 files changed, 141 insertions(+)
 create mode 100644 modules/utilities/Background.qml
 create mode 100644 modules/utilities/Content.qml
 create mode 100644 modules/utilities/Wrapper.qml

(limited to 'modules/utilities')

diff --git a/modules/utilities/Background.qml b/modules/utilities/Background.qml
new file mode 100644
index 0000000..77fd2e5
--- /dev/null
+++ b/modules/utilities/Background.qml
@@ -0,0 +1,58 @@
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Shapes
+
+ShapePath {
+    id: root
+
+    required property Wrapper wrapper
+    readonly property real rounding: Config.border.rounding
+    readonly property bool flatten: wrapper.height < rounding * 2
+    readonly property real roundingY: flatten ? wrapper.height / 2 : rounding
+
+    strokeWidth: -1
+    fillColor: Colours.palette.m3surface
+
+    PathLine {
+        relativeX: -(root.wrapper.width + root.rounding)
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+    PathLine {
+        relativeX: 0
+        relativeY: -(root.wrapper.height - root.roundingY * 2)
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+    PathLine {
+        relativeX: root.wrapper.height > 0 ? root.wrapper.width - root.rounding * 2 : root.wrapper.width
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.rounding
+        radiusX: root.rounding
+        radiusY: root.rounding
+        direction: PathArc.Counterclockwise
+    }
+
+    Behavior on fillColor {
+        ColorAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+}
diff --git a/modules/utilities/Content.qml b/modules/utilities/Content.qml
new file mode 100644
index 0000000..9b26d1e
--- /dev/null
+++ b/modules/utilities/Content.qml
@@ -0,0 +1,31 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+
+Item {
+    id: root
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+    anchors.right: parent.right
+
+    implicitWidth: 300
+    implicitHeight: 100
+
+    // Rectangle {
+    //     anchors.fill: parent
+    // }
+
+    Behavior on implicitHeight {
+        Anim {}
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.expressiveDefaultSpatial
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+    }
+}
diff --git a/modules/utilities/Wrapper.qml b/modules/utilities/Wrapper.qml
new file mode 100644
index 0000000..3d1d50a
--- /dev/null
+++ b/modules/utilities/Wrapper.qml
@@ -0,0 +1,52 @@
+import "root:/config"
+import QtQuick
+
+Item {
+    id: root
+
+    required property bool visibility
+
+    visible: height > 0
+    implicitHeight: 0
+    implicitWidth: content.implicitWidth
+
+    states: State {
+        name: "visible"
+        when: root.visibility
+
+        PropertyChanges {
+            root.implicitHeight: content.implicitHeight
+        }
+    }
+
+    transitions: [
+        Transition {
+            from: ""
+            to: "visible"
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.expressiveDefaultSpatial
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+            }
+        },
+        Transition {
+            from: "visible"
+            to: ""
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.emphasized
+            }
+        }
+    ]
+
+    Content {
+        id: content
+    }
+}
-- 
cgit v1.2.3-freya