ags: lot of stuff lmao

2025-02-28 10:21:37 -03:00
parent ff4365ab6d
commit 1a1a5d63f8
31 changed files with 748 additions and 217 deletions
@@ -1,18 +1,72 @@
-import { Astal, Gtk, Widget } from "astal/gtk3";
+import { Binding } from "astal";
+import { Astal, Gdk, Gtk, Widget } from "astal/gtk3";


 const { TOP, BOTTOM, LEFT, RIGHT }: typeof Astal.WindowAnchor = Astal.WindowAnchor;

-/**
- * Creates a screen-size window and opens the provided window after it. 
- * When clicking in the transparent background window, it closes(hides) 
- * the provided window.
- * @param window the window to be rendered and closed when clicking outside of it
- */
-export function PopupWindow(window: Gtk.Window) {
-    const bgWindow: Gtk.Window = new Widget.Window({
-        namespace: "popup-bg-window",
+export interface PopupWindowProps {
+    className?: string | Binding<string | undefined>;
+    namespace: string | Binding<string | undefined>;
+    visible?: boolean | Binding<boolean | undefined>;
+    halign?: Gtk.Align | Binding<Gtk.Align | undefined>;
+    valign?: Gtk.Align | Binding<Gtk.Align | undefined>;
+    hexpand?: boolean | Binding<boolean | undefined>;
+    vexpand?: boolean | Binding<boolean | undefined>;
+    expand?: boolean | Binding<boolean | undefined>;
+    monitor?: number | Binding<number | undefined>;
+    marginTop?: number | Binding<number | undefined>;
+    marginBottom?: number | Binding<number | undefined>;
+    marginLeft?: number | Binding<number | undefined>;
+    marginRight?: number | Binding<number | undefined>;
+    widthRequest?: number | Binding<number | undefined>;
+    heightRequest?: number | Binding<number | undefined>;
+    layer?: Astal.Layer | Binding<Astal.Layer | undefined>;
+    onClose?: () => void;
+    child: Gtk.Widget;
+}
+
+export function PopupWindow(props: PopupWindowProps): Widget.Window {
+    return new Widget.Window({
+        namespace: props?.namespace || "popup-window",
+        className: "popup-window",
        anchor: TOP | BOTTOM | LEFT | RIGHT,
+        exclusivity: Astal.Exclusivity.NORMAL,
+        keymode: Astal.Keymode.EXCLUSIVE,
+        layer: props?.layer || Astal.Layer.OVERLAY,
+        focusOnMap: true,
+        visible: props?.visible,
+        acceptFocus: true,
+        monitor: props?.monitor || 0,
+        onButtonPressEvent: (_, event: Gdk.Event) => {
+            const [, posX, posY] = event.get_coords();
+            const childAllocation = _.get_child()!.get_allocation();

-    } as Widget.WindowProps);
+            if((posX < childAllocation.x || posX > (childAllocation.x + childAllocation.width)) || 
+               (posY < childAllocation.y || posY > (childAllocation.y + childAllocation.height))) {
+                _.hide();
+                props?.onClose && props.onClose();
+            }
+        },
+        onKeyPressEvent: (_, event: Gdk.Event) => 
+            event.get_keyval()[1] === Gdk.KEY_Escape && _.hide(),
+        child: new Widget.Box({
+            className: (props?.className instanceof Binding) ? 
+                props.className.as((clsName: string|undefined) => 
+                    `popup ${clsName || ""}`)
+            : `popup ${props?.className || ""}`,
+            halign: props?.halign || Gtk.Align.CENTER,
+            valign: props?.valign || Gtk.Align.CENTER,
+            expand: props?.expand || false,
+            widthRequest: props?.widthRequest,
+            heightRequest: props?.heightRequest,
+            hexpand: props?.hexpand || false,
+            visible: true,
+            vexpand: props?.vexpand || false,
+            marginTop: props?.marginTop || 0,
+            marginBottom: props?.marginBottom || 0,
+            marginLeft: props?.marginLeft || 0,
+            marginRight: props?.marginRight || 0,
+            child: props.child
+        } as Widget.BoxProps)
+    } as Widget.WindowProps);;
 }