refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/powermenu/ShadedPopup.js

@@ -0,0 +1,44 @@
+import App from "resource:///com/github/Aylur/ags/app.js";
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+
+/** @param {string} windowName */
+const Padding = (windowName) =>
+  Widget.EventBox({
+    class_name: "padding",
+    hexpand: true,
+    vexpand: true,
+    setup: (w) =>
+      w.on("button-press-event", () => App.toggleWindow(windowName)),
+  });
+
+/**
+ * @template {import('gi://Gtk?version=3.0').default.Widget} T
+ * @param {import('types/widgets/window').WindowProps<T> & {
+ *      name: string
+ *      child: import('types/widgets/box').default
+ *  }} o
+ */
+export default ({ name, child, ...rest }) =>
+  Widget.Window({
+    ...rest,
+    class_names: ["popup-window", name],
+    name,
+    visible: false,
+    popup: true,
+    keymode: "on-demand",
+    setup() {
+      child.toggleClassName("window-content");
+    },
+    child: Widget.CenterBox({
+      class_name: "shader",
+      css: "min-width: 5000px; min-height: 3000px;",
+      start_widget: Padding(name),
+      end_widget: Padding(name),
+      center_widget: Widget.CenterBox({
+        vertical: true,
+        start_widget: Padding(name),
+        end_widget: Padding(name),
+        center_widget: child,
+      }),
+    }),
+  });