i18n: more RTL layout enhancements

quickshell/Modals/FileBrowser/FileBrowserContent.qml

@@ -8,6 +8,9 @@ import qs.Widgets
 FocusScope {
     id: root
 
+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
     property string homeDir: StandardPaths.writableLocation(StandardPaths.HomeLocation)
     property string docsDir: StandardPaths.writableLocation(StandardPaths.DocumentsLocation)
     property string musicDir: StandardPaths.writableLocation(StandardPaths.MusicLocation)

quickshell/Modals/FileBrowser/FileBrowserGridDelegate.qml

@@ -115,17 +115,18 @@ StyledRect {
             height: weMode ? 165 : (iconSizes[iconSizeIndex] - 8)
             anchors.horizontalCenter: parent.horizontalCenter
 
-            CachingImage {
+            Image {
                 id: gridPreviewImage
                 anchors.fill: parent
                 anchors.margins: 2
                 property var weExtensions: [".jpg", ".jpeg", ".png", ".webp", ".gif", ".bmp", ".tga"]
                 property int weExtIndex: 0
-                imagePath: {
+                property string imagePath: {
                     if (weMode && delegateRoot.fileIsDir)
                         return delegateRoot.filePath + "/preview" + weExtensions[weExtIndex];
                     return (!delegateRoot.fileIsDir && isImageFile(delegateRoot.fileName)) ? delegateRoot.filePath : "";
                 }
+                source: imagePath ? "file://" + imagePath.split('/').map(s => encodeURIComponent(s)).join('/') : ""
                 onStatusChanged: {
                     if (weMode && delegateRoot.fileIsDir && status === Image.Error) {
                         if (weExtIndex < weExtensions.length - 1) {
@@ -136,7 +137,9 @@ StyledRect {
                     }
                 }
                 fillMode: Image.PreserveAspectCrop
-                maxCacheSize: weMode ? 225 : iconSizes[iconSizeIndex]
+                sourceSize.width: weMode ? 225 : iconSizes[iconSizeIndex]
+                sourceSize.height: weMode ? 225 : iconSizes[iconSizeIndex]
+                asynchronous: true
                 visible: false
             }
 

quickshell/Modals/FileBrowser/FileBrowserListDelegate.qml

@@ -124,12 +124,15 @@ StyledRect {
             height: 28
             anchors.verticalCenter: parent.verticalCenter
 
-            CachingImage {
+            Image {
                 id: listPreviewImage
                 anchors.fill: parent
-                imagePath: (!listDelegateRoot.fileIsDir && isImageFile(listDelegateRoot.fileName)) ? listDelegateRoot.filePath : ""
+                property string imagePath: (!listDelegateRoot.fileIsDir && isImageFile(listDelegateRoot.fileName)) ? listDelegateRoot.filePath : ""
+                source: imagePath ? "file://" + imagePath.split('/').map(s => encodeURIComponent(s)).join('/') : ""
                 fillMode: Image.PreserveAspectCrop
-                maxCacheSize: 32
+                sourceSize.width: 32
+                sourceSize.height: 32
+                asynchronous: true
                 visible: false
             }
 

quickshell/Modals/FileBrowser/FileBrowserModal.qml

@@ -45,8 +45,12 @@ FloatingWindow {
                 parentModal.shouldHaveFocus = false;
                 parentModal.allowFocusOverride = true;
             }
-            content.reset();
-            Qt.callLater(() => content.forceActiveFocus());
+            Qt.callLater(() => {
+                if (content) {
+                    content.reset();
+                    content.forceActiveFocus();
+                }
+            });
         } else {
             if (parentModal && "allowFocusOverride" in parentModal) {
                 parentModal.allowFocusOverride = false;
@@ -56,27 +60,35 @@ FloatingWindow {
         }
     }
 
-    FileBrowserContent {
-        id: content
+    Loader {
+        id: contentLoader
         anchors.fill: parent
-        focus: true
-        closeOnEscape: false
-        windowControls: windowControls
+        active: fileBrowserModal.visible
+        sourceComponent: FileBrowserContent {
+            id: content
+            anchors.fill: parent
+            focus: true
+            closeOnEscape: false
+            windowControls: fileBrowserModal.windowControlsRef
 
-        browserTitle: fileBrowserModal.browserTitle
-        browserIcon: fileBrowserModal.browserIcon
-        browserType: fileBrowserModal.browserType
-        fileExtensions: fileBrowserModal.fileExtensions
-        showHiddenFiles: fileBrowserModal.showHiddenFiles
-        saveMode: fileBrowserModal.saveMode
-        defaultFileName: fileBrowserModal.defaultFileName
+            browserTitle: fileBrowserModal.browserTitle
+            browserIcon: fileBrowserModal.browserIcon
+            browserType: fileBrowserModal.browserType
+            fileExtensions: fileBrowserModal.fileExtensions
+            showHiddenFiles: fileBrowserModal.showHiddenFiles
+            saveMode: fileBrowserModal.saveMode
+            defaultFileName: fileBrowserModal.defaultFileName
 
-        Component.onCompleted: initialize()
+            Component.onCompleted: initialize()
 
-        onFileSelected: path => fileBrowserModal.fileSelected(path)
-        onCloseRequested: fileBrowserModal.close()
+            onFileSelected: path => fileBrowserModal.fileSelected(path)
+            onCloseRequested: fileBrowserModal.close()
+        }
     }
 
+    property alias content: contentLoader.item
+    property alias windowControlsRef: windowControls
+
     FloatingWindowControls {
         id: windowControls
         targetWindow: fileBrowserModal

quickshell/Modals/FileBrowser/FileBrowserSurfaceModal.qml

@@ -33,8 +33,12 @@ DankModal {
         if (parentPopout) {
             parentPopout.customKeyboardFocus = WlrKeyboardFocus.None;
         }
-        content.reset();
-        Qt.callLater(() => content.forceActiveFocus());
+        Qt.callLater(() => {
+            if (contentLoader.item) {
+                contentLoader.item.reset();
+                contentLoader.item.forceActiveFocus();
+            }
+        });
     }
 
     onDialogClosed: {
@@ -43,8 +47,7 @@ DankModal {
         }
     }
 
-    directContent: FileBrowserContent {
-        id: content
+    content: FileBrowserContent {
         focus: true
 
         browserTitle: fileBrowserSurfaceModal.browserTitle