2021-09-07 17:36:50 +03:00
|
|
|
|
package rui
|
|
|
|
|
|
|
|
|
|
import (
|
|
|
|
|
"strings"
|
|
|
|
|
)
|
|
|
|
|
|
2024-09-12 14:05:11 +03:00
|
|
|
|
// Constants for [View] specific pointer events properties
|
2021-09-07 17:36:50 +03:00
|
|
|
|
const (
|
|
|
|
|
// PointerDown is the constant for "pointer-down" property tag.
|
|
|
|
|
// The "pointer-down" event is fired when a pointer becomes active. For mouse, it is fired when
|
|
|
|
|
// the device transitions from no buttons depressed to at least one button depressed.
|
|
|
|
|
// For touch, it is fired when physical contact is made with the digitizer.
|
|
|
|
|
// For pen, it is fired when the stylus makes physical contact with the digitizer.
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerDown = "pointer-down"
|
|
|
|
|
|
|
|
|
|
// PointerUp is the constant for "pointer-up" property tag.
|
|
|
|
|
// The "pointer-up" event is fired when a pointer is no longer active.
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerUp = "pointer-up"
|
|
|
|
|
|
|
|
|
|
// PointerMove is the constant for "pointer-move" property tag.
|
|
|
|
|
// The "pointer-move" event is fired when a pointer changes coordinates.
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerMove = "pointer-move"
|
|
|
|
|
|
|
|
|
|
// PointerCancel is the constant for "pointer-cancel" property tag.
|
|
|
|
|
// The "pointer-cancel" event is fired if the pointer will no longer be able to generate events
|
|
|
|
|
// (for example the related device is deactivated).
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerCancel = "pointer-cancel"
|
|
|
|
|
|
|
|
|
|
// PointerOut is the constant for "pointer-out" property tag.
|
|
|
|
|
// The "pointer-out" event is fired for several reasons including: pointing device is moved out
|
|
|
|
|
// of the hit test boundaries of an element; firing the pointerup event for a device
|
|
|
|
|
// that does not support hover (see "pointer-up"); after firing the pointercancel event (see "pointer-cancel");
|
|
|
|
|
// when a pen stylus leaves the hover range detectable by the digitizer.
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerOut = "pointer-out"
|
|
|
|
|
|
|
|
|
|
// PointerOver is the constant for "pointer-over" property tag.
|
|
|
|
|
// The "pointer-over" event is fired when a pointing device is moved into an view's hit test boundaries.
|
|
|
|
|
// The main listener format: func(View, PointerEvent).
|
|
|
|
|
// The additional listener formats: func(PointerEvent), func(View), and func().
|
|
|
|
|
PointerOver = "pointer-over"
|
|
|
|
|
)
|
|
|
|
|
|
2024-09-12 14:05:11 +03:00
|
|
|
|
// PointerEvent represent a stylus events. Also inherit [MouseEvent] attributes
|
2021-09-07 17:36:50 +03:00
|
|
|
|
type PointerEvent struct {
|
|
|
|
|
MouseEvent
|
|
|
|
|
|
|
|
|
|
// PointerID is a unique identifier for the pointer causing the event.
|
|
|
|
|
PointerID int
|
|
|
|
|
|
|
|
|
|
// Width is the width (magnitude on the X axis), in pixels, of the contact geometry of the pointer.
|
|
|
|
|
Width float64
|
|
|
|
|
// Height is the height (magnitude on the Y axis), in pixels, of the contact geometry of the pointer.
|
|
|
|
|
Height float64
|
|
|
|
|
|
|
|
|
|
// Pressure is the normalized pressure of the pointer input in the range 0 to 1, where 0 and 1 represent
|
|
|
|
|
// the minimum and maximum pressure the hardware is capable of detecting, respectively.
|
|
|
|
|
Pressure float64
|
|
|
|
|
|
|
|
|
|
// TangentialPressure is the normalized tangential pressure of the pointer input (also known
|
|
|
|
|
// as barrel pressure or cylinder stress) in the range -1 to 1, where 0 is the neutral position of the control.
|
|
|
|
|
TangentialPressure float64
|
|
|
|
|
|
|
|
|
|
// TiltX is the plane angle (in degrees, in the range of -90 to 90) between the Y–Z plane
|
|
|
|
|
// and the plane containing both the pointer (e.g. pen stylus) axis and the Y axis.
|
|
|
|
|
TiltX float64
|
|
|
|
|
|
|
|
|
|
// TiltY is the plane angle (in degrees, in the range of -90 to 90) between the X–Z plane
|
|
|
|
|
// and the plane containing both the pointer (e.g. pen stylus) axis and the X axis.
|
|
|
|
|
TiltY float64
|
|
|
|
|
|
|
|
|
|
// Twist is the clockwise rotation of the pointer (e.g. pen stylus) around its major axis in degrees,
|
|
|
|
|
// with a value in the range 0 to 359.
|
|
|
|
|
Twist float64
|
|
|
|
|
|
|
|
|
|
// PointerType indicates the device type that caused the event ("mouse", "pen", "touch", etc.)
|
|
|
|
|
PointerType string
|
|
|
|
|
|
|
|
|
|
// IsPrimary indicates if the pointer represents the primary pointer of this pointer type.
|
|
|
|
|
IsPrimary bool
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var pointerEvents = map[string]struct{ jsEvent, jsFunc string }{
|
|
|
|
|
PointerDown: {jsEvent: "onpointerdown", jsFunc: "pointerDownEvent"},
|
|
|
|
|
PointerUp: {jsEvent: "onpointerup", jsFunc: "pointerUpEvent"},
|
|
|
|
|
PointerMove: {jsEvent: "onpointermove", jsFunc: "pointerMoveEvent"},
|
|
|
|
|
PointerCancel: {jsEvent: "onpointercancel", jsFunc: "pointerCancelEvent"},
|
|
|
|
|
PointerOut: {jsEvent: "onpointerout", jsFunc: "pointerOutEvent"},
|
|
|
|
|
PointerOver: {jsEvent: "onpointerover", jsFunc: "pointerOverEvent"},
|
|
|
|
|
}
|
|
|
|
|
|
2022-07-26 18:36:00 +03:00
|
|
|
|
func (view *viewData) setPointerListener(tag string, value any) bool {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
listeners, ok := valueToEventListeners[View, PointerEvent](value)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
if !ok {
|
|
|
|
|
notCompatibleType(tag, value)
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if listeners == nil {
|
|
|
|
|
view.removePointerListener(tag)
|
|
|
|
|
} else if js, ok := pointerEvents[tag]; ok {
|
|
|
|
|
view.properties[tag] = listeners
|
|
|
|
|
if view.created {
|
2022-10-30 17:22:33 +03:00
|
|
|
|
view.session.updateProperty(view.htmlID(), js.jsEvent, js.jsFunc+"(this, event)")
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (view *viewData) removePointerListener(tag string) {
|
|
|
|
|
delete(view.properties, tag)
|
|
|
|
|
if view.created {
|
|
|
|
|
if js, ok := pointerEvents[tag]; ok {
|
2022-10-30 17:22:33 +03:00
|
|
|
|
view.session.removeProperty(view.htmlID(), js.jsEvent)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func pointerEventsHtml(view View, buffer *strings.Builder) {
|
|
|
|
|
for tag, js := range pointerEvents {
|
|
|
|
|
if value := view.getRaw(tag); value != nil {
|
|
|
|
|
if listeners, ok := value.([]func(View, PointerEvent)); ok && len(listeners) > 0 {
|
2023-05-02 17:20:01 +03:00
|
|
|
|
buffer.WriteString(js.jsEvent)
|
|
|
|
|
buffer.WriteString(`="`)
|
|
|
|
|
buffer.WriteString(js.jsFunc)
|
|
|
|
|
buffer.WriteString(`(this, event)" `)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (event *PointerEvent) init(data DataObject) {
|
|
|
|
|
event.MouseEvent.init(data)
|
|
|
|
|
|
2021-11-04 14:59:25 +03:00
|
|
|
|
event.PointerID, _ = dataIntProperty(data, "pointerId")
|
2021-09-07 17:36:50 +03:00
|
|
|
|
event.Width = dataFloatProperty(data, "width")
|
|
|
|
|
event.Height = dataFloatProperty(data, "height")
|
|
|
|
|
event.Pressure = dataFloatProperty(data, "pressure")
|
|
|
|
|
event.TangentialPressure = dataFloatProperty(data, "tangentialPressure")
|
|
|
|
|
event.TiltX = dataFloatProperty(data, "tiltX")
|
|
|
|
|
event.TiltY = dataFloatProperty(data, "tiltY")
|
|
|
|
|
event.Twist = dataFloatProperty(data, "twist")
|
|
|
|
|
value, _ := data.PropertyValue("pointerType")
|
|
|
|
|
event.PointerType = value
|
|
|
|
|
event.IsPrimary = dataBoolProperty(data, "isPrimary")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func handlePointerEvents(view View, tag string, data DataObject) {
|
2022-08-31 22:17:46 +03:00
|
|
|
|
listeners := getEventListeners[View, PointerEvent](view, nil, tag)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
if len(listeners) == 0 {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var event PointerEvent
|
|
|
|
|
event.init(data)
|
|
|
|
|
|
|
|
|
|
for _, listener := range listeners {
|
|
|
|
|
listener(view, event)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerDownListeners returns the "pointer-down" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerDownListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerDown)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerUpListeners returns the "pointer-up" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerUpListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerUp)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerMoveListeners returns the "pointer-move" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerMoveListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerMove)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerCancelListeners returns the "pointer-cancel" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerCancelListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerCancel)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerOverListeners returns the "pointer-over" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerOverListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerOver)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetPointerOutListeners returns the "pointer-out" listener list. If there are no listeners then the empty list is returned.
|
2022-08-31 22:17:46 +03:00
|
|
|
|
// If the second argument (subviewID) is not specified or it is "" then a value from the first argument (view) is returned.
|
|
|
|
|
func GetPointerOutListeners(view View, subviewID ...string) []func(View, PointerEvent) {
|
2022-07-27 20:31:57 +03:00
|
|
|
|
return getEventListeners[View, PointerEvent](view, subviewID, PointerOut)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|