feat(widgets): add child and overlay props (Aylur#237)

gorsbart · Feb 28, 2024 · d57097b · d57097b
1 parent ea3cc12
commit d57097b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/widgets/box.ts b/src/widgets/box.ts
@@ -20,6 +20,11 @@ export default class AgsBox extends AgsWidget(Gtk.Box) {
         super(props as Gtk.Box.ConstructorProperties);
     }
 
+    get child() { return this.children[0]; }
+    set child(child: Gtk.Widget) {
+        this.children = [child];
+    }
+
     get children() { return this.get_children(); }
     set children(children: Gtk.Widget[]) {
         const newChildren = children || [];

diff --git a/src/widgets/overlay.ts b/src/widgets/overlay.ts
@@ -4,6 +4,7 @@ import Gtk from 'gi://Gtk?version=3.0';
 export type OverlayProps = BaseProps<AgsOverlay, Gtk.Overlay.ConstructorProperties & {
     pass_through?: boolean
     overlays?: Gtk.Widget[]
+    overlay?: Gtk.Widget
 }>
 
 export default class AgsOverlay extends AgsWidget(Gtk.Overlay) {
@@ -12,6 +13,7 @@ export default class AgsOverlay extends AgsWidget(Gtk.Overlay) {
             properties: {
                 'pass-through': ['boolean', 'rw'],
                 'overlays': ['jsobject', 'rw'],
+                'overlay': ['jsobject', 'rw'],
             },
         });
     }
@@ -35,8 +37,14 @@ export default class AgsOverlay extends AgsWidget(Gtk.Overlay) {
         this.notify('pass-through');
     }
 
+    get overlay() { return this.overlays[0]; }
+    set overlay(overlay: Gtk.Widget) {
+        this.overlays = [overlay];
+        this.notify('overlay');
+    }
+
     get overlays() {
-        return this.get_children().filter(ch => ch === this.child);
+        return this.get_children().filter(ch => ch !== this.child);
     }
 
     set overlays(overlays: Gtk.Widget[]) {