retrozinndev
73 lines
3.1 KiB
TypeScript
73 lines
3.1 KiB
TypeScript
import { Binding } from "astal";
|
|
import { Astal, Gdk, Gtk, Widget } from "astal/gtk3";
|
|
|
|
|
|
const { TOP, BOTTOM, LEFT, RIGHT }: typeof Astal.WindowAnchor = Astal.WindowAnchor;
|
|
|
|
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();
|
|
|
|
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);;
|
|
}
|