import Variable from 'resource:///com/github/Aylur/ags/variable.js'; import { EventBox } from 'resource:///com/github/Aylur/ags/widget.js'; const { Gtk, Gdk } = imports.gi; const display = Gdk.Display.get_default(); import * as EventBoxTypes from 'types/widgets/eventbox'; type CursorBox = EventBoxTypes.EventBoxProps & { on_primary_click_release?(self: EventBoxTypes.default): void; on_hover?(self: EventBoxTypes.default): void; on_hover_lost?(self: EventBoxTypes.default): void; }; export default ({ on_primary_click_release = () => {/**/}, on_hover = () => {/**/}, on_hover_lost = () => {/**/}, attribute, ...props }: CursorBox) => { // Make this variable to know if the function should // be executed depending on where the click is released const CanRun = Variable(true); const Disabled = Variable(false); const cursorBox = EventBox({ ...props, attribute: { ...attribute, disabled: Disabled, }, on_primary_click_release: (self) => { // Every click, do a one shot connect to // CanRun to wait for location of click const id = CanRun.connect('changed', () => { if (CanRun.value && !Disabled.value) { on_primary_click_release(self); } CanRun.disconnect(id); }); }, // OnHover }).on('enter-notify-event', (self) => { on_hover(self); self.window.set_cursor(Gdk.Cursor.new_from_name( display, Disabled.value ? 'not-allowed' : 'pointer', )); self.toggleClassName('hover', true); // OnHoverLost }).on('leave-notify-event', (self) => { on_hover_lost(self); self.window.set_cursor(null); self.toggleClassName('hover', false); // Disabled class }).hook(Disabled, (self) => { self.toggleClassName('disabled', Disabled.value); }); const gesture = Gtk.GestureLongPress.new(cursorBox); cursorBox.hook(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 > cursorBox.get_allocated_width() || y > cursorBox.get_allocated_height() ); }, 'end'); return cursorBox; };