feat: notification popup area

1 files changed, 61 insertions, 0 deletions

diff --git a/modules/notifications/Background.qml b/modules/notifications/Background.qml
new file mode 100644
index 0000000..e3289af
--- /dev/null
+++ b/modules/notifications/Background.qml
@@ -0,0 +1,61 @@
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Shapes
+
+Shape {
+    id: root
+
+    required property real wrapperWidth
+    required property real wrapperHeight
+    readonly property real rounding: BorderConfig.rounding
+    readonly property bool flatten: wrapperHeight < rounding * 2
+    readonly property real roundingY: flatten ? wrapperHeight / 2 : rounding
+
+    preferredRendererType: Shape.CurveRenderer
+    opacity: Colours.transparency.enabled ? Colours.transparency.base : 1
+
+    ShapePath {
+        strokeWidth: -1
+        fillColor: BorderConfig.colour
+
+        startX: root.wrapperWidth
+
+        PathLine {}
+        PathArc {
+            relativeX: root.rounding
+            relativeY: root.roundingY
+            radiusX: root.rounding
+            radiusY: Math.min(root.rounding, root.wrapperHeight)
+        }
+        PathLine {
+            relativeX: 0
+            y: root.flatten ? root.roundingY : root.wrapperHeight - root.rounding
+        }
+        PathArc {
+            relativeX: root.rounding
+            relativeY: root.roundingY
+            radiusX: root.rounding
+            radiusY: Math.min(root.rounding, root.wrapperHeight)
+            direction: PathArc.Counterclockwise
+        }
+        PathLine {
+            x: root.wrapperWidth - root.rounding - 1
+            relativeY: 0
+        }
+        PathArc {
+            relativeX: root.rounding
+            relativeY: root.rounding
+            radiusX: root.rounding
+            radiusY: root.rounding
+        }
+
+        Behavior on fillColor {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}