2013-02-16 17:41:11 +00:00
|
|
|
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2023-07-10 09:53:00 +00:00
|
|
|
import Clutter from 'gi://Clutter';
|
|
|
|
import St from 'gi://St';
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2023-07-10 09:53:00 +00:00
|
|
|
import * as Main from './main.js';
|
|
|
|
import * as Params from '../misc/params.js';
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2023-07-30 12:56:59 +00:00
|
|
|
/**
|
|
|
|
* GrabHelper:
|
|
|
|
*
|
|
|
|
* Creates a new GrabHelper object, for dealing with keyboard and pointer grabs
|
|
|
|
* associated with a set of actors.
|
|
|
|
*
|
|
|
|
* Note that the grab can be automatically dropped at any time by the user, and
|
|
|
|
* your code just needs to deal with it; you shouldn't adjust behavior directly
|
|
|
|
* after you call ungrab(), but instead pass an 'onUngrab' callback when you
|
|
|
|
* call grab().
|
|
|
|
*/
|
2023-07-10 09:53:00 +00:00
|
|
|
export class GrabHelper {
|
2023-07-30 12:56:59 +00:00
|
|
|
/**
|
|
|
|
* @param {Clutter.Actor} owner the actor that owns the GrabHelper
|
|
|
|
* @param {*} params optional parameters to pass to Main.pushModal()
|
|
|
|
*/
|
2017-10-31 01:19:44 +00:00
|
|
|
constructor(owner, params) {
|
2019-05-29 19:43:27 +00:00
|
|
|
if (!(owner instanceof Clutter.Actor))
|
|
|
|
throw new Error('GrabHelper owner must be a Clutter.Actor');
|
|
|
|
|
2012-02-28 17:16:12 +00:00
|
|
|
this._owner = owner;
|
2012-08-20 20:05:00 +00:00
|
|
|
this._modalParams = params;
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
this._grabStack = [];
|
|
|
|
|
2014-08-28 17:43:05 +00:00
|
|
|
this._ignoreUntilRelease = false;
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
this._modalCount = 0;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
_isWithinGrabbedActor(actor) {
|
2013-02-17 04:27:23 +00:00
|
|
|
let currentActor = this.currentGrab.actor;
|
2012-02-28 17:16:12 +00:00
|
|
|
while (actor) {
|
2012-11-26 19:47:59 +00:00
|
|
|
if (actor == currentActor)
|
|
|
|
return true;
|
2012-02-28 17:16:12 +00:00
|
|
|
actor = actor.get_parent();
|
|
|
|
}
|
|
|
|
return false;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
get currentGrab() {
|
2012-09-15 17:14:52 +00:00
|
|
|
return this._grabStack[this._grabStack.length - 1] || {};
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2012-03-01 00:09:41 +00:00
|
|
|
get grabbed() {
|
|
|
|
return this._grabStack.length > 0;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-03-01 00:09:41 +00:00
|
|
|
|
|
|
|
get grabStack() {
|
|
|
|
return this._grabStack;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-03-01 00:09:41 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
_findStackIndex(actor) {
|
2012-02-28 17:16:12 +00:00
|
|
|
if (!actor)
|
|
|
|
return -1;
|
|
|
|
|
|
|
|
for (let i = 0; i < this._grabStack.length; i++) {
|
|
|
|
if (this._grabStack[i].actor === actor)
|
|
|
|
return i;
|
|
|
|
}
|
|
|
|
return -1;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
_actorInGrabStack(actor) {
|
2012-11-26 19:55:03 +00:00
|
|
|
while (actor) {
|
|
|
|
let idx = this._findStackIndex(actor);
|
|
|
|
if (idx >= 0)
|
|
|
|
return idx;
|
|
|
|
actor = actor.get_parent();
|
|
|
|
}
|
|
|
|
return -1;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-11-26 19:55:03 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
isActorGrabbed(actor) {
|
2012-02-28 17:16:12 +00:00
|
|
|
return this._findStackIndex(actor) >= 0;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
// grab:
|
|
|
|
// @params: A bunch of parameters, see below
|
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// The general effect of a "grab" is to ensure that the passed in actor
|
|
|
|
// and all actors inside the grab get exclusive control of the mouse and
|
|
|
|
// keyboard, with the grab automatically being dropped if the user tries
|
|
|
|
// to dismiss it. The actor is passed in through @params.actor.
|
2012-02-28 17:16:12 +00:00
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// grab() can be called multiple times, with the scope of the grab being
|
|
|
|
// changed to a different actor every time. A nested grab does not have
|
|
|
|
// to have its grabbed actor inside the parent grab actors.
|
2012-02-28 17:16:12 +00:00
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// Grabs can be automatically dropped if the user tries to dismiss it
|
|
|
|
// in one of two ways: the user clicking outside the currently grabbed
|
|
|
|
// actor, or the user typing the Escape key.
|
2012-02-28 17:16:12 +00:00
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// If the user clicks outside the grabbed actors, and the clicked on
|
|
|
|
// actor is part of a previous grab in the stack, grabs will be popped
|
|
|
|
// until that grab is active. However, the click event will not be
|
|
|
|
// replayed to the actor.
|
2012-02-28 17:16:12 +00:00
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// If the user types the Escape key, one grab from the grab stack will
|
|
|
|
// be popped.
|
|
|
|
//
|
|
|
|
// When a grab is popped by user interacting as described above, if you
|
|
|
|
// pass a callback as @params.onUngrab, it will be called with %true.
|
|
|
|
//
|
|
|
|
// If @params.focus is not null, we'll set the key focus directly
|
|
|
|
// to that actor instead of navigating in @params.actor. This is for
|
|
|
|
// use cases like menus, where we want to grab the menu actor, but keep
|
|
|
|
// focus on the clicked on menu item.
|
2017-10-31 00:03:21 +00:00
|
|
|
grab(params) {
|
2020-03-29 21:51:13 +00:00
|
|
|
params = Params.parse(params, {
|
|
|
|
actor: null,
|
|
|
|
focus: null,
|
|
|
|
onUngrab: null,
|
|
|
|
});
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
let focus = global.stage.key_focus;
|
|
|
|
let hadFocus = focus && this._isWithinGrabbedActor(focus);
|
2012-08-16 17:40:51 +00:00
|
|
|
let newFocus = params.actor;
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
if (this.isActorGrabbed(params.actor))
|
2012-08-21 23:40:11 +00:00
|
|
|
return true;
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
params.savedFocus = focus;
|
|
|
|
|
2013-05-23 21:20:30 +00:00
|
|
|
if (!this._takeModalGrab())
|
2012-09-19 02:04:57 +00:00
|
|
|
return false;
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2013-02-16 17:52:37 +00:00
|
|
|
this._grabStack.push(params);
|
|
|
|
|
2013-02-11 16:52:09 +00:00
|
|
|
if (params.focus) {
|
2012-03-01 00:09:41 +00:00
|
|
|
params.focus.grab_key_focus();
|
2013-05-23 21:11:40 +00:00
|
|
|
} else if (newFocus && hadFocus) {
|
2018-11-27 12:58:25 +00:00
|
|
|
if (!newFocus.navigate_focus(null, St.DirectionType.TAB_FORWARD, false))
|
2013-02-11 16:52:09 +00:00
|
|
|
newFocus.grab_key_focus();
|
|
|
|
}
|
2012-08-21 23:40:11 +00:00
|
|
|
|
|
|
|
return true;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2019-12-19 02:28:50 +00:00
|
|
|
grabAsync(params) {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
params.onUngrab = resolve;
|
|
|
|
|
|
|
|
if (!this.grab(params))
|
|
|
|
reject(new Error('Grab failed'));
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
_takeModalGrab() {
|
2019-08-19 19:38:51 +00:00
|
|
|
let firstGrab = this._modalCount == 0;
|
2012-09-19 02:04:57 +00:00
|
|
|
if (firstGrab) {
|
2021-11-25 09:49:42 +00:00
|
|
|
let grab = Main.pushModal(this._owner, this._modalParams);
|
2022-04-30 06:18:39 +00:00
|
|
|
if (grab.get_seat_state() !== Clutter.GrabState.ALL) {
|
2021-11-25 09:49:42 +00:00
|
|
|
Main.popModal(grab);
|
2012-09-19 02:04:57 +00:00
|
|
|
return false;
|
2021-11-25 09:49:42 +00:00
|
|
|
}
|
2013-05-23 21:20:30 +00:00
|
|
|
|
2021-11-25 09:49:42 +00:00
|
|
|
this._grab = grab;
|
2021-11-17 23:56:44 +00:00
|
|
|
this._capturedEventId = this._owner.connect('captured-event',
|
|
|
|
(actor, event) => {
|
|
|
|
return this.onCapturedEvent(event);
|
|
|
|
});
|
2012-09-19 02:04:57 +00:00
|
|
|
}
|
2012-09-15 05:38:40 +00:00
|
|
|
|
2012-09-19 02:04:57 +00:00
|
|
|
this._modalCount++;
|
|
|
|
return true;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-09-15 05:38:40 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
_releaseModalGrab() {
|
2012-09-15 05:38:40 +00:00
|
|
|
this._modalCount--;
|
|
|
|
if (this._modalCount > 0)
|
|
|
|
return;
|
|
|
|
|
2021-11-17 23:56:44 +00:00
|
|
|
this._owner.disconnect(this._capturedEventId);
|
2014-08-28 17:43:05 +00:00
|
|
|
this._ignoreUntilRelease = false;
|
2013-05-23 21:20:30 +00:00
|
|
|
|
2021-11-25 09:49:42 +00:00
|
|
|
Main.popModal(this._grab);
|
|
|
|
this._grab = null;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-09-15 05:38:40 +00:00
|
|
|
|
2012-02-28 17:16:12 +00:00
|
|
|
// ignoreRelease:
|
|
|
|
//
|
|
|
|
// Make sure that the next button release event evaluated by the
|
|
|
|
// capture event handler returns false. This is designed for things
|
|
|
|
// like the ComboBoxMenu that go away on press, but need to eat
|
|
|
|
// the next release event.
|
2017-10-31 00:03:21 +00:00
|
|
|
ignoreRelease() {
|
2014-08-28 17:43:05 +00:00
|
|
|
this._ignoreUntilRelease = true;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
// ungrab:
|
|
|
|
// @params: The parameters for the grab; see below.
|
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// Pops @params.actor from the grab stack, potentially dropping
|
|
|
|
// the grab. If the actor is not on the grab stack, this call is
|
|
|
|
// ignored with no ill effects.
|
2012-02-28 17:16:12 +00:00
|
|
|
//
|
2013-05-23 18:52:43 +00:00
|
|
|
// If the actor is not at the top of the grab stack, grabs are
|
|
|
|
// popped until the grabbed actor is at the top of the grab stack.
|
|
|
|
// The onUngrab callback for every grab is called for every popped
|
|
|
|
// grab with the parameter %false.
|
2017-10-31 00:03:21 +00:00
|
|
|
ungrab(params) {
|
2020-03-29 21:51:13 +00:00
|
|
|
params = Params.parse(params, {
|
|
|
|
actor: this.currentGrab.actor,
|
|
|
|
isUser: false,
|
|
|
|
});
|
2012-02-28 17:16:12 +00:00
|
|
|
|
|
|
|
let grabStackIndex = this._findStackIndex(params.actor);
|
|
|
|
if (grabStackIndex < 0)
|
|
|
|
return;
|
|
|
|
|
2012-09-15 05:38:40 +00:00
|
|
|
let focus = global.stage.key_focus;
|
|
|
|
let hadFocus = focus && this._isWithinGrabbedActor(focus);
|
|
|
|
|
2012-08-16 17:48:22 +00:00
|
|
|
let poppedGrabs = this._grabStack.slice(grabStackIndex);
|
2012-08-20 01:12:46 +00:00
|
|
|
// "Pop" all newly ungrabbed actors off the grab stack
|
|
|
|
// by truncating the array.
|
2012-02-28 17:16:12 +00:00
|
|
|
this._grabStack.length = grabStackIndex;
|
|
|
|
|
2012-08-20 01:12:46 +00:00
|
|
|
for (let i = poppedGrabs.length - 1; i >= 0; i--) {
|
|
|
|
let poppedGrab = poppedGrabs[i];
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2012-08-20 01:12:46 +00:00
|
|
|
if (poppedGrab.onUngrab)
|
2012-12-10 08:55:14 +00:00
|
|
|
poppedGrab.onUngrab(params.isUser);
|
2012-08-20 01:12:46 +00:00
|
|
|
|
2013-05-23 21:20:30 +00:00
|
|
|
this._releaseModalGrab();
|
2012-12-30 17:32:41 +00:00
|
|
|
}
|
|
|
|
|
2012-09-15 05:38:40 +00:00
|
|
|
if (hadFocus) {
|
|
|
|
let poppedGrab = poppedGrabs[0];
|
2013-02-09 22:05:43 +00:00
|
|
|
if (poppedGrab.savedFocus)
|
|
|
|
poppedGrab.savedFocus.grab_key_focus();
|
2012-02-28 17:16:12 +00:00
|
|
|
}
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2012-02-28 17:16:12 +00:00
|
|
|
|
2017-10-31 00:03:21 +00:00
|
|
|
onCapturedEvent(event) {
|
2012-02-28 17:16:12 +00:00
|
|
|
let type = event.type();
|
2012-12-30 17:32:41 +00:00
|
|
|
|
|
|
|
if (type == Clutter.EventType.KEY_PRESS &&
|
|
|
|
event.get_key_symbol() == Clutter.KEY_Escape) {
|
|
|
|
this.ungrab({ isUser: true });
|
2013-11-29 18:17:34 +00:00
|
|
|
return Clutter.EVENT_STOP;
|
2012-12-30 17:32:41 +00:00
|
|
|
}
|
|
|
|
|
2014-07-22 10:50:54 +00:00
|
|
|
let motion = type == Clutter.EventType.MOTION;
|
2012-02-28 17:16:12 +00:00
|
|
|
let press = type == Clutter.EventType.BUTTON_PRESS;
|
|
|
|
let release = type == Clutter.EventType.BUTTON_RELEASE;
|
|
|
|
let button = press || release;
|
|
|
|
|
2014-07-24 16:31:51 +00:00
|
|
|
let touchUpdate = type == Clutter.EventType.TOUCH_UPDATE;
|
|
|
|
let touchBegin = type == Clutter.EventType.TOUCH_BEGIN;
|
|
|
|
let touchEnd = type == Clutter.EventType.TOUCH_END;
|
|
|
|
let touch = touchUpdate || touchBegin || touchEnd;
|
|
|
|
|
2019-08-19 17:55:49 +00:00
|
|
|
if (touch && !global.display.is_pointer_emulating_sequence(event.get_event_sequence()))
|
2014-07-24 16:31:51 +00:00
|
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
|
|
|
|
if (this._ignoreUntilRelease && (motion || release || touch)) {
|
|
|
|
if (release || touchEnd)
|
2014-07-22 10:50:54 +00:00
|
|
|
this._ignoreUntilRelease = false;
|
2021-03-18 18:00:13 +00:00
|
|
|
return Clutter.EVENT_PROPAGATE;
|
2012-02-28 17:16:12 +00:00
|
|
|
}
|
|
|
|
|
2022-02-25 12:07:49 +00:00
|
|
|
const targetActor = global.stage.get_event_actor(event);
|
|
|
|
|
2022-01-31 11:16:47 +00:00
|
|
|
if (type === Clutter.EventType.ENTER ||
|
|
|
|
type === Clutter.EventType.LEAVE ||
|
2022-02-25 12:07:49 +00:00
|
|
|
this.currentGrab.actor.contains(targetActor))
|
2022-01-31 11:16:47 +00:00
|
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
|
2022-03-09 22:11:03 +00:00
|
|
|
if (Main.keyboard.maybeHandleEvent(event))
|
2013-11-29 18:17:34 +00:00
|
|
|
return Clutter.EVENT_PROPAGATE;
|
2012-09-21 14:58:03 +00:00
|
|
|
|
2014-07-24 16:31:51 +00:00
|
|
|
if (button || touchBegin) {
|
2014-07-22 10:50:54 +00:00
|
|
|
// If we have a press event, ignore the next
|
|
|
|
// motion/release events.
|
2014-07-24 16:31:51 +00:00
|
|
|
if (press || touchBegin)
|
2014-07-22 10:50:54 +00:00
|
|
|
this._ignoreUntilRelease = true;
|
|
|
|
|
2022-02-25 12:07:49 +00:00
|
|
|
let i = this._actorInGrabStack(targetActor) + 1;
|
2012-12-10 08:55:14 +00:00
|
|
|
this.ungrab({ actor: this._grabStack[i].actor, isUser: true });
|
2013-11-29 18:17:34 +00:00
|
|
|
return Clutter.EVENT_STOP;
|
2012-02-28 17:16:12 +00:00
|
|
|
}
|
|
|
|
|
2013-11-29 18:17:34 +00:00
|
|
|
return Clutter.EVENT_STOP;
|
2017-10-31 01:19:44 +00:00
|
|
|
}
|
2023-07-10 09:53:00 +00:00
|
|
|
}
|