feat(ags cursorbox): when release click outside box, don't run func

devices/wim/config/ags/js/bar/buttons/keyboard-layout.js

@@ -3,6 +3,7 @@ import { Box, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js';
 
 const DEFAULT_KB = 'at-translated-set-2-keyboard';
 
+
 export default () => Box({
     className: 'toggle-off',
     css: 'padding: 0 10px;',

devices/wim/config/ags/js/misc/cursorbox.js

@@ -1,19 +1,36 @@
+import Variable from 'resource:///com/github/Aylur/ags/variable.js';
 import { Button, EventBox } from 'resource:///com/github/Aylur/ags/widget.js';
 
+import Gtk from 'gi://Gtk';
 import Gdk from 'gi://Gdk';
 const display = Gdk.Display.get_default();
 
 
+// TODO: wrap in another EventBox for disabled cursor
 export default ({
     isButton = false,
     reset = true,
     onHover = () => {},
     onHoverLost = () => {},
+    onPrimaryClickRelease = () => {},
     ...props
 }) => {
-    if (!isButton) {
-        return EventBox({
+    // Make this variable to know if the function should
+    // be executed depending on where the click is released
+    const CanRun = Variable(true);
+
+    const properties = {
         ...props,
+        onPrimaryClickRelease: self => {
+            // Every click, do a one shot connect to
+            // CanRun to wait for location of click
+            const id = CanRun.connect('changed', () => {
+                if (CanRun.value)
+                    onPrimaryClickRelease(self);
+
+                CanRun.disconnect(id);
+            });
+        },
         onHover: self => {
             if (!self.child.sensitive || !self.sensitive)
                 self.window.set_cursor(Gdk.Cursor.new_from_name(display, 'not-allowed'));
@@ -29,21 +46,29 @@ export default ({
 
             onHoverLost(self);
         },
-        });
-    }
-    else {
-        return Button({
-            ...props,
-            onHover: self => {
-                if (!self.child.sensitive || !self.sensitive)
-                    self.window.set_cursor(Gdk.Cursor.new_from_name(display, 'not-allowed'));
-                else
-                    self.window.set_cursor(Gdk.Cursor.new_from_name(display, 'pointer'));
-            },
-            onHoverLost: self => {
-                if (reset)
-                    self.window.set_cursor(null);
-            },
-        });
-    }
+    };
+
+    let widget;
+    if (!isButton)
+        widget = EventBox(properties);
+    else
+        widget = Button(properties);
+
+    const gesture = Gtk.GestureLongPress.new(widget);
+
+    widget.connectTo(gesture, () => {
+        const pointer = gesture.get_point(null);
+        const x = pointer[1];
+        const y = pointer[2];
+
+        if ((!x || !y) || x === 0 && y === 0)
+            return;
+
+        CanRun.value = !(
+            x > widget.get_allocated_width() ||
+            y > widget.get_allocated_height()
+        );
+    }, 'end');
+
+    return widget;
 };