Visibility service for handling active popups

modules/bar/components/bluetooth/Bluetooth.qml

@@ -5,9 +5,7 @@ import qs.widgets
 StyledButton {
     id: root
 
-    onClicked: {
+    onClicked: popup.toggle()
-        popup.opened = !popup.opened;
-    }
 
     content: StyledText {
         id: text

modules/bar/components/tray/TrayItem.qml

@@ -11,13 +11,8 @@ StyledButton {
     id: root
 
     property SystemTrayItem trayItem
-    property bool menuOpened: false
 
-    onClicked: toggleMenu()
+    onClicked: menu.toggle()
-
-    function toggleMenu() {
-        menuOpened = !menuOpened;
-    }
 
     content: IconImage {
         id: icon
@@ -36,8 +31,6 @@ StyledButton {
     Menu {
         id: menu
 
-        opened: root.menuOpened
-
         anchor.item: root
         anchor.rect.x: root.width / 2 - width / 2
         anchor.rect.y: root.height + 8

services/Visibility.qml

@@ -0,0 +1,16 @@
+pragma Singleton
+
+import qs.widgets
+import Quickshell
+
+Singleton {
+    property StyledPopupWindow activePopup
+
+    function togglePopup(popup: StyledPopupWindow) {
+        if (activePopup && popup != activePopup) {
+            activePopup.state = "";
+        }
+        popup.state = popup.state == "opened" ? "" : "opened";
+        activePopup = popup;
+    }
+}

widgets/StyledPopupWindow.qml

@@ -1,3 +1,4 @@
+import qs.services
 import QtQuick
 import Quickshell
 import Quickshell.Widgets
@@ -9,10 +10,15 @@ PopupWindow {
     property alias margins: background.margin
     property alias backgroundColor: background.color
     property alias radius: background.radius
+    property alias state: background.state
     required property Component content
 
     color: "transparent"
 
+    function toggle() {
+        Visibility.togglePopup(this);
+    }
+
     implicitWidth: background.width
     Behavior on implicitWidth {
         NumberAnimation {