restructure bar components layout

Modules/Bar/Bar.qml

@@ -3,11 +3,9 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
-import qs.Modules
 import ZShell.Config
-import qs.Modules.SysTray
-import qs.Modules.Network
-import qs.Modules.Updates
+import qs.Modules.Bar.Components
+import qs.Modules.Bar.Popouts
 
 GridLayout {
 	id: root

Modules/Bar/BarLoader.qml

@@ -3,12 +3,8 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
 import ZShell.Config
+import qs.Modules.Bar.Popouts
 import qs.Components
-import qs.Modules
-import qs.Helpers
-import qs.Modules.SysTray
-import qs.Modules.SysTray.Widgets
-import qs.Modules.Network
 
 Item {
 	id: root

Modules/Bar/Components/Clock.qml

@@ -2,7 +2,7 @@ import Quickshell
 import QtQuick
 import QtQuick.Layouts
 import ZShell.Config
-import qs.Modules
+import qs.Modules.Bar.Popouts
 import qs.Helpers
 import qs.Components
 import qs.Services

Modules/Bar/Components/NotifBell.qml

@@ -1,6 +1,7 @@
 import Quickshell
 import QtQuick
 import ZShell.Config
+import qs.Modules.Bar.Popouts
 import qs.Daemons
 import qs.Components
 import qs.Services

Modules/Bar/Components/StatusIcons.qml

@@ -3,9 +3,9 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
-import qs.Helpers
-import qs.Modules.SysTray.Widgets
 import ZShell.Config
+import qs.Helpers
+import qs.Modules.Bar.Components.StatusIcons
 import qs.Components
 import qs.Services
 

Modules/Bar/Components/Tray/TrayItem.qml

@@ -1,10 +1,9 @@
 import QtQuick.Layouts
 import QtQuick
-import QtQuick.VectorImage
 import Quickshell
 import Quickshell.Services.SystemTray
 import qs.Helpers
-import qs.Modules
+import qs.Modules.Bar.Popouts
 import qs.Components
 import ZShell.Config
 import qs.Services

Modules/Bar/Components/TrayIcons.qml

@@ -5,7 +5,8 @@ import QtQuick.Layouts
 import Quickshell.Services.SystemTray
 import qs.Components
 import ZShell.Config
-import qs.Modules
+import qs.Modules.Bar.Components.Tray
+import qs.Modules.Bar.Popouts
 import qs.Services
 
 CustomClippingRect {

Modules/Bar/Components/WindowTitle.qml

@@ -21,9 +21,9 @@ Item {
 	}
 
 	anchors.centerIn: parent
-	clip: true
+	clip: false
 	implicitHeight: horizontal ? current.implicitHeight : current.implicitWidth + current.anchors.topMargin
-	implicitWidth: horizontal ? Math.min(current.implicitWidth, root.maxSize) : current.implicitHeight + current.anchors.topMargin
+	implicitWidth: horizontal ? current.implicitWidth + current.anchors.leftMargin : current.implicitHeight + current.anchors.topMargin
 
 	Behavior on implicitHeight {
 		enabled: !root.horizontal

Modules/Bar/Components/Workspaces.qml

@@ -2,10 +2,10 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Controls
-import QtQuick.Effects
 import Quickshell
 import Quickshell.Hyprland
 import ZShell.Config
+import qs.Modules.Bar.Components.Workspaces
 import qs.Components
 import qs.Services
 
@@ -90,7 +90,7 @@ Item {
 							color: Colors.palette.m3onSecondaryContainer
 							elide: Text.ElideRight
 							horizontalAlignment: Text.AlignHCenter
-							text: button.modelData.name
+							text: button.modelData?.name ?? ""
 							verticalAlignment: Text.AlignVCenter
 						}
 					}

Modules/Bar/Components/Workspaces/AnimatedTabIndexPair.qml

@@ -0,0 +1,24 @@
+import QtQuick
+
+QtObject {
+	id: root
+
+	property real idx1: index
+	property int idx1Duration: 100
+	property real idx2: index
+	property int idx2Duration: 300
+	required property int index
+
+	Behavior on idx1 {
+		NumberAnimation {
+			duration: root.idx1Duration
+			easing.type: Easing.OutSine
+		}
+	}
+	Behavior on idx2 {
+		NumberAnimation {
+			duration: root.idx2Duration
+			easing.type: Easing.OutSine
+		}
+	}
+}

Modules/Bar/Popouts/Content.qml

@@ -5,10 +5,6 @@ import Quickshell.Services.SystemTray
 import QtQuick
 import ZShell.Config
 import qs.Components
-import qs.Modules.WSOverview
-import qs.Modules.Network
-import qs.Modules.SysTray.Popouts
-import qs.Modules.Updates
 
 Item {
 	id: root

Modules/SysTray/TrayWidget.qml

@@ -1,159 +0,0 @@
-pragma ComponentBehavior: Bound
-
-import QtQuick
-import QtQuick.Layouts
-import Quickshell.Services.SystemTray
-import qs.Components
-import ZShell.Config
-import qs.Modules.SysTray.Widgets
-import qs.Modules
-import qs.Services
-
-GridLayout {
-	id: root
-
-	required property bool horizontal
-	readonly property alias items: repeater
-	required property GridLayout loader
-	required property Wrapper popouts
-	readonly property real shortSize: Config.bar.height + Tokens.padding.smallest * 2
-	readonly property real size: horizontal ? sysTray.implicitWidth + sysTrayMod.implicitWidth + Tokens.padding.small : sysTray.implicitHeight + sysTrayMod.implicitHeight + Tokens.padding.small
-
-	function closestRowChild(row, x) {
-		let child = row.childAt(x, row.height / 2);
-		if (child)
-			return child;
-
-		let closest = null;
-		let closestDistance = Infinity;
-
-		for (let i = 0; i < row.children.length; ++i) {
-			let c = row.children[i];
-
-			if (!c.visible || c.width <= 0)
-				continue;
-
-			let centerX = c.x + c.width / 2;
-			let dist = Math.abs(x - centerX);
-
-			if (dist < closestDistance) {
-				closestDistance = dist;
-				closest = c;
-			}
-		}
-
-		return closest;
-	}
-
-	function getHoveredSubItem(localX, localY) {
-		let modPos = mapToItem(sysTrayMod, localX, localY);
-		if (sysTrayMod.contains(Qt.point(modPos.x, modPos.y))) {
-			let modRowPos = sysTrayMod.mapToItem(sysIcons, modPos.x, modPos.y);
-			let child = closestRowChild(sysIcons, modRowPos.x);
-			if (child) {
-				if (child.objectName === "audio" && Config.bar.popouts.audio)
-					return {
-						id: "audio",
-						item: child
-					};
-				if (child.objectName === "microphone" && Config.bar.popouts.audio)
-					return {
-						id: "audio",
-						item: child
-					};
-				if (child.objectName === "upower" && Config.bar.popouts.upower)
-					return {
-						id: "upower",
-						item: child
-					};
-			}
-		}
-
-		let trayPos = mapToItem(sysTray, localX, localY);
-		if (Config.bar.tray.showOnHover && sysTray.contains(Qt.point(trayPos.x, trayPos.y))) {
-			let trayRowPos = sysTray.mapToItem(sysRow, trayPos.x, trayPos.y);
-			let child = sysRow.childAt(trayRowPos.x, trayRowPos.y);
-			if (child && child.hasOwnProperty("ind")) {
-				return {
-					id: `traymenu${child.ind}`,
-					item: child
-				};
-			}
-		}
-
-		return null;
-	}
-
-	columnSpacing: Tokens.padding.small
-	columns: horizontal ? -1 : 1
-	height: horizontal ? shortSize : size
-	rowSpacing: Tokens.padding.small
-	width: horizontal ? size : shortSize
-
-	CustomClippingRect {
-		id: sysTray
-
-		Layout.fillHeight: true
-		bottomRightRadius: Tokens.rounding.smallest / 2
-		color: Colors.tPalette.m3surfaceContainer
-		implicitWidth: sysRow.width + Tokens.padding.small * 2
-		radius: Tokens.rounding.full
-		topRightRadius: Tokens.rounding.smallest / 2
-
-		GridLayout {
-			id: sysRow
-
-			anchors.bottom: root.horizontal ? undefined : parent.bottom
-			anchors.centerIn: parent
-			anchors.horizontalCenter: root.horizontal ? parent.horizontalCenter : undefined
-			anchors.left: root.horizontal ? undefined : parent.left
-			anchors.right: root.horizontal ? undefined : parent.right
-			anchors.verticalCenter: root.horizontal ? parent.verticalCenter : undefined
-			columnSpacing: Tokens.spacing.small / 2
-			columns: root.horizontal ? -1 : 1
-			rowSpacing: Tokens.spacing.small / 2
-
-			Repeater {
-				id: repeater
-
-				model: SystemTray.items
-
-				TrayItem {
-					id: trayItem
-
-					required property int index
-					required property SystemTrayItem modelData
-
-					implicitHeight: 34
-					implicitWidth: 34
-					ind: index
-					item: modelData
-					loader: root.loader
-					popouts: root.popouts
-				}
-			}
-		}
-	}
-
-	CustomClippingRect {
-		id: sysTrayMod
-
-		Layout.fillHeight: root.horizontal
-		Layout.fillWidth: !root.horizontal
-		bottomLeftRadius: Tokens.rounding.smallest / 2
-		color: Colors.tPalette.m3surfaceContainer
-		implicitHeight: root.horizontal ? sysIcons.implicitHeight : sysIcons.implicitHeight + Tokens.padding.smaller + Tokens.padding.normal
-		implicitWidth: root.horizontal ? sysIcons.implicitWidth + Tokens.padding.smaller + Tokens.padding.normal : sysIcons.implicitWidth
-		radius: Tokens.rounding.full
-		topLeftRadius: Tokens.rounding.smallest / 2
-
-		StatusIcons {
-			id: sysIcons
-
-			anchors.fill: parent
-			anchors.leftMargin: Tokens.padding.smaller
-			anchors.rightMargin: Tokens.padding.normal
-			horizontal: root.horizontal
-		}
-	}
-}

Modules/WSOverview/OverviewPopout.qml

@@ -1,86 +0,0 @@
-import Quickshell
-import Quickshell.Hyprland
-import Quickshell.Wayland
-import QtQuick
-import QtQuick.Layouts
-import ZShell.Config
-import qs.Components
-import qs.Modules
-import qs.Helpers
-import qs.Services
-
-Item {
-	id: root
-
-	required property ShellScreen screen
-	required property Item wrapper
-
-	implicitHeight: layout.implicitHeight + 16
-	implicitWidth: layout.implicitWidth + 16
-
-	GridLayout {
-		id: layout
-
-		anchors.centerIn: parent
-		columnSpacing: 8
-		rowSpacing: 8
-
-		Repeater {
-			model: Hypr.workspaces
-
-			CustomRect {
-				id: workspacePreview
-
-				required property HyprlandWorkspace modelData
-
-				Layout.preferredHeight: 180 + 10
-				Layout.preferredWidth: 320 + 10
-				border.color: "white"
-				border.width: 1
-				radius: Tokens.rounding.smallest
-
-				Repeater {
-					model: workspacePreview.modelData.toplevels
-
-					Item {
-						id: preview
-
-						property rect appPosition: {
-							let {
-								at: [cx, cy],
-								size: [cw, ch]
-							} = modelData.lastIpcObject;
-
-							cx -= modelData.monitor.x;
-							cy -= modelData.monitor.y;
-
-							return Qt.rect((cx / 8), (cy / 8), (cw / 8), (ch / 8));
-						}
-						required property HyprlandToplevel modelData
-
-						anchors.fill: parent
-						anchors.margins: 5
-
-						CustomRect {
-							border.color: Colors.tPalette.m3outline
-							border.width: 1
-							implicitHeight: preview.appPosition.height
-							implicitWidth: preview.appPosition.width
-							radius: Tokens.rounding.smallest / 2
-							x: preview.appPosition.x
-							y: preview.appPosition.y - 3.4
-
-							ScreencopyView {
-								id: previewCopy
-
-								anchors.fill: parent
-								captureSource: preview.modelData.wayland
-								live: true
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}