modular quick toggles

Modules/Notifications/Sidebar/Utils/Wrapper.qml

@@ -1,14 +1,16 @@
 pragma ComponentBehavior: Bound
 
-import qs.Components
-import ZShell.Config
-import Quickshell
 import QtQuick
+import Quickshell
+import ZShell.Config
+import qs.Components
+import qs.Modules.Bar.Popouts as BarPopouts
 
 Item {
 	id: root
 
-	required property Item popouts
+	property real offsetScale: shouldBeActive ? 0 : 1
+	required property BarPopouts.Wrapper popouts
 	readonly property PersistentProperties props: PersistentProperties {
 		property string recordingConfirmDelete
 		property bool recordingListExpanded: false
@@ -20,13 +22,11 @@ Item {
 	required property Item sidebar
 	required property var visibilities
 
-	property real offsetScale: shouldBeActive ? 0 : 1
-
-	visible: offsetScale < 1
 	anchors.bottomMargin: (-implicitHeight - 5) * offsetScale
 	implicitHeight: content.implicitHeight + 8 * 2
 	implicitWidth: sidebar.width * (1 - sidebar.offsetScale)
 	opacity: 1 - offsetScale
+	visible: offsetScale < 1
 
 	Behavior on offsetScale {
 		Anim {
@@ -38,12 +38,11 @@ Item {
 	Loader {
 		id: content
 
+		active: root.shouldBeActive || root.visible
 		anchors.left: parent.left
 		anchors.margins: 8
 		anchors.top: parent.top
 
-		active: root.shouldBeActive || root.visible
-
 		sourceComponent: Content {
 			implicitWidth: root.implicitWidth - 8 * 2
 			popouts: root.popouts