feat: notification popup area

1 files changed, 79 insertions, 0 deletions

diff --git a/modules/notifications/Notifications.qml b/modules/notifications/Notifications.qml
new file mode 100644
index 0000000..9496a7f
--- /dev/null
+++ b/modules/notifications/Notifications.qml
@@ -0,0 +1,79 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Wayland
+import QtQuick
+
+Variants {
+    model: Quickshell.screens
+
+    Scope {
+        id: root
+
+        required property ShellScreen modelData
+        property bool osdVisible
+
+        Timer {
+            running: true
+            repeat: true
+            interval: 2000
+            onTriggered: root.osdVisible = !root.osdVisible
+        }
+
+        LazyLoader {
+            loading: true
+
+            StyledWindow {
+                id: win
+
+                screen: root.modelData
+                name: "notifications"
+                visible: wrapper.shouldBeVisible
+                exclusionMode: ExclusionMode.Normal
+
+                mask: Region {
+                    item: wrapper
+                }
+
+                anchors.top: true
+                anchors.bottom: true
+                anchors.right: true
+                width: wrapper.width
+                height: wrapper.height
+
+                Background {
+                    id: bg
+
+                    visible: false
+
+                    anchors.top: parent.top
+                    anchors.right: parent.right
+
+                    wrapperWidth: wrapper.width
+                    wrapperHeight: Math.min(wrapper.height, content.height)
+                }
+
+                LayerShadow {
+                    source: bg
+                }
+
+                Wrapper {
+                    id: wrapper
+
+                    anchors.top: parent.top
+                    anchors.right: parent.right
+
+                    implicitWidth: content.width + bg.rounding
+
+                    osdVisible: root.osdVisible
+                    contentHeight: content.height
+
+                    Content {
+                        id: content
+                    }
+                }
+            }
+        }
+    }
+}