filedialog: loader

widgets/filedialog/DialogButtons.qml

@@ -37,7 +37,7 @@ StyledRect {
                 anchors.fill: parent
                 anchors.margins: Appearance.padding.normal
 
-                text: `${root.dialog.filterLabel} (${root.dialog.filters})`
+                text: `${root.dialog.filterLabel} (${root.dialog.filters.map(f => `*.${f}`).join(", ")})`
             }
         }
 

widgets/filedialog/FileDialog.qml

@@ -1,30 +1,57 @@
+pragma ComponentBehavior: Bound
+
 import qs.services
 import qs.config
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
 
-FloatingWindow {
+LazyLoader {
-    id: root
+    id: loader
 
     property list<string> cwd: ["Home"]
     property string filterLabel: "All files"
     property list<string> filters: ["*"]
+    property string title: qsTr("Select a file")
+
+    signal accepted(path: string)
+    signal rejected
+
+    function open(): void {
+        activeAsync = true;
+    }
+
+    function close(): void {
+        rejected();
+    }
+
+    onAccepted: activeAsync = false
+    onRejected: activeAsync = false
+
+    FloatingWindow {
+        id: root
+
+        property list<string> cwd: loader.cwd
+        property string filterLabel: loader.filterLabel
+        property list<string> filters: loader.filters
 
         readonly property bool selectionValid: {
             const item = folderContents.currentItem;
             return item && !item.fileIsDir && (filters.includes("*") || filters.includes(item.fileSuffix));
         }
 
-    signal accepted(path: string)
+        function accepted(path: string): void {
-    signal rejected
+            loader.accepted(path);
+        }
+
+        function rejected(): void {
+            loader.rejected();
+        }
 
         implicitWidth: 1000
         implicitHeight: 600
         color: Colours.palette.m3surface
-
+        title: loader.title
-    onAccepted: visible = false
-    onRejected: visible = false
 
         RowLayout {
             anchors.fill: parent
@@ -70,4 +97,5 @@ FloatingWindow {
                 easing.bezierCurve: Appearance.anim.curves.standard
             }
         }
+    }
 }