Pinch event

Pinch values

Property	default	Description
device		Type of device
active	false	Whether drag is active.
_active	false	Whether drag is active.
value	[0, 0]	Current position
_value	[0, 0]	Previous position
delta	[0, 0]	Delta of position
offset	[0, 0]	Offset of position
movement	[0, 0]	Movement of position
target	null	Target element

Pinch events

Event name	Argument	Description
pinch	PinchState	Called on all pinch events. Mainly events specified
pinchStart	Evenrt	Called on pinch start event.
pinching	Event	Called on every pinch event.
pinchEnd	Event	Called on pinch end event.
mount	Element	Called when the component is mounted
clean	null	Called when the component is removed

Pinch state

export type Vec2 = [x: number, y: number]

export interface PinchState<El extends Element = Element> {
        _active: boolean
        active: boolean
        device: 'mouse' | 'pointer' | 'touch'
        _value: Vec2
        value: Vec2
        delta: Vec2
        offset: Vec2
        movement: Vec2
        event: Event
        target: El
        isPinchStart: boolean
        isPinching: boolean
        isPinchEnd: boolean
        pinch: (self: PinchState) => void
        pinchStart(e: Event): void
        pinching(e: Event): void
        pinchEnd(e: Event): void
        mount(target: El): void
        clean(target?: El): void
        ref(target: El | null): void
}