bar/activewindow: allow disable show on hover

Closes #1209
Closes #1019

README.md

@@ -333,7 +333,8 @@ default, you must create it manually.
     "bar": {
         "activeWindow": {
             "compact": false,
-            "inverted": false
+            "inverted": false,
+            "showOnHover": true
         },
         "clock": {
             "showIcon": true

config/BarConfig.qml

@@ -90,6 +90,7 @@ JsonObject {
     component ActiveWindow: JsonObject {
         property bool compact: false
         property bool inverted: false
+        property bool showOnHover: true
     }
 
     component Tray: JsonObject {

config/Config.qml

@@ -181,7 +181,8 @@ Singleton {
             },
             activeWindow: {
                 compact: bar.activeWindow.compact,
-                inverted: bar.activeWindow.inverted
+                inverted: bar.activeWindow.inverted,
+                showOnHover: bar.activeWindow.showOnHover
             },
             tray: {
                 background: bar.tray.background,

modules/bar/Bar.qml

@@ -68,7 +68,7 @@ ColumnLayout {
                 popouts.hasCurrent = false;
                 item.expanded = true;
             }
-        } else if (id === "activeWindow" && Config.bar.popouts.activeWindow) {
+        } else if (id === "activeWindow" && Config.bar.popouts.activeWindow && Config.bar.activeWindow.showOnHover) {
             popouts.currentName = id.toLowerCase();
             popouts.currentCenter = item.mapToItem(root, 0, itemHeight / 2).y;
             popouts.hasCurrent = true;
@@ -134,6 +134,7 @@ ColumnLayout {
             DelegateChoice {
                 roleValue: "activeWindow"
                 delegate: WrappedLoader {
+                    Layout.fillWidth: true
                     sourceComponent: ActiveWindow {
                         bar: root
                         monitor: Brightness.getMonitorForScreen(root.screen)

modules/bar/components/ActiveWindow.qml

@@ -38,6 +38,21 @@ Item {
     implicitWidth: Math.max(icon.implicitWidth, current.implicitHeight)
     implicitHeight: icon.implicitHeight + current.implicitWidth + current.anchors.topMargin
 
+    Loader {
+        anchors.fill: parent
+        active: !Config.bar.activeWindow.showOnHover
+
+        sourceComponent: MouseArea {
+            cursorShape: Qt.PointingHandCursor
+            onClicked: {
+                const popouts = root.bar.popouts;
+                popouts.currentName = "activewindow";
+                popouts.currentCenter = root.mapToItem(root.bar, 0, root.implicitHeight / 2).y;
+                popouts.hasCurrent = true;
+            }
+        }
+    }
+
     MaterialIcon {
         id: icon