utilities: loader content

modules/utilities/Wrapper.qml

@@ -1,3 +1,5 @@
+pragma ComponentBehavior: Bound
+
 import qs.components
 import qs.config
 import QtQuick
@@ -11,6 +13,13 @@ Item {
     implicitHeight: 0
     implicitWidth: Config.utilities.sizes.width
 
+    onStateChanged: {
+        if (state === "visible" && timer.running) {
+            timer.triggered();
+            timer.stop();
+        }
+    }
+
     states: State {
         name: "visible"
         when: root.visibilities.utilities
@@ -44,7 +53,18 @@ Item {
         }
     ]
 
-    Content {
+    Timer {
+        id: timer
+
+        running: true
+        interval: Appearance.anim.durations.extraLarge
+        onTriggered: {
+            content.active = Qt.binding(() => (root.visibilities.utilities && Config.utilities.enabled) || root.visible);
+            content.visible = true;
+        }
+    }
+
+    Loader {
         id: content
 
         anchors.top: parent.top
@@ -52,6 +72,11 @@ Item {
         anchors.right: parent.right
         anchors.margins: Appearance.padding.large
 
+        visible: false
+        active: true
+
+        sourceComponent: Content {
             visibilities: root.visibilities
         }
     }
+}