initial commit for media widget update + anim tokens restructure

Modules/Notifications/Sidebar/NotifGroupList.qml

@@ -1,13 +1,12 @@
 pragma ComponentBehavior: Bound
 
-import Quickshell
 import QtQuick
-import QtQuick.Layouts
+import Quickshell
 import ZShell.Components
-import qs.Components
 import ZShell.Config
-import qs.Modules
 import qs.Daemons
+import qs.Components
+import qs.Services
 
 LazyListView {
 	id: root
@@ -20,13 +19,14 @@ LazyListView {
 
 	signal requestToggleExpand(expand: bool)
 
-	Layout.fillWidth: true
+	anchors.left: parent.left
+	anchors.right: parent.right
 	asynchronous: true
 	cacheBuffer: 400
 	implicitHeight: contentHeight
 	readyDelay: 1
 	removeDuration: Tokens.anim.durations.normal
-	spacing: Math.round(Tokens.spacing.small / 2)
+	spacing: Math.round(Tokens.spacing.extraSmall)
 	useCustomViewport: true
 	viewport: {
 		tWatcher.transform; // mapToItem is not reactive so use this to trigger updates
@@ -56,6 +56,7 @@ LazyListView {
 
 			Behavior on opacity {
 				Anim {
+					type: Anim.DefaultEffects
 				}
 			}
 			Behavior on scale {
@@ -75,10 +76,6 @@ LazyListView {
 
 			Component.onCompleted: modelData?.lock(this)
 			Component.onDestruction: modelData?.unlock(this)
-			onDoubleClicked: event => {
-				if (event.button === Qt.LeftButton)
-					root.requestToggleExpand(!root.expanded);
-			}
 			onPositionChanged: event => {
 				if (pressed && !root.expanded) {
 					const diffY = event.y - startY;
@@ -109,6 +106,7 @@ LazyListView {
 					property: "opacity"
 					target: notif
 					to: 0
+					type: Anim.DefaultEffects
 				}
 
 				Anim {
@@ -132,7 +130,7 @@ LazyListView {
 	model: ScriptModel {
 		values: {
 			if (root.expanded)
-				return root.notifs;
+				return root.notifs as Array;
 
 			let count = 0;
 			let i = 0;
@@ -143,7 +141,7 @@ LazyListView {
 				i++;
 			}
 
-			return root.notifs.slice(0, i);
+			return root.notifs.slice(0, i) as Array;
 		}
 	}