timeout popup after mouse exits

widgets/StyledPopupWindow.qml

@@ -32,6 +32,25 @@ PopupWindow {
         }
     }
 
+    Timer {
+        id: timer
+        interval: 750
+        onTriggered: {
+            if (!root.visible) {
+                return;
+            }
+            root.toggle();
+        }
+    }
+
+    WrapperMouseArea {
+        hoverEnabled: true
+        onExited: {
+            timer.start();
+        }
+        onEntered: {
+            timer.stop();
+        }
         WrapperRectangle {
             id: background
 
@@ -79,4 +98,5 @@ PopupWindow {
                 sourceComponent: root.content
             }
         }
+    }
 }