feat: async components

components/controls/Menu.qml

@@ -83,6 +83,7 @@ Elevation {
                         }
 
                         Loader {
+                            asynchronous: true
                             Layout.alignment: Qt.AlignVCenter
                             active: item.modelData.trailingIcon.length > 0
                             visible: active

components/controls/ToggleButton.qml

@@ -74,6 +74,7 @@ StyledRect {
         }
 
         Loader {
+            asynchronous: true
             active: !!root.label
             visible: active
 
@@ -101,6 +102,8 @@ StyledRect {
     // Tooltip - positioned absolutely, doesn't affect layout
     Loader {
         id: tooltipLoader
+
+        asynchronous: true
         active: root.tooltip !== ""
         z: 10000
         width: 0

components/filedialog/FolderContents.qml

@@ -47,6 +47,7 @@ Item {
     }
 
     Loader {
+        asynchronous: true
         anchors.centerIn: parent
 
         opacity: view.count === 0 ? 1 : 0

components/filedialog/HeaderBar.qml

@@ -75,6 +75,7 @@ StyledRect {
                         spacing: 0
 
                         Loader {
+                            asynchronous: true
                             Layout.rightMargin: Appearance.spacing.small
                             active: folder.index > 0
                             sourceComponent: StyledText {
@@ -89,6 +90,7 @@ StyledRect {
                             implicitHeight: folderName.implicitHeight + Appearance.padding.small * 2
 
                             Loader {
+                                asynchronous: true
                                 anchors.fill: parent
                                 active: folder.index < root.dialog.cwd.length - 1
                                 sourceComponent: StateLayer {
@@ -103,6 +105,8 @@ StyledRect {
                             Loader {
                                 id: homeIcon
 
+                                asynchronous: true
+
                                 anchors.left: parent.left
                                 anchors.verticalCenter: parent.verticalCenter
                                 anchors.leftMargin: Appearance.padding.normal

components/images/CachingIconImage.qml

@@ -18,6 +18,7 @@ Item {
     Loader {
         id: loader
 
+        asynchronous: true
         anchors.fill: parent
         sourceComponent: root.source ? root.source.toString().startsWith("image://icon/") ? iconImage : cachingImage : null
     }