File : dialogs/baseDialog/TopBarTouchEL.js

1
/*
2
Copyright - 2017 2023 - wwwouaiebe - Contact: https://www.ouaie.be/
3
4
This  program is free software;
5
you can redistribute it and/or modify it under the terms of the
6
GNU General Public License as published by the Free Software Foundation;
7
either version 3 of the License, or any later version.
8
9
This program is distributed in the hope that it will be useful,
10
but WITHOUT ANY WARRANTY; without even the implied warranty of
11
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12
GNU General Public License for more details.
13
14
You should have received a copy of the GNU General Public License
15
along with this program; if not, write to the Free Software
16
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
17
*/
18
/*
19
Changes:
20
    - v4.0.0:
21
        - created from v3.6.0
22
Doc reviewed 202208
23
 */
24
25
import { ZERO, ONE } from '../../main/Constants.js';
26
27
/* ------------------------------------------------------------------------------------------------------------------------- */
28
/**
29
touchstart, touchmove, touchend and touchcancel event listener for the top bar
30
*/
31
/* ------------------------------------------------------------------------------------------------------------------------- */
32
33
class TopBarTouchEL {
34
35
    /**
36
    A reference to the mover object of the dialog
37
    @type {BaseDialogMover|DockableBaseDialogMover}
38
    */
39
40
    #mover;
41
42
    /**
43
    A flag to detect a click event directly followed by a touchstart and touchend events on touch devices
44
    @type {boolean}
45
    */
46
47
    #isClickEvent;
48
49
    /**
50
    The constructor
51
    @param {BaseDialogMover|DockableBaseDialogMover} mover A reference to the mover object of the dialog
52
    */
53
54
    constructor ( mover ) {
55
        Object.freeze ( this );
56
        this.#mover = mover;
57
        this.#isClickEvent = false;
58
    }
59
60
    /**
61
    Handle the touch move or touch end event on the top bar
62
    @param {Event} touchEvent The event to handle
63
    */
64
65
    handleEvent ( touchEvent ) {
66
        touchEvent.stopPropagation ( );
67
        let eventType = touchEvent.type;
68
        if ( ONE === touchEvent.changedTouches.length ) {
69
            const touch = touchEvent.changedTouches.item ( ZERO );
70
            switch ( touchEvent.type ) {
71
            case 'touchstart' :
72
                this.#isClickEvent = true;
73
                this.#mover.setDragStartPoint ( touch );
74
                break;
75
            case 'touchmove' :
76
                this.#isClickEvent = false;
77
                touchEvent.preventDefault ( );
78
                this.#mover.moveDialog ( touch, eventType );
79
                break;
80
            case 'touchend' :
81
                if ( ! this.#isClickEvent ) {
82
                    this.#mover.moveDialog ( touch, eventType );
83
                }
84
                break;
85
            case 'touchcancel' :
86
                break;
87
            default :
88
                break;
89
            }
90
        }
91
    }
92
}
93
94
export default TopBarTouchEL;
95
96
/* --- End of file --------------------------------------------------------------------------------------------------------- */
97