3 files changed, 104 insertions, 0 deletions
diff --git a/lib/astal/gtk4/src/meson.build b/lib/astal/gtk4/src/meson.build
index 8aac969..7b9c1e0 100644
--- a/lib/astal/gtk4/src/meson.build
+++ b/lib/astal/gtk4/src/meson.build
@@ -25,6 +25,8 @@ deps = [
 ]
 
 sources = [config] + files(
+  'widget/box.vala',
+  'widget/slider.vala',
   'widget/window.vala',
   'application.vala',
 )
diff --git a/lib/astal/gtk4/src/widget/box.vala b/lib/astal/gtk4/src/widget/box.vala
new file mode 100644
index 0000000..eb52f9c
--- /dev/null
+++ b/lib/astal/gtk4/src/widget/box.vala
@@ -0,0 +1,35 @@
+public class Astal.Box : Gtk.Box {
+    public List<weak Gtk.Widget> children {
+        set {
+            foreach (var child in children) {
+                remove(child);
+            }
+            foreach (var child in value) {
+                append(child);
+            }
+        }
+        owned get {
+            var list = new List<weak Gtk.Widget>();
+            var child = get_first_child();
+            while (child != null) {
+                list.append(child);
+                child = child.get_next_sibling();
+            }
+            return list;
+        }
+    }
+
+    public Gtk.Widget? child {
+        owned get {
+            foreach (var child in children) {
+                return child;
+            }
+            return null;
+        }
+        set {
+            var list = new List<weak Gtk.Widget>();
+            list.append(child);
+            this.children = children;
+        }
+    }
+}
diff --git a/lib/astal/gtk4/src/widget/slider.vala b/lib/astal/gtk4/src/widget/slider.vala
new file mode 100644
index 0000000..f8002ec
--- /dev/null
+++ b/lib/astal/gtk4/src/widget/slider.vala
@@ -0,0 +1,67 @@
+public class Astal.Slider : Gtk.Scale {
+    private Gtk.EventControllerLegacy controller;
+    private bool dragging;
+
+    construct {
+        draw_value = false;
+
+        if (adjustment == null)
+            adjustment = new Gtk.Adjustment(0,0,0,0,0,0);
+
+        if (max == 0 && min == 0) {
+            max = 1;
+        }
+
+        if (step == 0) {
+            step = 0.05;
+        }
+
+        add_controller(controller);
+        controller.event.connect((event) => {
+            var type = event.get_event_type();
+            if (type == Gdk.EventType.BUTTON_PRESS ||
+                type == Gdk.EventType.KEY_PRESS ||
+                type == Gdk.EventType.TOUCH_BEGIN) {
+                dragging = true;
+            }
+            if (type == Gdk.EventType.BUTTON_RELEASE ||
+                type == Gdk.EventType.KEY_RELEASE ||
+                type == Gdk.EventType.TOUCH_END) {
+                dragging = false;
+            }
+        });
+    }
+
+
+    /**
+     * Value of this slider. Defaults to `0`.
+     */
+    public double value {
+        get { return adjustment.value; }
+        set { if (!dragging) adjustment.value = value; }
+    }
+
+    /**
+     * Minimum possible value of this slider. Defaults to `0`.
+     */
+    public double min {
+        get { return adjustment.lower; }
+        set { adjustment.lower = value; }
+    }
+
+    /**
+     * Maximum possible value of this slider. Defaults to `1`.
+     */
+    public double max {
+        get { return adjustment.upper; }
+        set { adjustment.upper = value; }
+    }
+
+    /**
+     * Size of step increments. Defaults to `0.05`.
+     */
+    public double step {
+        get { return adjustment.step_increment; }
+        set { adjustment.step_increment = value; }
+    }
+}