bar/activewindow: add option to invert rotate (#922)

* feat(activeWindow): Add rotation option to rotate counter-clockwise

* feat(activeWindow): Change rotation to inverted boolean option

* feat(activeWindow): Do not expose inverted property

README.md

@@ -399,6 +399,9 @@ default, you must create it manually.
                     "icon": "sports_esports"
                 }
             ]
+        },
+        "activeWindow": {
+            "inverted": false
         }
     },
     "border": {

config/BarConfig.qml

@@ -7,6 +7,7 @@ JsonObject {
     property ScrollActions scrollActions: ScrollActions {}
     property Popouts popouts: Popouts {}
     property Workspaces workspaces: Workspaces {}
+    property ActiveWindow activeWindow: ActiveWindow {}
     property Tray tray: Tray {}
     property Status status: Status {}
     property Clock clock: Clock {}
@@ -78,6 +79,10 @@ JsonObject {
         property list<var> specialWorkspaceIcons: []
     }
 
+    component ActiveWindow: JsonObject {
+        property bool inverted: false
+    }
+
     component Tray: JsonObject {
         property bool background: false
         property bool recolour: false

modules/bar/components/ActiveWindow.qml

@@ -79,11 +79,16 @@ Item {
         color: root.colour
         opacity: root.current === this ? 1 : 0
 
-        transform: Rotation {
+        transform: [
-            angle: 90
+            Translate {
+                x: Config.bar.activeWindow.inverted ? -implicitWidth + text.implicitHeight : 0
+            },
+            Rotation {
+                angle: Config.bar.activeWindow.inverted ? 270 : 90
                 origin.x: text.implicitHeight / 2
                 origin.y: text.implicitHeight / 2
             }
+        ]
 
         width: implicitHeight
         height: implicitWidth