Optimizations memory/cpu

- Only load bar widgets once the settings are done loading, and the
widget is actually in use.
- Only load bar on screens that request it, instead of hiding it.

Modules/Bar/Bar.qml

@@ -12,106 +12,108 @@ import qs.Modules.Notification
 Variants {
   model: Quickshell.screens
 
-  delegate: PanelWindow {
+  delegate: Loader {
     id: root
 
     required property ShellScreen modelData
-    readonly property real scaling: ScalingService.scale(screen)
-    screen: modelData
+    readonly property real scaling: ScalingService.scale(modelData)
 
-    WlrLayershell.namespace: "noctalia-bar"
+    active: modelData ? (Settings.data.bar.monitors.includes(modelData.name)
+                         || (Settings.data.bar.monitors.length === 0)) : false
 
-    implicitHeight: Style.barHeight * scaling
-    color: Color.transparent
+    sourceComponent: PanelWindow {
+      screen: modelData
 
-    // If no bar activated in settings, then show them all
-    visible: modelData ? (Settings.data.bar.monitors.includes(modelData.name)
-                          || (Settings.data.bar.monitors.length === 0)) : false
+      WlrLayershell.namespace: "noctalia-bar"
 
-    anchors {
-      top: Settings.data.bar.position === "top"
-      bottom: Settings.data.bar.position === "bottom"
-      left: true
-      right: true
-    }
+      implicitHeight: Style.barHeight * scaling
+      color: Color.transparent
 
-    Item {
-      anchors.fill: parent
-      clip: true
-
-      // Background fill
-      Rectangle {
-        id: bar
+      anchors {
+        top: Settings.data.bar.position === "top"
+        bottom: Settings.data.bar.position === "bottom"
+        left: true
+        right: true
+      }
 
+      Item {
         anchors.fill: parent
-        color: Qt.rgba(Color.mSurface.r, Color.mSurface.g, Color.mSurface.b, Settings.data.bar.backgroundOpacity)
-        layer.enabled: true
-      }
+        clip: true
 
-      // ------------------------------
-      // Left Section - Dynamic Widgets
-      Row {
-        id: leftSection
+        // Background fill
+        Rectangle {
+          id: bar
 
-        height: parent.height
-        anchors.left: parent.left
-        anchors.leftMargin: Style.marginS * scaling
-        anchors.verticalCenter: parent.verticalCenter
-        spacing: Style.marginS * scaling
+          anchors.fill: parent
+          color: Qt.rgba(Color.mSurface.r, Color.mSurface.g, Color.mSurface.b, Settings.data.bar.backgroundOpacity)
+          layer.enabled: true
+        }
 
-        Repeater {
-          model: Settings.data.bar.widgets.left
-          delegate: NWidgetLoader {
-            widgetName: modelData
-            widgetProps: {
-              "screen": screen
+        // ------------------------------
+        // Left Section - Dynamic Widgets
+        Row {
+          id: leftSection
+
+          height: parent.height
+          anchors.left: parent.left
+          anchors.leftMargin: Style.marginS * scaling
+          anchors.verticalCenter: parent.verticalCenter
+          spacing: Style.marginS * scaling
+
+          Repeater {
+            model: Settings.data.bar.widgets.left
+            delegate: NWidgetLoader {
+              widgetName: modelData
+              widgetProps: {
+                "screen": screen
+              }
+              anchors.verticalCenter: parent.verticalCenter
             }
-            anchors.verticalCenter: parent.verticalCenter
           }
         }
-      }
 
-      // ------------------------------
-      // Center Section - Dynamic Widgets
-      Row {
-        id: centerSection
+        // ------------------------------
+        // Center Section - Dynamic Widgets
+        Row {
+          id: centerSection
 
-        height: parent.height
-        anchors.horizontalCenter: parent.horizontalCenter
-        anchors.verticalCenter: parent.verticalCenter
-        spacing: Style.marginS * scaling
+          height: parent.height
+          anchors.horizontalCenter: parent.horizontalCenter
+          anchors.verticalCenter: parent.verticalCenter
+          spacing: Style.marginS * scaling
 
-        Repeater {
-          model: Settings.data.bar.widgets.center
-          delegate: NWidgetLoader {
-            widgetName: modelData
-            widgetProps: {
-              "screen": screen
+          Repeater {
+            model: Settings.data.bar.widgets.center
+            delegate: NWidgetLoader {
+              widgetName: modelData
+              widgetProps: {
+                "screen": screen
+              }
+              anchors.verticalCenter: parent.verticalCenter
             }
-            anchors.verticalCenter: parent.verticalCenter
           }
         }
-      }
 
-      // ------------------------------
-      // Right Section - Dynamic Widgets
-      Row {
-        id: rightSection
+        // ------------------------------
+        // Right Section - Dynamic Widgets
+        Row {
+          id: rightSection
 
-        height: parent.height
-        anchors.right: bar.right
-        anchors.rightMargin: Style.marginS * scaling
-        anchors.verticalCenter: bar.verticalCenter
-        spacing: Style.marginS * scaling
+          height: parent.height
+          anchors.right: bar.right
+          anchors.rightMargin: Style.marginS * scaling
+          anchors.verticalCenter: bar.verticalCenter
+          spacing: Style.marginS * scaling
 
-        Repeater {
-          model: Settings.data.bar.widgets.right
-          delegate: NWidgetLoader {
-            widgetName: modelData
-            widgetProps: {
-              "screen": screen
+          Repeater {
+            model: Settings.data.bar.widgets.right
+            delegate: NWidgetLoader {
+              widgetName: modelData
+              widgetProps: {
+                "screen": screen
+              }
+              anchors.verticalCenter: parent.verticalCenter
             }
-            anchors.verticalCenter: parent.verticalCenter
           }
         }
       }