1 files changed, 20 insertions, 0 deletions
diff --git a/lang/gjs/src/gtk3/widget.ts b/lang/gjs/src/gtk3/widget.ts
index b4e8497..759a4b1 100644
--- a/lang/gjs/src/gtk3/widget.ts
+++ b/lang/gjs/src/gtk3/widget.ts
@@ -4,6 +4,12 @@ import Gtk from "gi://Gtk?version=3.0"
 import GObject from "gi://GObject"
 import astalify, { type ConstructProps, type BindableChild } from "./astalify.js"
 
+function filter(children: any[]) {
+    return children.flat(Infinity).map(ch => ch instanceof Gtk.Widget
+        ? ch
+        : new Gtk.Label({ visible: true, label: String(ch) }))
+}
+
 // Box
 Object.defineProperty(Astal.Box.prototype, "children", {
     get() { return this.get_children() },
@@ -14,6 +20,7 @@ export type BoxProps = ConstructProps<Box, Astal.Box.ConstructorProps>
 export class Box extends astalify(Astal.Box) {
     static { GObject.registerClass({ GTypeName: "Box" }, this) }
     constructor(props?: BoxProps, ...children: Array<BindableChild>) { super({ children, ...props } as any) }
+    protected setChildren(children: any[]): void { this.set_children(filter(children)) }
 }
 
 // Button
@@ -35,6 +42,12 @@ export type CenterBoxProps = ConstructProps<CenterBox, Astal.CenterBox.Construct
 export class CenterBox extends astalify(Astal.CenterBox) {
     static { GObject.registerClass({ GTypeName: "CenterBox" }, this) }
     constructor(props?: CenterBoxProps, ...children: Array<BindableChild>) { super({ children, ...props } as any) }
+    protected setChildren(children: any[]): void {
+        const ch = filter(children)
+        this.startWidget = ch[0] || new Gtk.Box
+        this.centerWidget = ch[1] || new Gtk.Box
+        this.endWidget = ch[2] || new Gtk.Box
+    }
 }
 
 // CircularProgress
@@ -91,6 +104,7 @@ export type LabelProps = ConstructProps<Label, Astal.Label.ConstructorProps>
 export class Label extends astalify(Astal.Label) {
     static { GObject.registerClass({ GTypeName: "Label" }, this) }
     constructor(props?: LabelProps) { super(props as any) }
+    protected setChildren(children: any[]): void { this.label = String(children) }
 }
 
 // LevelBar
@@ -112,6 +126,11 @@ export type OverlayProps = ConstructProps<Overlay, Astal.Overlay.ConstructorProp
 export class Overlay extends astalify(Astal.Overlay) {
     static { GObject.registerClass({ GTypeName: "Overlay" }, this) }
     constructor(props?: OverlayProps, ...children: Array<BindableChild>) { super({ children, ...props } as any) }
+    protected setChildren(children: any[]): void {
+        const [child, ...overlays] = filter(children)
+        this.set_child(child)
+        this.set_overlays(overlays)
+    }
 }
 
 // Revealer
@@ -142,6 +161,7 @@ export type StackProps = ConstructProps<Stack, Astal.Stack.ConstructorProps>
 export class Stack extends astalify(Astal.Stack) {
     static { GObject.registerClass({ GTypeName: "Stack" }, this) }
     constructor(props?: StackProps, ...children: Array<BindableChild>) { super({ children, ...props } as any) }
+    protected setChildren(children: any[]): void { this.set_children(filter(children)) }
 }
 
 // Switch