# Event types

## PibblClipboardEvent

`PibblClipboardEvent` is the logical facade for clipboard events and carries the
same cancellation and propagation controls as the base Pibbl event.

## PibblCompositionEvent

`PibblCompositionEvent` is the logical facade for composition lifecycle events.

## PibblDragEvent

`PibblDragEvent` is the logical facade for drag-and-drop events.

## PibblDragHandleProps

Supplies a controller, optional children, and a position formatter receiving applied `left` and `top`. Descendant hit areas determine where dragging can begin.

## PibblDragHandleStyle

Ordinary Group-like presentation and layout participation, plus optional `readout` styling. Width and height do not manufacture an interaction rectangle.

## PibblEvent

`PibblEvent` is the base logical event facade. It exposes propagation phase,
target/current target, cancellation, and logical related-target information.

## PibblEventCapturePropName

`PibblEventCapturePropName` is the typed union of supported `onXCapture` prop
names for capture-phase listeners.

## PibblEventHandler

`PibblEventHandler` is the generic callback contract for a selected event facade.

## PibblEventHandlers

`PibblEventHandlers` maps every supported `onX` and `onXCapture` property to its
specific logical event-handler type.

## PibblEventMap

`PibblEventMap` maps supported event-type strings to their corresponding facade
types for generic event code.

## PibblEventParticipationOptions

`PibblEventParticipationOptions` supplies the shared optional `pointerEvents`
property used by drawing primitives and external render layers.

## PibblEventPhase

`PibblEventPhase` represents the capture, target, and bubble phases of Pibbl's
logical propagation path.

## PibblEventPropName

`PibblEventPropName` is the typed union of supported bubbling `onX` prop names.

## PibblEventTarget

`PibblEventTarget` is Pibbl's opaque logical-target interface, distinct from a DOM
`EventTarget` and derived from Pibbl's geometric paint ledger.

## PibblEventTargetOptions

`PibblEventTargetOptions` configures path, fill/stroke hit geometry, cursor,
focus behavior, and optional navigation bounds for a logical target.

## PibblEventTargetSnapshot

`PibblEventTargetSnapshot` exposes the current logical focus state returned by
`useEventTarget` during render.

## PibblEventType

`PibblEventType` is the union of supported logical event-type strings.

## PibblFocusEvent

`PibblFocusEvent` is the logical facade for focus and blur transitions. It is
available only when a `FocusManagement` policy is active.

## PibblInputEvent

`PibblInputEvent` is the logical facade for input events on an eligible target.

## PibblKeyboardEvent

`PibblKeyboardEvent` is the logical facade for keyboard events delivered through
the Canvas focus host and logical focus target.

## PibblKeyboardNavigationOptions

`PibblKeyboardNavigationOptions` configures the supported directional keyboard
navigation policy. Its mode is exactly `"directional"` and it requires focus
management.

## PibblLogicalMouseEvent

`PibblLogicalMouseEvent` is the geometry-targeted mouse facade with root-logical
coordinates.

## PibblManipulableProps

Binds writable box and optional rotation signals, operation booleans or options, resize-handle selection, lifecycle callbacks, and children for the convenience component.

## PibblManipulationActive

Reports the active operation, resize handle, and pointer identifier; the controller publishes null while idle.

## PibblManipulationBox

Readonly left, top, width, and height geometry stored in the writable box signal.

## PibblManipulationCancelEvent

A terminal cancellation snapshot with before/after geometry and a cancellation reason.

## PibblManipulationCancelReason

The closed vocabulary for explicit cancellation, input loss, disabled operations, external changes, coordinate changes, and unsatisfiable constraints.

## PibblManipulationCommitEvent

A terminal committed snapshot whose changed field indicates whether geometry differs from the start.

## PibblManipulationController

Exposes readonly active and snapshot signals, stable frameProps, and cancel().

## PibblManipulationEvent

An immutable operation snapshot with before and after geometry.

## PibblManipulationFrameProps

Binds a controller and its original writable box signal to a frame, with optional children.

## PibblManipulationGeometry

Combines a box with rotation in radians.

## PibblManipulationMoveInput

Configures movement axes, parent-space bounds, grid snapping, and optional signal-valued activation.

## PibblManipulationOperation

Names move, resize, or rotate operations.

## PibblManipulationOptions

Binds writable geometry, move/resize options, and start/change/commit/cancel callbacks.

## PibblManipulationPoint

A geometric coordinate pair used by manipulation calculations.

## PibblManipulationReadoutStateStyle

A flat readout state patch containing font, fill, stroke, strokeWidth, opacity,
visible, and gap. It cannot contain nested state branches.

## PibblManipulationReadoutStyle

Local readout presentation: font, fill, stroke, stroke width, opacity, visibility and
outward CSS-pixel `gap` (default 5),
with flat inactive, focused and active overrides. Resolve base, inactive when not
active, focused, then active. Labels stay upright and contained in the visible
canvas; formatting never changes gesture geometry.

## PibblManipulationResizeInput

Configures dimension limits, bounds, aspect ratio, size or grid snapping, and optional signal-valued activation.

## PibblManipulationRotateInput

Configures optional signal-valued rotation activation and angular snapping in radians.

## PibblManipulationSnapshot

Reports initial, proposed, and applied geometry together with requested and satisfied snapping state.

## PibblManipulationWhen

Selects always, shift, alt, ctrl, or meta activation.

## PibblPointerEvent

`PibblPointerEvent` is the logical facade for pointer events, including capture
and Pibbl root-logical coordinates.

## PibblPointerEvents

`PibblPointerEvents` is exactly `"auto" | "none"`. `"auto"` keeps the receiving
paint or external-layer target in hit resolution; `"none"` opts it and its
owned interaction bridge out without changing pixels.

## PibblResizeHandleProps

Binds one named edge or corner to a controller, with optional custom visuals and hit size.

## PibblResizeHandlesProps

Selects corners, edges-and-corners, or an explicit list of resize positions for one controller.

## PibblResizeHandleStyle

The resize control's local style includes an optional `readout` slot. Omitted
readout configuration disables the label; true enables the default active-only
label; false explicitly disables it. ResizeHandles shares this style and shows
one combined size readout.

## PibblResizePosition

Names top-left, top, top-right, right, bottom-right, bottom, bottom-left, or left.

## PibblRotationArcStyle

Rotation guide color, sweep in radians, strokeWidth and opacity.

## PibblRotationConnectorStyle

Rotation connector stroke, strokeWidth and opacity in CSS-pixel presentation.

## PibblRotationHandleProps

Binds a controller to an external rotation handle with optional custom visuals and CSS-pixel hit size.

## PibblRotationHandleStyle

Local rotation presentation includes connector, arc and readout slots. Connector
is enabled by default; arc and readout are opt-in. Each slot accepts true, false,
or its typed configuration. Connector orientation follows the displayed edge;
readout text stays upright and inside the canvas.

## PibblTouchEvent

`PibblTouchEvent` is the logical facade for touch events.

## PibblWheelEvent

`PibblWheelEvent` is the logical facade for wheel events.

**Manipulation contracts.**

`PibblManipulationBox` is the writable `left`, `top`, `width`, and `height`
geometry. `PibblManipulationController` exposes `active`, `snapshot`,
`frameProps`, and `cancel()`. `PibblManipulationFrameProps` is the value supplied
by `controller.frameProps` for `ManipulationFrame`.

`PibblManipulationActive`, `PibblManipulationSnapshot`, and
`PibblManipulationEvent` describe the live operation, starting geometry, proposed
geometry, and applied geometry. `PibblManipulationCommitEvent` adds `changed`;
`PibblManipulationCancelEvent` adds its cancellation reason.

`PibblManipulationOptions` accepts the writable box and optional move/resize
configuration. `PibblManipulationMoveInput` controls movement axis, bounds, and
grid snapping. `PibblManipulationResizeInput` controls size limits, bounds,
aspect ratio, and size or grid snapping. Their `enabled` values accept signals.

`PibblResizePosition` names the supported frame edges and corners.
`PibblDragHandleProps`, `PibblDragHandleStyle`, `PibblResizeHandleProps`, and
`PibblResizeHandlesProps` configure the public handle components.

## API details from source

<span id="api-PibblKeyboardNavigationOptions"></span>

### PibblKeyboardNavigationOptions

Directional keyboard-navigation policy for a focus scope.

```ts
interface PibblKeyboardNavigationOptions
```

Related API: [PibblKeyboardNavigationOptions](/reference/types/events/#pibblkeyboardnavigationoptions).

#### See also

[KeyboardNavigation](/reference/components/keyboard-navigation/)

[KeyboardNavigationProps](/reference/types/elements-components/#keyboardnavigationprops)

[View source — packages/core/src/lib/focus/types.ts:14](/source/packages/core/src/lib/focus/types-ts/#L14)

#### Properties and methods

<span id="api-PibblKeyboardNavigationOptions-mode"></span>
<details>
<summary>mode</summary>


```ts
readonly mode: "directional"
```

Selects the supported mapping, placement, or result policy. See
PibblKeyboardNavigationOptions.

[View source — packages/core/src/lib/focus/types.ts:19](/source/packages/core/src/lib/focus/types-ts/#L19)

</details>

<span id="api-PibblClipboardEvent"></span>

### PibblClipboardEvent

Pibbl's logical clipboard event, retaining the corresponding native event payload.

```ts
interface PibblClipboardEvent extends PibblEvent<ClipboardEvent>
```

Related API: [PibblClipboardEvent](/reference/types/events/#pibblclipboardevent), [PibblEvent](/reference/types/events/#pibblevent).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:381](/source/packages/core/src/lib/events/types-ts/#L381)

#### Properties and methods

<span id="api-PibblClipboardEvent-clipboardData"></span>
<details>
<summary>clipboardData</summary>


```ts
readonly clipboardData: DataTransfer | null
```

Clipboard payload supplied by the originating browser event. See PibblClipboardEvent.

[View source — packages/core/src/lib/events/types.ts:383](/source/packages/core/src/lib/events/types-ts/#L383)

</details>

<span id="api-PibblClipboardEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblClipboardEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblClipboardEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblClipboardEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblClipboardEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblClipboardEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblClipboardEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblClipboardEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblClipboardEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblClipboardEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: ClipboardEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblClipboardEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblClipboardEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblClipboardEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblClipboardEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblClipboardEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblCompositionEvent"></span>

### PibblCompositionEvent

Pibbl's logical composition event, retaining the corresponding native event payload.

```ts
interface PibblCompositionEvent extends PibblEvent<CompositionEvent>
```

Related API: [PibblCompositionEvent](/reference/types/events/#pibblcompositionevent), [PibblEvent](/reference/types/events/#pibblevent).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:367](/source/packages/core/src/lib/events/types-ts/#L367)

#### Properties and methods

<span id="api-PibblCompositionEvent-data"></span>
<details>
<summary>data</summary>


```ts
readonly data: string
```

Application data supplied to the component or reported by the event. See
PibblCompositionEvent.

[View source — packages/core/src/lib/events/types.ts:372](/source/packages/core/src/lib/events/types-ts/#L372)

</details>

<span id="api-PibblCompositionEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblCompositionEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblCompositionEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblCompositionEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblCompositionEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblCompositionEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblCompositionEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblCompositionEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblCompositionEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblCompositionEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: CompositionEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblCompositionEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblCompositionEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblCompositionEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblCompositionEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblCompositionEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblDragEvent"></span>

### PibblDragEvent

Pibbl's logical drag event, retaining the corresponding native event payload.

```ts
interface PibblDragEvent extends PibblLogicalMouseEvent<DragEvent>
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent), [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

#### See also

[PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:392](/source/packages/core/src/lib/events/types-ts/#L392)

#### Properties and methods

<span id="api-PibblDragEvent-dataTransfer"></span>
<details>
<summary>dataTransfer</summary>


```ts
readonly dataTransfer: DataTransfer | null
```

Drag-and-drop or input transfer payload from the originating browser event. See
PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:397](/source/packages/core/src/lib/events/types-ts/#L397)

</details>

<span id="api-PibblDragEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblDragEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblDragEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblDragEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblDragEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblDragEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblDragEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblDragEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblDragEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblDragEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: DragEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblDragEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblDragEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblDragEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblDragEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblDragEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblDragEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblDragEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblDragEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblDragEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblDragEvent-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:197](/source/packages/core/src/lib/events/types-ts/#L197)

</details>

<span id="api-PibblDragEvent-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:199](/source/packages/core/src/lib/events/types-ts/#L199)

</details>

<span id="api-PibblDragEvent-clientX"></span>
<details>
<summary>clientX</summary>


```ts
readonly clientX: number
```

Browser client-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:201](/source/packages/core/src/lib/events/types-ts/#L201)

</details>

<span id="api-PibblDragEvent-clientY"></span>
<details>
<summary>clientY</summary>


```ts
readonly clientY: number
```

Browser client-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:203](/source/packages/core/src/lib/events/types-ts/#L203)

</details>

<span id="api-PibblDragEvent-screenX"></span>
<details>
<summary>screenX</summary>


```ts
readonly screenX: number
```

Browser screen-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:205](/source/packages/core/src/lib/events/types-ts/#L205)

</details>

<span id="api-PibblDragEvent-screenY"></span>
<details>
<summary>screenY</summary>


```ts
readonly screenY: number
```

Browser screen-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:207](/source/packages/core/src/lib/events/types-ts/#L207)

</details>

<span id="api-PibblDragEvent-movementX"></span>
<details>
<summary>movementX</summary>


```ts
readonly movementX: number
```

Browser-reported horizontal motion since the previous event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:212](/source/packages/core/src/lib/events/types-ts/#L212)

</details>

<span id="api-PibblDragEvent-movementY"></span>
<details>
<summary>movementY</summary>


```ts
readonly movementY: number
```

Browser-reported vertical motion since the previous event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:216](/source/packages/core/src/lib/events/types-ts/#L216)

</details>

<span id="api-PibblDragEvent-button"></span>
<details>
<summary>button</summary>


```ts
readonly button: number
```

The button that changed state for this mouse or pointer event. See
PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:221](/source/packages/core/src/lib/events/types-ts/#L221)

</details>

<span id="api-PibblDragEvent-buttons"></span>
<details>
<summary>buttons</summary>


```ts
readonly buttons: number
```

Bit mask of buttons held during this mouse or pointer event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:226](/source/packages/core/src/lib/events/types-ts/#L226)

</details>

<span id="api-PibblDragEvent-detail"></span>
<details>
<summary>detail</summary>


```ts
readonly detail: number
```

Browser mouse-event detail, such as the click count. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:228](/source/packages/core/src/lib/events/types-ts/#L228)

</details>

<span id="api-PibblEvent"></span>

### PibblEvent

Base Pibbl event with logical targeting, propagation, and native-event access.

```ts
interface PibblEvent<TOriginal extends Event = Event>
```

Related API: [PibblEvent](/reference/types/events/#pibblevent).

#### See also

[PibblEventTarget](/reference/types/events/#pibbleventtarget)

[PibblEventPhase](/reference/types/events/#pibbleventphase)

[PibblClipboardEvent](/reference/types/events/#pibblclipboardevent)

[PibblCompositionEvent](/reference/types/events/#pibblcompositionevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:18](/source/packages/core/src/lib/events/types-ts/#L18)

#### Properties and methods

<span id="api-PibblEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: TOriginal
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblEventCapturePropName"></span>

### PibblEventCapturePropName

The capture-handler prop name corresponding to a supported event type.

```ts
type PibblEventCapturePropName = `${PibblEventPropName}Capture`
```

Related API: [PibblEventCapturePropName](/reference/types/events/#pibbleventcapturepropname), [PibblEventPropName](/reference/types/events/#pibbleventpropname).

#### See also

[PibblEventPropName](/reference/types/events/#pibbleventpropname)

[View source — packages/core/src/lib/events/types.ts:596](/source/packages/core/src/lib/events/types-ts/#L596)

<span id="api-PibblEventHandler"></span>

### PibblEventHandler

A typed callback for a Pibbl event.

```ts
type PibblEventHandler<K extends PibblEventType> = (
  event: PibblEventMap[K],
) => void
```

Related API: [PibblEventHandler](/reference/types/events/#pibbleventhandler), [PibblEventType](/reference/types/events/#pibbleventtype), [PibblEventMap](/reference/types/events/#pibbleventmap).

#### Parameters

- **`event`** — Typed Pibbl event being dispatched to this handler. See [PibblEventMap](/reference/types/events/#pibbleventmap).

#### See also

[PibblEventType](/reference/types/events/#pibbleventtype)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[PibblEventHandlers](/reference/types/events/#pibbleventhandlers)

[View source — packages/core/src/lib/events/types.ts:607](/source/packages/core/src/lib/events/types-ts/#L607)

<span id="api-PibblEventHandlers"></span>

### PibblEventHandlers

Optional typed event props for capture and bubble dispatch.

```ts
type PibblEventHandlers = Partial<{
  [K in PibblEventType as PibblEventPropMap[K]]: PibblEventHandler<K>;
} & {
  [K in PibblEventType as `${PibblEventPropMap[K]}Capture`]: PibblEventHandler<K>;
}>
```

Related API: [PibblEventHandlers](/reference/types/events/#pibbleventhandlers), [PibblEventType](/reference/types/events/#pibbleventtype), [PibblEventHandler](/reference/types/events/#pibbleventhandler).

#### See also

[PibblEventType](/reference/types/events/#pibbleventtype)

[PibblEventHandler](/reference/types/events/#pibbleventhandler)

[ArcProps](/reference/types/elements-components/#arcprops)

[CircleProps](/reference/types/elements-components/#circleprops)

[View source — packages/core/src/lib/events/types.ts:619](/source/packages/core/src/lib/events/types-ts/#L619)

<span id="api-PibblEventMap"></span>

### PibblEventMap

Maps supported native-style event names to their Pibbl event payload types.

```ts
interface PibblEventMap
```

Related API: [PibblEventMap](/reference/types/events/#pibbleventmap).

#### See also

[PibblPointerEvent](/reference/types/events/#pibblpointerevent)

[PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent)

[PibblTouchEvent](/reference/types/events/#pibbltouchevent)

[PibblWheelEvent](/reference/types/events/#pibblwheelevent)

[PibblKeyboardEvent](/reference/types/events/#pibblkeyboardevent)

[PibblFocusEvent](/reference/types/events/#pibblfocusevent)

[PibblInputEvent](/reference/types/events/#pibblinputevent)

[PibblEvent](/reference/types/events/#pibblevent)

[PibblCompositionEvent](/reference/types/events/#pibblcompositionevent)

[PibblClipboardEvent](/reference/types/events/#pibblclipboardevent)

[PibblDragEvent](/reference/types/events/#pibbldragevent)

[View source — packages/core/src/lib/events/types.ts:415](/source/packages/core/src/lib/events/types-ts/#L415)

#### Properties and methods

<span id="api-PibblEventMap-pointerover"></span>
<details>
<summary>pointerover</summary>


```ts
pointerover: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerover event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:417](/source/packages/core/src/lib/events/types-ts/#L417)

</details>

<span id="api-PibblEventMap-pointerenter"></span>
<details>
<summary>pointerenter</summary>


```ts
pointerenter: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerenter event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:419](/source/packages/core/src/lib/events/types-ts/#L419)

</details>

<span id="api-PibblEventMap-pointerdown"></span>
<details>
<summary>pointerdown</summary>


```ts
pointerdown: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerdown event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:421](/source/packages/core/src/lib/events/types-ts/#L421)

</details>

<span id="api-PibblEventMap-pointermove"></span>
<details>
<summary>pointermove</summary>


```ts
pointermove: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointermove event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:423](/source/packages/core/src/lib/events/types-ts/#L423)

</details>

<span id="api-PibblEventMap-pointerrawupdate"></span>
<details>
<summary>pointerrawupdate</summary>


```ts
pointerrawupdate: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerrawupdate event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:425](/source/packages/core/src/lib/events/types-ts/#L425)

</details>

<span id="api-PibblEventMap-pointerup"></span>
<details>
<summary>pointerup</summary>


```ts
pointerup: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerup event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:427](/source/packages/core/src/lib/events/types-ts/#L427)

</details>

<span id="api-PibblEventMap-pointercancel"></span>
<details>
<summary>pointercancel</summary>


```ts
pointercancel: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointercancel event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:429](/source/packages/core/src/lib/events/types-ts/#L429)

</details>

<span id="api-PibblEventMap-pointerout"></span>
<details>
<summary>pointerout</summary>


```ts
pointerout: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerout event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:431](/source/packages/core/src/lib/events/types-ts/#L431)

</details>

<span id="api-PibblEventMap-pointerleave"></span>
<details>
<summary>pointerleave</summary>


```ts
pointerleave: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the pointerleave event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:433](/source/packages/core/src/lib/events/types-ts/#L433)

</details>

<span id="api-PibblEventMap-gotpointercapture"></span>
<details>
<summary>gotpointercapture</summary>


```ts
gotpointercapture: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the gotpointercapture event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:435](/source/packages/core/src/lib/events/types-ts/#L435)

</details>

<span id="api-PibblEventMap-lostpointercapture"></span>
<details>
<summary>lostpointercapture</summary>


```ts
lostpointercapture: PibblPointerEvent
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent).

The typed Pibbl payload for the lostpointercapture event. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:437](/source/packages/core/src/lib/events/types-ts/#L437)

</details>

<span id="api-PibblEventMap-click"></span>
<details>
<summary>click</summary>


```ts
click: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the click event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:439](/source/packages/core/src/lib/events/types-ts/#L439)

</details>

<span id="api-PibblEventMap-dblclick"></span>
<details>
<summary>dblclick</summary>


```ts
dblclick: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the dblclick event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:441](/source/packages/core/src/lib/events/types-ts/#L441)

</details>

<span id="api-PibblEventMap-auxclick"></span>
<details>
<summary>auxclick</summary>


```ts
auxclick: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the auxclick event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:443](/source/packages/core/src/lib/events/types-ts/#L443)

</details>

<span id="api-PibblEventMap-contextmenu"></span>
<details>
<summary>contextmenu</summary>


```ts
contextmenu: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the contextmenu event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:445](/source/packages/core/src/lib/events/types-ts/#L445)

</details>

<span id="api-PibblEventMap-mouseover"></span>
<details>
<summary>mouseover</summary>


```ts
mouseover: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mouseover event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:447](/source/packages/core/src/lib/events/types-ts/#L447)

</details>

<span id="api-PibblEventMap-mouseenter"></span>
<details>
<summary>mouseenter</summary>


```ts
mouseenter: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mouseenter event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:449](/source/packages/core/src/lib/events/types-ts/#L449)

</details>

<span id="api-PibblEventMap-mousedown"></span>
<details>
<summary>mousedown</summary>


```ts
mousedown: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mousedown event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:451](/source/packages/core/src/lib/events/types-ts/#L451)

</details>

<span id="api-PibblEventMap-mousemove"></span>
<details>
<summary>mousemove</summary>


```ts
mousemove: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mousemove event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:453](/source/packages/core/src/lib/events/types-ts/#L453)

</details>

<span id="api-PibblEventMap-mouseup"></span>
<details>
<summary>mouseup</summary>


```ts
mouseup: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mouseup event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:455](/source/packages/core/src/lib/events/types-ts/#L455)

</details>

<span id="api-PibblEventMap-mouseout"></span>
<details>
<summary>mouseout</summary>


```ts
mouseout: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mouseout event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:457](/source/packages/core/src/lib/events/types-ts/#L457)

</details>

<span id="api-PibblEventMap-mouseleave"></span>
<details>
<summary>mouseleave</summary>


```ts
mouseleave: PibblLogicalMouseEvent<MouseEvent>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

The typed Pibbl payload for the mouseleave event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:459](/source/packages/core/src/lib/events/types-ts/#L459)

</details>

<span id="api-PibblEventMap-touchstart"></span>
<details>
<summary>touchstart</summary>


```ts
touchstart: PibblTouchEvent
```

Related API: [PibblTouchEvent](/reference/types/events/#pibbltouchevent).

The typed Pibbl payload for the touchstart event. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:461](/source/packages/core/src/lib/events/types-ts/#L461)

</details>

<span id="api-PibblEventMap-touchmove"></span>
<details>
<summary>touchmove</summary>


```ts
touchmove: PibblTouchEvent
```

Related API: [PibblTouchEvent](/reference/types/events/#pibbltouchevent).

The typed Pibbl payload for the touchmove event. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:463](/source/packages/core/src/lib/events/types-ts/#L463)

</details>

<span id="api-PibblEventMap-touchend"></span>
<details>
<summary>touchend</summary>


```ts
touchend: PibblTouchEvent
```

Related API: [PibblTouchEvent](/reference/types/events/#pibbltouchevent).

The typed Pibbl payload for the touchend event. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:465](/source/packages/core/src/lib/events/types-ts/#L465)

</details>

<span id="api-PibblEventMap-touchcancel"></span>
<details>
<summary>touchcancel</summary>


```ts
touchcancel: PibblTouchEvent
```

Related API: [PibblTouchEvent](/reference/types/events/#pibbltouchevent).

The typed Pibbl payload for the touchcancel event. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:467](/source/packages/core/src/lib/events/types-ts/#L467)

</details>

<span id="api-PibblEventMap-wheel"></span>
<details>
<summary>wheel</summary>


```ts
wheel: PibblWheelEvent
```

Related API: [PibblWheelEvent](/reference/types/events/#pibblwheelevent).

The typed Pibbl payload for the wheel event. See PibblWheelEvent.

[View source — packages/core/src/lib/events/types.ts:469](/source/packages/core/src/lib/events/types-ts/#L469)

</details>

<span id="api-PibblEventMap-keydown"></span>
<details>
<summary>keydown</summary>


```ts
keydown: PibblKeyboardEvent
```

Related API: [PibblKeyboardEvent](/reference/types/events/#pibblkeyboardevent).

The typed Pibbl payload for the keydown event. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:471](/source/packages/core/src/lib/events/types-ts/#L471)

</details>

<span id="api-PibblEventMap-keyup"></span>
<details>
<summary>keyup</summary>


```ts
keyup: PibblKeyboardEvent
```

Related API: [PibblKeyboardEvent](/reference/types/events/#pibblkeyboardevent).

The typed Pibbl payload for the keyup event. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:473](/source/packages/core/src/lib/events/types-ts/#L473)

</details>

<span id="api-PibblEventMap-focus"></span>
<details>
<summary>focus</summary>


```ts
focus: PibblFocusEvent
```

Related API: [PibblFocusEvent](/reference/types/events/#pibblfocusevent).

The typed Pibbl payload for the focus event. See PibblFocusEvent.

[View source — packages/core/src/lib/events/types.ts:475](/source/packages/core/src/lib/events/types-ts/#L475)

</details>

<span id="api-PibblEventMap-blur"></span>
<details>
<summary>blur</summary>


```ts
blur: PibblFocusEvent
```

Related API: [blur](/reference/types/filters/#blur), [PibblFocusEvent](/reference/types/events/#pibblfocusevent).

The typed Pibbl payload for the blur event. See PibblFocusEvent.

[View source — packages/core/src/lib/events/types.ts:477](/source/packages/core/src/lib/events/types-ts/#L477)

</details>

<span id="api-PibblEventMap-focusin"></span>
<details>
<summary>focusin</summary>


```ts
focusin: PibblFocusEvent
```

Related API: [PibblFocusEvent](/reference/types/events/#pibblfocusevent).

The typed Pibbl payload for the focusin event. See PibblFocusEvent.

[View source — packages/core/src/lib/events/types.ts:479](/source/packages/core/src/lib/events/types-ts/#L479)

</details>

<span id="api-PibblEventMap-focusout"></span>
<details>
<summary>focusout</summary>


```ts
focusout: PibblFocusEvent
```

Related API: [PibblFocusEvent](/reference/types/events/#pibblfocusevent).

The typed Pibbl payload for the focusout event. See PibblFocusEvent.

[View source — packages/core/src/lib/events/types.ts:481](/source/packages/core/src/lib/events/types-ts/#L481)

</details>

<span id="api-PibblEventMap-beforeinput"></span>
<details>
<summary>beforeinput</summary>


```ts
beforeinput: PibblInputEvent
```

Related API: [PibblInputEvent](/reference/types/events/#pibblinputevent).

The typed Pibbl payload for the beforeinput event. See PibblInputEvent.

[View source — packages/core/src/lib/events/types.ts:483](/source/packages/core/src/lib/events/types-ts/#L483)

</details>

<span id="api-PibblEventMap-input"></span>
<details>
<summary>input</summary>


```ts
input: PibblInputEvent
```

Related API: [PibblInputEvent](/reference/types/events/#pibblinputevent).

The typed Pibbl payload for the input event. See PibblInputEvent.

[View source — packages/core/src/lib/events/types.ts:485](/source/packages/core/src/lib/events/types-ts/#L485)

</details>

<span id="api-PibblEventMap-change"></span>
<details>
<summary>change</summary>


```ts
change: PibblEvent<Event>
```

Related API: [PibblEvent](/reference/types/events/#pibblevent).

The typed Pibbl payload for the change event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:487](/source/packages/core/src/lib/events/types-ts/#L487)

</details>

<span id="api-PibblEventMap-compositionstart"></span>
<details>
<summary>compositionstart</summary>


```ts
compositionstart: PibblCompositionEvent
```

Related API: [PibblCompositionEvent](/reference/types/events/#pibblcompositionevent).

The typed Pibbl payload for the compositionstart event. See PibblCompositionEvent.

[View source — packages/core/src/lib/events/types.ts:489](/source/packages/core/src/lib/events/types-ts/#L489)

</details>

<span id="api-PibblEventMap-compositionupdate"></span>
<details>
<summary>compositionupdate</summary>


```ts
compositionupdate: PibblCompositionEvent
```

Related API: [PibblCompositionEvent](/reference/types/events/#pibblcompositionevent).

The typed Pibbl payload for the compositionupdate event. See PibblCompositionEvent.

[View source — packages/core/src/lib/events/types.ts:491](/source/packages/core/src/lib/events/types-ts/#L491)

</details>

<span id="api-PibblEventMap-compositionend"></span>
<details>
<summary>compositionend</summary>


```ts
compositionend: PibblCompositionEvent
```

Related API: [PibblCompositionEvent](/reference/types/events/#pibblcompositionevent).

The typed Pibbl payload for the compositionend event. See PibblCompositionEvent.

[View source — packages/core/src/lib/events/types.ts:493](/source/packages/core/src/lib/events/types-ts/#L493)

</details>

<span id="api-PibblEventMap-select"></span>
<details>
<summary>select</summary>


```ts
select: PibblEvent<Event>
```

Related API: [PibblEvent](/reference/types/events/#pibblevent).

The typed Pibbl payload for the select event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:495](/source/packages/core/src/lib/events/types-ts/#L495)

</details>

<span id="api-PibblEventMap-selectionchange"></span>
<details>
<summary>selectionchange</summary>


```ts
selectionchange: PibblEvent<Event>
```

Related API: [PibblEvent](/reference/types/events/#pibblevent).

The typed Pibbl payload for the selectionchange event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:497](/source/packages/core/src/lib/events/types-ts/#L497)

</details>

<span id="api-PibblEventMap-copy"></span>
<details>
<summary>copy</summary>


```ts
copy: PibblClipboardEvent
```

Related API: [PibblClipboardEvent](/reference/types/events/#pibblclipboardevent).

The typed Pibbl payload for the copy event. See PibblClipboardEvent.

[View source — packages/core/src/lib/events/types.ts:499](/source/packages/core/src/lib/events/types-ts/#L499)

</details>

<span id="api-PibblEventMap-cut"></span>
<details>
<summary>cut</summary>


```ts
cut: PibblClipboardEvent
```

Related API: [PibblClipboardEvent](/reference/types/events/#pibblclipboardevent).

The typed Pibbl payload for the cut event. See PibblClipboardEvent.

[View source — packages/core/src/lib/events/types.ts:501](/source/packages/core/src/lib/events/types-ts/#L501)

</details>

<span id="api-PibblEventMap-paste"></span>
<details>
<summary>paste</summary>


```ts
paste: PibblClipboardEvent
```

Related API: [PibblClipboardEvent](/reference/types/events/#pibblclipboardevent).

The typed Pibbl payload for the paste event. See PibblClipboardEvent.

[View source — packages/core/src/lib/events/types.ts:503](/source/packages/core/src/lib/events/types-ts/#L503)

</details>

<span id="api-PibblEventMap-dragstart"></span>
<details>
<summary>dragstart</summary>


```ts
dragstart: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the dragstart event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:505](/source/packages/core/src/lib/events/types-ts/#L505)

</details>

<span id="api-PibblEventMap-drag"></span>
<details>
<summary>drag</summary>


```ts
drag: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the drag event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:507](/source/packages/core/src/lib/events/types-ts/#L507)

</details>

<span id="api-PibblEventMap-dragend"></span>
<details>
<summary>dragend</summary>


```ts
dragend: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the dragend event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:509](/source/packages/core/src/lib/events/types-ts/#L509)

</details>

<span id="api-PibblEventMap-dragenter"></span>
<details>
<summary>dragenter</summary>


```ts
dragenter: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the dragenter event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:511](/source/packages/core/src/lib/events/types-ts/#L511)

</details>

<span id="api-PibblEventMap-dragleave"></span>
<details>
<summary>dragleave</summary>


```ts
dragleave: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the dragleave event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:513](/source/packages/core/src/lib/events/types-ts/#L513)

</details>

<span id="api-PibblEventMap-dragover"></span>
<details>
<summary>dragover</summary>


```ts
dragover: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the dragover event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:515](/source/packages/core/src/lib/events/types-ts/#L515)

</details>

<span id="api-PibblEventMap-drop"></span>
<details>
<summary>drop</summary>


```ts
drop: PibblDragEvent
```

Related API: [PibblDragEvent](/reference/types/events/#pibbldragevent).

The typed Pibbl payload for the drop event. See PibblDragEvent.

[View source — packages/core/src/lib/events/types.ts:517](/source/packages/core/src/lib/events/types-ts/#L517)

</details>

<span id="api-PibblEventParticipationOptions"></span>

### PibblEventParticipationOptions

Controls whether a primitive participates in pointer targeting.

```ts
interface PibblEventParticipationOptions
```

Related API: [PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions).

#### See also

[PibblPointerEvents](/reference/types/events/#pibblpointerevents)

[ArcProps](/reference/types/elements-components/#arcprops)

[CircleProps](/reference/types/elements-components/#circleprops)

[EllipseProps](/reference/types/elements-components/#ellipseprops)

[View source — packages/core/src/lib/events/types.ts:124](/source/packages/core/src/lib/events/types-ts/#L124)

#### Properties and methods

<span id="api-PibblEventParticipationOptions-pointerEvents"></span>
<details>
<summary>pointerEvents (optional)</summary>


```ts
readonly pointerEvents?: PibblPointerEvents | undefined
```

Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents).

Whether this content participates in pointer targeting. See PibblPointerEvents.

[View source — packages/core/src/lib/events/types.ts:126](/source/packages/core/src/lib/events/types-ts/#L126)

</details>

<span id="api-PibblEventPhase"></span>

### PibblEventPhase

The capture, target, or bubble phase of Pibbl event dispatch.

```ts
type PibblEventPhase = 1 | 2 | 3
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[View source — packages/core/src/lib/events/types.ts:68](/source/packages/core/src/lib/events/types-ts/#L68)

<span id="api-PibblEventPropName"></span>

### PibblEventPropName

The bubble-handler prop name corresponding to a supported event type.

```ts
type PibblEventPropName = PibblEventPropMap[PibblEventType]
```

Related API: [PibblEventPropName](/reference/types/events/#pibbleventpropname), [PibblEventType](/reference/types/events/#pibbleventtype).

#### See also

[PibblEventType](/reference/types/events/#pibbleventtype)

[PibblEventCapturePropName](/reference/types/events/#pibbleventcapturepropname)

[View source — packages/core/src/lib/events/types.ts:590](/source/packages/core/src/lib/events/types-ts/#L590)

<span id="api-PibblEventTarget"></span>

### PibblEventTarget

A logical target identity used by Pibbl event dispatch and focus management.

```ts
interface PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[View source — packages/core/src/lib/events/types.ts:75](/source/packages/core/src/lib/events/types-ts/#L75)

#### Properties and methods

<span id="api-PibblEventTarget-setPointerCapture"></span>
<details>
<summary>setPointerCapture</summary>


```ts
setPointerCapture: (pointerId: number) => void
```

Captures the pointer for this logical target until release or cancellation. See
PibblEventTarget.

##### Parameters

- **`pointerId`** — Pointer identifier from the routed pointer event.

[View source — packages/core/src/lib/events/types.ts:81](/source/packages/core/src/lib/events/types-ts/#L81)

</details>

<span id="api-PibblEventTarget-hasPointerCapture"></span>
<details>
<summary>hasPointerCapture</summary>


```ts
hasPointerCapture: (pointerId: number) => boolean
```

Reports whether this target currently owns capture of the identified pointer. See
PibblEventTarget.

##### Parameters

- **`pointerId`** — Pointer identifier to check.

##### Returns

Whether this target currently owns capture for that pointer.

[View source — packages/core/src/lib/events/types.ts:88](/source/packages/core/src/lib/events/types-ts/#L88)

</details>

<span id="api-PibblEventTarget-releasePointerCapture"></span>
<details>
<summary>releasePointerCapture</summary>


```ts
releasePointerCapture: (pointerId: number) => void
```

Releases this target's capture of the identified pointer. See PibblEventTarget.

##### Parameters

- **`pointerId`** — Pointer identifier from the routed pointer event.

[View source — packages/core/src/lib/events/types.ts:93](/source/packages/core/src/lib/events/types-ts/#L93)

</details>

<span id="api-PibblEventTargetOptions"></span>

### PibblEventTargetOptions

Geometry, hit testing, and focus configuration used to register an event target.

```ts
interface PibblEventTargetOptions extends PibblEventFocusOptions
```

Related API: [PibblEventTargetOptions](/reference/types/events/#pibbleventtargetoptions).

#### See also

[PathGeometry](/reference/functions/path-geometry/)

[useEventTarget](/reference/hooks/use-event-target/)

[View source — packages/core/src/lib/events/types.ts:148](/source/packages/core/src/lib/events/types-ts/#L148)

#### Properties and methods

<span id="api-PibblEventTargetOptions-path"></span>
<details>
<summary>path</summary>


```ts
readonly path: Path2D | PathGeometry
```

Related API: [PathGeometry](/reference/functions/path-geometry/).

Path geometry used by this operation. See PathGeometry.

[View source — packages/core/src/lib/events/types.ts:150](/source/packages/core/src/lib/events/types-ts/#L150)

</details>

<span id="api-PibblEventTargetOptions-fill"></span>
<details>
<summary>fill (optional)</summary>


```ts
readonly fill?: boolean | undefined
```

Whether the path's filled interior participates in hit testing. See
PibblEventTargetOptions.

[View source — packages/core/src/lib/events/types.ts:155](/source/packages/core/src/lib/events/types-ts/#L155)

</details>

<span id="api-PibblEventTargetOptions-lineInteractionWidth"></span>
<details>
<summary>lineInteractionWidth (optional)</summary>


```ts
readonly lineInteractionWidth?: number | undefined
```

Width used for line hit testing independently of the visible stroke width. See
PibblEventTargetOptions.

[View source — packages/core/src/lib/events/types.ts:160](/source/packages/core/src/lib/events/types-ts/#L160)

</details>

<span id="api-PibblEventTargetOptions-cursor"></span>
<details>
<summary>cursor (optional)</summary>


```ts
readonly cursor?: string | undefined
```

Cursor shown while this target owns pointer presentation. See PibblEventTargetOptions.

[View source — packages/core/src/lib/events/types.ts:164](/source/packages/core/src/lib/events/types-ts/#L164)

</details>

<span id="api-PibblEventTargetOptions-keyboardFocusable"></span>
<details>
<summary>keyboardFocusable (optional)</summary>


```ts
readonly keyboardFocusable?: boolean | undefined
```

Whether the target may receive keyboard focus. See PibblEventFocusOptions.

[View source — packages/core/src/lib/events/types.ts:137](/source/packages/core/src/lib/events/types-ts/#L137)

</details>

<span id="api-PibblEventTargetOptions-keyboardNavigationBounds"></span>
<details>
<summary>keyboardNavigationBounds (optional)</summary>


```ts
readonly keyboardNavigationBounds?: Readonly<LayoutBox> | undefined
```

Related API: [LayoutBox](/reference/types/layout/#layoutbox).

Logical rectangle used for directional keyboard navigation. See LayoutBox.

[View source — packages/core/src/lib/events/types.ts:139](/source/packages/core/src/lib/events/types-ts/#L139)

</details>

<span id="api-PibblEventTargetSnapshot"></span>

### PibblEventTargetSnapshot

Current interaction and focus state returned for a registered target.

```ts
interface PibblEventTargetSnapshot
```

Related API: [PibblEventTargetSnapshot](/reference/types/events/#pibbleventtargetsnapshot).

#### See also

[useEventTarget](/reference/hooks/use-event-target/)

[View source — packages/core/src/lib/events/types.ts:101](/source/packages/core/src/lib/events/types-ts/#L101)

#### Properties and methods

<span id="api-PibblEventTargetSnapshot-isFocused"></span>
<details>
<summary>isFocused</summary>


```ts
readonly isFocused: boolean
```

Whether this target currently holds logical focus. See PibblEventTargetSnapshot.

[View source — packages/core/src/lib/events/types.ts:103](/source/packages/core/src/lib/events/types-ts/#L103)

</details>

<span id="api-PibblEventTargetSnapshot-isFocusVisible"></span>
<details>
<summary>isFocusVisible</summary>


```ts
readonly isFocusVisible: boolean
```

Whether focus should be presented as keyboard-visible. See PibblEventTargetSnapshot.

[View source — packages/core/src/lib/events/types.ts:105](/source/packages/core/src/lib/events/types-ts/#L105)

</details>

<span id="api-PibblEventType"></span>

### PibblEventType

The supported event names in the Pibbl event map.

```ts
type PibblEventType = keyof PibblEventMap
```

Related API: [PibblEventType](/reference/types/events/#pibbleventtype), [PibblEventMap](/reference/types/events/#pibbleventmap).

#### See also

[PibblEventMap](/reference/types/events/#pibbleventmap)

[PibblEventHandler](/reference/types/events/#pibbleventhandler)

[PibblEventHandlers](/reference/types/events/#pibbleventhandlers)

[PibblEventPropName](/reference/types/events/#pibbleventpropname)

[View source — packages/core/src/lib/events/types.ts:528](/source/packages/core/src/lib/events/types-ts/#L528)

<span id="api-PibblFocusEvent"></span>

### PibblFocusEvent

Pibbl's logical focus event, retaining the corresponding native event payload.

```ts
interface PibblFocusEvent extends PibblEvent<FocusEvent>
```

Related API: [PibblFocusEvent](/reference/types/events/#pibblfocusevent), [PibblEvent](/reference/types/events/#pibblevent).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:333](/source/packages/core/src/lib/events/types-ts/#L333)

#### Properties and methods

<span id="api-PibblFocusEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblFocusEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblFocusEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblFocusEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblFocusEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblFocusEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblFocusEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblFocusEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblFocusEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblFocusEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: FocusEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblFocusEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblFocusEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblFocusEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblFocusEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblFocusEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblInputEvent"></span>

### PibblInputEvent

Pibbl's logical input event, retaining the corresponding native event payload.

```ts
interface PibblInputEvent extends PibblEvent<InputEvent>
```

Related API: [PibblInputEvent](/reference/types/events/#pibblinputevent), [PibblEvent](/reference/types/events/#pibblevent).

#### See also

[PibblEvent](/reference/types/events/#pibblevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:341](/source/packages/core/src/lib/events/types-ts/#L341)

#### Properties and methods

<span id="api-PibblInputEvent-data"></span>
<details>
<summary>data</summary>


```ts
readonly data: string | null
```

Application data supplied to the component or reported by the event. See PibblInputEvent
.

[View source — packages/core/src/lib/events/types.ts:346](/source/packages/core/src/lib/events/types-ts/#L346)

</details>

<span id="api-PibblInputEvent-dataTransfer"></span>
<details>
<summary>dataTransfer</summary>


```ts
readonly dataTransfer: DataTransfer | null
```

Drag-and-drop or input transfer payload from the originating browser event. See
PibblInputEvent.

[View source — packages/core/src/lib/events/types.ts:351](/source/packages/core/src/lib/events/types-ts/#L351)

</details>

<span id="api-PibblInputEvent-inputType"></span>
<details>
<summary>inputType</summary>


```ts
readonly inputType: string
```

The editing operation reported by the browser input event. See PibblInputEvent.

[View source — packages/core/src/lib/events/types.ts:353](/source/packages/core/src/lib/events/types-ts/#L353)

</details>

<span id="api-PibblInputEvent-isComposing"></span>
<details>
<summary>isComposing</summary>


```ts
readonly isComposing: boolean
```

Whether the event occurred during an active text-composition session. See
PibblInputEvent.

[View source — packages/core/src/lib/events/types.ts:358](/source/packages/core/src/lib/events/types-ts/#L358)

</details>

<span id="api-PibblInputEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblInputEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblInputEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblInputEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblInputEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblInputEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblInputEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblInputEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblInputEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblInputEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: InputEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblInputEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblInputEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblInputEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblInputEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblInputEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblKeyboardEvent"></span>

### PibblKeyboardEvent

Pibbl's logical keyboard event, retaining the corresponding native event payload.

```ts
interface PibblKeyboardEvent extends PibblModifierEvent<KeyboardEvent>
```

Related API: [PibblKeyboardEvent](/reference/types/events/#pibblkeyboardevent).

#### See also

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:311](/source/packages/core/src/lib/events/types-ts/#L311)

#### Properties and methods

<span id="api-PibblKeyboardEvent-key"></span>
<details>
<summary>key</summary>


```ts
readonly key: string
```

Logical key value reported by the browser. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:313](/source/packages/core/src/lib/events/types-ts/#L313)

</details>

<span id="api-PibblKeyboardEvent-code"></span>
<details>
<summary>code</summary>


```ts
readonly code: string
```

Physical key code reported by the browser. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:315](/source/packages/core/src/lib/events/types-ts/#L315)

</details>

<span id="api-PibblKeyboardEvent-location"></span>
<details>
<summary>location</summary>


```ts
readonly location: number
```

Browser-reported location of the key on the keyboard. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:317](/source/packages/core/src/lib/events/types-ts/#L317)

</details>

<span id="api-PibblKeyboardEvent-repeat"></span>
<details>
<summary>repeat</summary>


```ts
readonly repeat: boolean
```

Related API: [repeat](/reference/functions/repeat/).

Whether the browser reported an auto-repeated key press. See PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:319](/source/packages/core/src/lib/events/types-ts/#L319)

</details>

<span id="api-PibblKeyboardEvent-isComposing"></span>
<details>
<summary>isComposing</summary>


```ts
readonly isComposing: boolean
```

Whether the event occurred during an active text-composition session. See
PibblKeyboardEvent.

[View source — packages/core/src/lib/events/types.ts:324](/source/packages/core/src/lib/events/types-ts/#L324)

</details>

<span id="api-PibblKeyboardEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblKeyboardEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblKeyboardEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblKeyboardEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblKeyboardEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblKeyboardEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblKeyboardEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblKeyboardEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblKeyboardEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblKeyboardEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: KeyboardEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblKeyboardEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblKeyboardEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblKeyboardEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblKeyboardEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblKeyboardEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblKeyboardEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblKeyboardEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblKeyboardEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblKeyboardEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblLogicalMouseEvent"></span>

### PibblLogicalMouseEvent

Mouse event coordinates and buttons expressed in Pibbl's logical coordinate system.

```ts
interface PibblLogicalMouseEvent<TOriginal extends MouseEvent = MouseEvent> extends PibblModifierEvent<TOriginal>
```

Related API: [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

#### See also

[PibblDragEvent](/reference/types/events/#pibbldragevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[PibblPointerEvent](/reference/types/events/#pibblpointerevent)

[View source — packages/core/src/lib/events/types.ts:193](/source/packages/core/src/lib/events/types-ts/#L193)

#### Properties and methods

<span id="api-PibblLogicalMouseEvent-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:197](/source/packages/core/src/lib/events/types-ts/#L197)

</details>

<span id="api-PibblLogicalMouseEvent-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:199](/source/packages/core/src/lib/events/types-ts/#L199)

</details>

<span id="api-PibblLogicalMouseEvent-clientX"></span>
<details>
<summary>clientX</summary>


```ts
readonly clientX: number
```

Browser client-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:201](/source/packages/core/src/lib/events/types-ts/#L201)

</details>

<span id="api-PibblLogicalMouseEvent-clientY"></span>
<details>
<summary>clientY</summary>


```ts
readonly clientY: number
```

Browser client-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:203](/source/packages/core/src/lib/events/types-ts/#L203)

</details>

<span id="api-PibblLogicalMouseEvent-screenX"></span>
<details>
<summary>screenX</summary>


```ts
readonly screenX: number
```

Browser screen-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:205](/source/packages/core/src/lib/events/types-ts/#L205)

</details>

<span id="api-PibblLogicalMouseEvent-screenY"></span>
<details>
<summary>screenY</summary>


```ts
readonly screenY: number
```

Browser screen-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:207](/source/packages/core/src/lib/events/types-ts/#L207)

</details>

<span id="api-PibblLogicalMouseEvent-movementX"></span>
<details>
<summary>movementX</summary>


```ts
readonly movementX: number
```

Browser-reported horizontal motion since the previous event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:212](/source/packages/core/src/lib/events/types-ts/#L212)

</details>

<span id="api-PibblLogicalMouseEvent-movementY"></span>
<details>
<summary>movementY</summary>


```ts
readonly movementY: number
```

Browser-reported vertical motion since the previous event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:216](/source/packages/core/src/lib/events/types-ts/#L216)

</details>

<span id="api-PibblLogicalMouseEvent-button"></span>
<details>
<summary>button</summary>


```ts
readonly button: number
```

The button that changed state for this mouse or pointer event. See
PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:221](/source/packages/core/src/lib/events/types-ts/#L221)

</details>

<span id="api-PibblLogicalMouseEvent-buttons"></span>
<details>
<summary>buttons</summary>


```ts
readonly buttons: number
```

Bit mask of buttons held during this mouse or pointer event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:226](/source/packages/core/src/lib/events/types-ts/#L226)

</details>

<span id="api-PibblLogicalMouseEvent-detail"></span>
<details>
<summary>detail</summary>


```ts
readonly detail: number
```

Browser mouse-event detail, such as the click count. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:228](/source/packages/core/src/lib/events/types-ts/#L228)

</details>

<span id="api-PibblLogicalMouseEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblLogicalMouseEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblLogicalMouseEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblLogicalMouseEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblLogicalMouseEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblLogicalMouseEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblLogicalMouseEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblLogicalMouseEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblLogicalMouseEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblLogicalMouseEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: TOriginal
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblLogicalMouseEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblLogicalMouseEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblLogicalMouseEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblLogicalMouseEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblLogicalMouseEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblLogicalMouseEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblLogicalMouseEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblLogicalMouseEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblLogicalMouseEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblPointerEvent"></span>

### PibblPointerEvent

Pibbl's logical pointer event, retaining the corresponding native event payload.

```ts
interface PibblPointerEvent extends PibblLogicalMouseEvent<PointerEvent>
```

Related API: [PibblPointerEvent](/reference/types/events/#pibblpointerevent), [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

#### See also

[PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:237](/source/packages/core/src/lib/events/types-ts/#L237)

#### Properties and methods

<span id="api-PibblPointerEvent-pointerId"></span>
<details>
<summary>pointerId</summary>


```ts
readonly pointerId: number
```

Browser identifier of the active pointer. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:239](/source/packages/core/src/lib/events/types-ts/#L239)

</details>

<span id="api-PibblPointerEvent-width"></span>
<details>
<summary>width</summary>


```ts
readonly width: number
```

Horizontal extent in the units of the containing geometry or surface. See
PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:244](/source/packages/core/src/lib/events/types-ts/#L244)

</details>

<span id="api-PibblPointerEvent-height"></span>
<details>
<summary>height</summary>


```ts
readonly height: number
```

Vertical extent in the units of the containing geometry or surface. See
PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:249](/source/packages/core/src/lib/events/types-ts/#L249)

</details>

<span id="api-PibblPointerEvent-pressure"></span>
<details>
<summary>pressure</summary>


```ts
readonly pressure: number
```

Normalized pressure reported by the pointer device. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:251](/source/packages/core/src/lib/events/types-ts/#L251)

</details>

<span id="api-PibblPointerEvent-tangentialPressure"></span>
<details>
<summary>tangentialPressure</summary>


```ts
readonly tangentialPressure: number
```

Normalized tangential pressure reported by the pointer device. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:253](/source/packages/core/src/lib/events/types-ts/#L253)

</details>

<span id="api-PibblPointerEvent-tiltX"></span>
<details>
<summary>tiltX</summary>


```ts
readonly tiltX: number
```

Pointer tilt relative to the x axis, in degrees. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:255](/source/packages/core/src/lib/events/types-ts/#L255)

</details>

<span id="api-PibblPointerEvent-tiltY"></span>
<details>
<summary>tiltY</summary>


```ts
readonly tiltY: number
```

Pointer tilt relative to the y axis, in degrees. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:257](/source/packages/core/src/lib/events/types-ts/#L257)

</details>

<span id="api-PibblPointerEvent-twist"></span>
<details>
<summary>twist</summary>


```ts
readonly twist: number
```

Pointer rotation around its own axis, in degrees. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:259](/source/packages/core/src/lib/events/types-ts/#L259)

</details>

<span id="api-PibblPointerEvent-pointerType"></span>
<details>
<summary>pointerType</summary>


```ts
readonly pointerType: string
```

Browser-reported pointer device category. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:261](/source/packages/core/src/lib/events/types-ts/#L261)

</details>

<span id="api-PibblPointerEvent-isPrimary"></span>
<details>
<summary>isPrimary</summary>


```ts
readonly isPrimary: boolean
```

Whether this is the primary pointer of its device category. See PibblPointerEvent.

[View source — packages/core/src/lib/events/types.ts:263](/source/packages/core/src/lib/events/types-ts/#L263)

</details>

<span id="api-PibblPointerEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblPointerEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblPointerEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblPointerEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblPointerEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblPointerEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblPointerEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblPointerEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblPointerEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblPointerEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: PointerEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblPointerEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblPointerEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblPointerEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblPointerEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblPointerEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblPointerEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblPointerEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblPointerEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblPointerEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblPointerEvent-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:197](/source/packages/core/src/lib/events/types-ts/#L197)

</details>

<span id="api-PibblPointerEvent-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:199](/source/packages/core/src/lib/events/types-ts/#L199)

</details>

<span id="api-PibblPointerEvent-clientX"></span>
<details>
<summary>clientX</summary>


```ts
readonly clientX: number
```

Browser client-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:201](/source/packages/core/src/lib/events/types-ts/#L201)

</details>

<span id="api-PibblPointerEvent-clientY"></span>
<details>
<summary>clientY</summary>


```ts
readonly clientY: number
```

Browser client-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:203](/source/packages/core/src/lib/events/types-ts/#L203)

</details>

<span id="api-PibblPointerEvent-screenX"></span>
<details>
<summary>screenX</summary>


```ts
readonly screenX: number
```

Browser screen-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:205](/source/packages/core/src/lib/events/types-ts/#L205)

</details>

<span id="api-PibblPointerEvent-screenY"></span>
<details>
<summary>screenY</summary>


```ts
readonly screenY: number
```

Browser screen-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:207](/source/packages/core/src/lib/events/types-ts/#L207)

</details>

<span id="api-PibblPointerEvent-movementX"></span>
<details>
<summary>movementX</summary>


```ts
readonly movementX: number
```

Browser-reported horizontal motion since the previous event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:212](/source/packages/core/src/lib/events/types-ts/#L212)

</details>

<span id="api-PibblPointerEvent-movementY"></span>
<details>
<summary>movementY</summary>


```ts
readonly movementY: number
```

Browser-reported vertical motion since the previous event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:216](/source/packages/core/src/lib/events/types-ts/#L216)

</details>

<span id="api-PibblPointerEvent-button"></span>
<details>
<summary>button</summary>


```ts
readonly button: number
```

The button that changed state for this mouse or pointer event. See
PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:221](/source/packages/core/src/lib/events/types-ts/#L221)

</details>

<span id="api-PibblPointerEvent-buttons"></span>
<details>
<summary>buttons</summary>


```ts
readonly buttons: number
```

Bit mask of buttons held during this mouse or pointer event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:226](/source/packages/core/src/lib/events/types-ts/#L226)

</details>

<span id="api-PibblPointerEvent-detail"></span>
<details>
<summary>detail</summary>


```ts
readonly detail: number
```

Browser mouse-event detail, such as the click count. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:228](/source/packages/core/src/lib/events/types-ts/#L228)

</details>

<span id="api-PibblPointerEvents"></span>

### PibblPointerEvents

Whether paint participates in coordinate targeting or is skipped as decoration.

```ts
type PibblPointerEvents = 'auto' | 'none'
```

Related API: [PibblPointerEvents](/reference/types/events/#pibblpointerevents).

#### See also

[PibblEventParticipationOptions](/reference/types/events/#pibbleventparticipationoptions)

[PibblRenderLayerTarget](/reference/types/canvas-runtime/#pibblrenderlayertarget)

[View source — packages/core/src/lib/events/types.ts:114](/source/packages/core/src/lib/events/types-ts/#L114)

<span id="api-PibblTouchEvent"></span>

### PibblTouchEvent

Pibbl's logical touch event, retaining the corresponding native event payload.

```ts
interface PibblTouchEvent extends PibblModifierEvent<TouchEvent>
```

Related API: [PibblTouchEvent](/reference/types/events/#pibbltouchevent).

#### See also

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:271](/source/packages/core/src/lib/events/types-ts/#L271)

#### Properties and methods

<span id="api-PibblTouchEvent-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Root-logical coordinates from the first changed touch.

[View source — packages/core/src/lib/events/types.ts:273](/source/packages/core/src/lib/events/types-ts/#L273)

</details>

<span id="api-PibblTouchEvent-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Root-logical coordinates from the first changed touch.

[View source — packages/core/src/lib/events/types.ts:275](/source/packages/core/src/lib/events/types-ts/#L275)

</details>

<span id="api-PibblTouchEvent-touches"></span>
<details>
<summary>touches</summary>


```ts
readonly touches: TouchList
```

All active browser touch contacts. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:277](/source/packages/core/src/lib/events/types-ts/#L277)

</details>

<span id="api-PibblTouchEvent-targetTouches"></span>
<details>
<summary>targetTouches</summary>


```ts
readonly targetTouches: TouchList
```

Active browser touch contacts associated with the event target. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:279](/source/packages/core/src/lib/events/types-ts/#L279)

</details>

<span id="api-PibblTouchEvent-changedTouches"></span>
<details>
<summary>changedTouches</summary>


```ts
readonly changedTouches: TouchList
```

Browser touch contacts changed by this event. See PibblTouchEvent.

[View source — packages/core/src/lib/events/types.ts:281](/source/packages/core/src/lib/events/types-ts/#L281)

</details>

<span id="api-PibblTouchEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblTouchEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblTouchEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblTouchEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblTouchEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblTouchEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblTouchEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblTouchEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblTouchEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblTouchEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: TouchEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblTouchEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblTouchEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblTouchEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblTouchEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblTouchEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblTouchEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblTouchEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblTouchEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblTouchEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblWheelEvent"></span>

### PibblWheelEvent

Pibbl's logical wheel event, retaining the corresponding native event payload.

```ts
interface PibblWheelEvent extends PibblLogicalMouseEvent<WheelEvent>
```

Related API: [PibblWheelEvent](/reference/types/events/#pibblwheelevent), [PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent).

#### See also

[PibblLogicalMouseEvent](/reference/types/events/#pibbllogicalmouseevent)

[PibblEventMap](/reference/types/events/#pibbleventmap)

[View source — packages/core/src/lib/events/types.ts:290](/source/packages/core/src/lib/events/types-ts/#L290)

#### Properties and methods

<span id="api-PibblWheelEvent-deltaX"></span>
<details>
<summary>deltaX</summary>


```ts
readonly deltaX: number
```

Horizontal wheel displacement in the units identified by deltaMode. See PibblWheelEvent
.

[View source — packages/core/src/lib/events/types.ts:295](/source/packages/core/src/lib/events/types-ts/#L295)

</details>

<span id="api-PibblWheelEvent-deltaY"></span>
<details>
<summary>deltaY</summary>


```ts
readonly deltaY: number
```

Vertical wheel displacement in the units identified by deltaMode. See PibblWheelEvent.

[View source — packages/core/src/lib/events/types.ts:299](/source/packages/core/src/lib/events/types-ts/#L299)

</details>

<span id="api-PibblWheelEvent-deltaZ"></span>
<details>
<summary>deltaZ</summary>


```ts
readonly deltaZ: number
```

Depth wheel displacement in the units identified by deltaMode. See PibblWheelEvent.

[View source — packages/core/src/lib/events/types.ts:301](/source/packages/core/src/lib/events/types-ts/#L301)

</details>

<span id="api-PibblWheelEvent-deltaMode"></span>
<details>
<summary>deltaMode</summary>


```ts
readonly deltaMode: number
```

The browser unit convention for wheel deltas. See PibblWheelEvent.

[View source — packages/core/src/lib/events/types.ts:303](/source/packages/core/src/lib/events/types-ts/#L303)

</details>

<span id="api-PibblWheelEvent-type"></span>
<details>
<summary>type</summary>


```ts
readonly type: string
```

Native-style name identifying the event being dispatched. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:20](/source/packages/core/src/lib/events/types-ts/#L20)

</details>

<span id="api-PibblWheelEvent-target"></span>
<details>
<summary>target</summary>


```ts
readonly target: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The selected logical target or target configuration. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:22](/source/packages/core/src/lib/events/types-ts/#L22)

</details>

<span id="api-PibblWheelEvent-currentTarget"></span>
<details>
<summary>currentTarget</summary>


```ts
readonly currentTarget: PibblEventTarget
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The logical target whose handler is currently being dispatched. See PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:24](/source/packages/core/src/lib/events/types-ts/#L24)

</details>

<span id="api-PibblWheelEvent-relatedTarget"></span>
<details>
<summary>relatedTarget</summary>


```ts
readonly relatedTarget: PibblEventTarget | null
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

The other logical target involved in a focus or boundary transition. See
PibblEventTarget.

[View source — packages/core/src/lib/events/types.ts:29](/source/packages/core/src/lib/events/types-ts/#L29)

</details>

<span id="api-PibblWheelEvent-eventPhase"></span>
<details>
<summary>eventPhase</summary>


```ts
readonly eventPhase: PibblEventPhase
```

Related API: [PibblEventPhase](/reference/types/events/#pibbleventphase).

Current capture, target, or bubble phase of event propagation. See PibblEventPhase.

[View source — packages/core/src/lib/events/types.ts:31](/source/packages/core/src/lib/events/types-ts/#L31)

</details>

<span id="api-PibblWheelEvent-bubbles"></span>
<details>
<summary>bubbles</summary>


```ts
readonly bubbles: boolean
```

Whether the event propagates through bubble handlers. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:33](/source/packages/core/src/lib/events/types-ts/#L33)

</details>

<span id="api-PibblWheelEvent-cancelable"></span>
<details>
<summary>cancelable</summary>


```ts
readonly cancelable: boolean
```

Whether the originating event permits cancellation of its default action. See PibblEvent
.

[View source — packages/core/src/lib/events/types.ts:38](/source/packages/core/src/lib/events/types-ts/#L38)

</details>

<span id="api-PibblWheelEvent-defaultPrevented"></span>
<details>
<summary>defaultPrevented</summary>


```ts
readonly defaultPrevented: boolean
```

Whether the default action has been prevented. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:40](/source/packages/core/src/lib/events/types-ts/#L40)

</details>

<span id="api-PibblWheelEvent-timeStamp"></span>
<details>
<summary>timeStamp</summary>


```ts
readonly timeStamp: number
```

Timestamp of the event in the browser event time coordinate system. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:42](/source/packages/core/src/lib/events/types-ts/#L42)

</details>

<span id="api-PibblWheelEvent-originalEvent"></span>
<details>
<summary>originalEvent</summary>


```ts
readonly originalEvent: WheelEvent
```

The originating browser event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:44](/source/packages/core/src/lib/events/types-ts/#L44)

</details>

<span id="api-PibblWheelEvent-sourceEvent"></span>
<details>
<summary>sourceEvent (optional)</summary>


```ts
readonly sourceEvent?: Event | undefined
```

The native event retained as the source of this logical event. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:46](/source/packages/core/src/lib/events/types-ts/#L46)

</details>

<span id="api-PibblWheelEvent-composedPath"></span>
<details>
<summary>composedPath</summary>


```ts
composedPath: () => readonly PibblEventTarget[]
```

Related API: [PibblEventTarget](/reference/types/events/#pibbleventtarget).

Returns the logical propagation path of the event. See PibblEventTarget.

##### Returns

The logical event propagation path. See [PibblEventTarget](/reference/types/events/#pibbleventtarget).

[View source — packages/core/src/lib/events/types.ts:51](/source/packages/core/src/lib/events/types-ts/#L51)

</details>

<span id="api-PibblWheelEvent-preventDefault"></span>
<details>
<summary>preventDefault</summary>


```ts
preventDefault: () => void
```

Prevents the originating event's default action when cancellation is supported. See
PibblEvent.

[View source — packages/core/src/lib/events/types.ts:56](/source/packages/core/src/lib/events/types-ts/#L56)

</details>

<span id="api-PibblWheelEvent-stopPropagation"></span>
<details>
<summary>stopPropagation</summary>


```ts
stopPropagation: () => void
```

Stops propagation to subsequent logical ancestors. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:58](/source/packages/core/src/lib/events/types-ts/#L58)

</details>

<span id="api-PibblWheelEvent-stopImmediatePropagation"></span>
<details>
<summary>stopImmediatePropagation</summary>


```ts
stopImmediatePropagation: () => void
```

Stops remaining handlers at this target and further propagation. See PibblEvent.

[View source — packages/core/src/lib/events/types.ts:60](/source/packages/core/src/lib/events/types-ts/#L60)

</details>

<span id="api-PibblWheelEvent-altKey"></span>
<details>
<summary>altKey</summary>


```ts
readonly altKey: boolean
```

Whether Alt was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:175](/source/packages/core/src/lib/events/types-ts/#L175)

</details>

<span id="api-PibblWheelEvent-ctrlKey"></span>
<details>
<summary>ctrlKey</summary>


```ts
readonly ctrlKey: boolean
```

Whether Control was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:177](/source/packages/core/src/lib/events/types-ts/#L177)

</details>

<span id="api-PibblWheelEvent-metaKey"></span>
<details>
<summary>metaKey</summary>


```ts
readonly metaKey: boolean
```

Whether the platform Meta key was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:181](/source/packages/core/src/lib/events/types-ts/#L181)

</details>

<span id="api-PibblWheelEvent-shiftKey"></span>
<details>
<summary>shiftKey</summary>


```ts
readonly shiftKey: boolean
```

Whether Shift was held when the event occurred. See PibblModifierEvent.

[View source — packages/core/src/lib/events/types.ts:183](/source/packages/core/src/lib/events/types-ts/#L183)

</details>

<span id="api-PibblWheelEvent-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:197](/source/packages/core/src/lib/events/types-ts/#L197)

</details>

<span id="api-PibblWheelEvent-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Root-logical canvas coordinates.

[View source — packages/core/src/lib/events/types.ts:199](/source/packages/core/src/lib/events/types-ts/#L199)

</details>

<span id="api-PibblWheelEvent-clientX"></span>
<details>
<summary>clientX</summary>


```ts
readonly clientX: number
```

Browser client-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:201](/source/packages/core/src/lib/events/types-ts/#L201)

</details>

<span id="api-PibblWheelEvent-clientY"></span>
<details>
<summary>clientY</summary>


```ts
readonly clientY: number
```

Browser client-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:203](/source/packages/core/src/lib/events/types-ts/#L203)

</details>

<span id="api-PibblWheelEvent-screenX"></span>
<details>
<summary>screenX</summary>


```ts
readonly screenX: number
```

Browser screen-space horizontal coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:205](/source/packages/core/src/lib/events/types-ts/#L205)

</details>

<span id="api-PibblWheelEvent-screenY"></span>
<details>
<summary>screenY</summary>


```ts
readonly screenY: number
```

Browser screen-space vertical coordinate. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:207](/source/packages/core/src/lib/events/types-ts/#L207)

</details>

<span id="api-PibblWheelEvent-movementX"></span>
<details>
<summary>movementX</summary>


```ts
readonly movementX: number
```

Browser-reported horizontal motion since the previous event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:212](/source/packages/core/src/lib/events/types-ts/#L212)

</details>

<span id="api-PibblWheelEvent-movementY"></span>
<details>
<summary>movementY</summary>


```ts
readonly movementY: number
```

Browser-reported vertical motion since the previous event. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:216](/source/packages/core/src/lib/events/types-ts/#L216)

</details>

<span id="api-PibblWheelEvent-button"></span>
<details>
<summary>button</summary>


```ts
readonly button: number
```

The button that changed state for this mouse or pointer event. See
PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:221](/source/packages/core/src/lib/events/types-ts/#L221)

</details>

<span id="api-PibblWheelEvent-buttons"></span>
<details>
<summary>buttons</summary>


```ts
readonly buttons: number
```

Bit mask of buttons held during this mouse or pointer event. See PibblLogicalMouseEvent
.

[View source — packages/core/src/lib/events/types.ts:226](/source/packages/core/src/lib/events/types-ts/#L226)

</details>

<span id="api-PibblWheelEvent-detail"></span>
<details>
<summary>detail</summary>


```ts
readonly detail: number
```

Browser mouse-event detail, such as the click count. See PibblLogicalMouseEvent.

[View source — packages/core/src/lib/events/types.ts:228](/source/packages/core/src/lib/events/types-ts/#L228)

</details>

<span id="api-PibblManipulationController"></span>

### PibblManipulationController

Stable controls and reactive geometry for one mounted manipulation session.

```ts
interface PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

#### See also

[Signal](/reference/types/canvas-runtime/#signal)

[PibblManipulationActive](/reference/types/events/#pibblmanipulationactive)

[PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot)

[PibblManipulationFrameProps](/reference/types/events/#pibblmanipulationframeprops)

[useManipulation](/reference/hooks/use-manipulation/)

[PibblDragHandleProps](/reference/types/events/#pibbldraghandleprops)

[View source — packages/core/src/lib/manipulation/controller-types.ts:292](/source/packages/core/src/lib/manipulation/controller-types-ts/#L292)

#### Properties and methods

<span id="api-PibblManipulationController-active"></span>
<details>
<summary>active</summary>


```ts
readonly active: Signal<PibblManipulationActive | null>
```

Related API: [Signal](/reference/types/canvas-runtime/#signal), [PibblManipulationActive](/reference/types/events/#pibblmanipulationactive).

Current active operation or its presentation configuration. See Signal,
PibblManipulationActive.

[View source — packages/core/src/lib/manipulation/controller-types.ts:297](/source/packages/core/src/lib/manipulation/controller-types-ts/#L297)

</details>

<span id="api-PibblManipulationController-snapshot"></span>
<details>
<summary>snapshot</summary>


```ts
readonly snapshot: Signal<PibblManipulationSnapshot | null>
```

Related API: [Signal](/reference/types/canvas-runtime/#signal), [PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot).

Current immutable observation of the manipulation session. See Signal,
PibblManipulationSnapshot.

[View source — packages/core/src/lib/manipulation/controller-types.ts:302](/source/packages/core/src/lib/manipulation/controller-types-ts/#L302)

</details>

<span id="api-PibblManipulationController-frameProps"></span>
<details>
<summary>frameProps</summary>


```ts
readonly frameProps: PibblManipulationFrameProps
```

Related API: [PibblManipulationFrameProps](/reference/types/events/#pibblmanipulationframeprops).

Props for presenting the controller's current manipulation frame. See
PibblManipulationFrameProps.

[View source — packages/core/src/lib/manipulation/controller-types.ts:307](/source/packages/core/src/lib/manipulation/controller-types-ts/#L307)

</details>

<span id="api-PibblManipulationController-cancel"></span>
<details>
<summary>cancel</summary>


```ts
cancel: () => void
```

Cancels the active manipulation and applies its cancellation policy. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/controller-types.ts:312](/source/packages/core/src/lib/manipulation/controller-types-ts/#L312)

</details>

<span id="api-PibblManipulationOptions"></span>

### PibblManipulationOptions

Geometry, constraints, and lifecycle callbacks for a manipulation controller.

```ts
interface PibblManipulationOptions
```

Related API: [PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions).

#### See also

[WritableSignal](/reference/types/canvas-runtime/#writablesignal)

[PibblManipulationBox](/reference/types/events/#pibblmanipulationbox)

[PibblManipulationMoveInput](/reference/types/events/#pibblmanipulationmoveinput)

[PibblManipulationResizeInput](/reference/types/events/#pibblmanipulationresizeinput)

[PibblManipulationRotateInput](/reference/types/events/#pibblmanipulationrotateinput)

[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent)

[PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent)

[PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent)

[useManipulation](/reference/hooks/use-manipulation/)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/controller-types.ts:210](/source/packages/core/src/lib/manipulation/controller-types-ts/#L210)

#### Properties and methods

<span id="api-PibblManipulationOptions-box"></span>
<details>
<summary>box</summary>


```ts
readonly box: WritableSignal<PibblManipulationBox>
```

Related API: [WritableSignal](/reference/types/canvas-runtime/#writablesignal), [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Logical rectangle read and updated by the manipulation controller. See WritableSignal
, PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/controller-types.ts:215](/source/packages/core/src/lib/manipulation/controller-types-ts/#L215)

</details>

<span id="api-PibblManipulationOptions-rotation"></span>
<details>
<summary>rotation (optional)</summary>


```ts
readonly rotation?: WritableSignal<number> | undefined
```

Related API: [WritableSignal](/reference/types/canvas-runtime/#writablesignal).

Rotation applied to the containing geometry. See WritableSignal.

[View source — packages/core/src/lib/manipulation/controller-types.ts:217](/source/packages/core/src/lib/manipulation/controller-types-ts/#L217)

</details>

<span id="api-PibblManipulationOptions-move"></span>
<details>
<summary>move (optional)</summary>


```ts
readonly move?: PibblManipulationMoveInput | undefined
```

Related API: [PibblManipulationMoveInput](/reference/types/events/#pibblmanipulationmoveinput).

Configuration for translation of the manipulation target. See PibblManipulationMoveInput
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:222](/source/packages/core/src/lib/manipulation/controller-types-ts/#L222)

</details>

<span id="api-PibblManipulationOptions-resize"></span>
<details>
<summary>resize (optional)</summary>


```ts
readonly resize?: PibblManipulationResizeInput | undefined
```

Related API: [PibblManipulationResizeInput](/reference/types/events/#pibblmanipulationresizeinput).

Configuration or operation for changing the target dimensions. See
PibblManipulationResizeInput.

[View source — packages/core/src/lib/manipulation/controller-types.ts:227](/source/packages/core/src/lib/manipulation/controller-types-ts/#L227)

</details>

<span id="api-PibblManipulationOptions-rotate"></span>
<details>
<summary>rotate (optional)</summary>


```ts
readonly rotate?: PibblManipulationRotateInput | undefined
```

Related API: [PibblManipulationRotateInput](/reference/types/events/#pibblmanipulationrotateinput).

Configuration for rotation of the manipulation target. See PibblManipulationRotateInput
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:232](/source/packages/core/src/lib/manipulation/controller-types-ts/#L232)

</details>

<span id="api-PibblManipulationOptions-onStart"></span>
<details>
<summary>onStart (optional)</summary>


```ts
readonly onStart?: ((event: PibblManipulationEvent) => void) | undefined
```

Related API: [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

Receives the initial state when a manipulation begins. See PibblManipulationEvent.

##### Parameters

- **`event`** — Current manipulation session and proposed geometry. See
[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:238](/source/packages/core/src/lib/manipulation/controller-types-ts/#L238)

</details>

<span id="api-PibblManipulationOptions-onChange"></span>
<details>
<summary>onChange (optional)</summary>


```ts
readonly onChange?: ((event: PibblManipulationEvent) => void) | undefined
```

Related API: [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

Receives geometry changes during an active manipulation. See PibblManipulationEvent.

##### Parameters

- **`event`** — Current manipulation session and proposed geometry. See
[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:244](/source/packages/core/src/lib/manipulation/controller-types-ts/#L244)

</details>

<span id="api-PibblManipulationOptions-onCommit"></span>
<details>
<summary>onCommit (optional)</summary>


```ts
readonly onCommit?: ((event: PibblManipulationCommitEvent) => void) | undefined
```

Related API: [PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent).

Receives the final state of a committed manipulation. See PibblManipulationCommitEvent.

##### Parameters

- **`event`** — Successfully committed manipulation state. See
[PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:250](/source/packages/core/src/lib/manipulation/controller-types-ts/#L250)

</details>

<span id="api-PibblManipulationOptions-onCancel"></span>
<details>
<summary>onCancel (optional)</summary>


```ts
readonly onCancel?: ((event: PibblManipulationCancelEvent) => void) | undefined
```

Related API: [PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent).

Receives the reason and state of a cancelled manipulation. See
PibblManipulationCancelEvent.

##### Parameters

- **`event`** — Canceled manipulation state and cancellation reason. See
[PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:257](/source/packages/core/src/lib/manipulation/controller-types-ts/#L257)

</details>

<span id="api-PibblManipulationSnapshot"></span>

### PibblManipulationSnapshot

The controller's current geometry and active-operation state.

```ts
interface PibblManipulationSnapshot
```

Related API: [PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot).

#### See also

[PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation)

[PibblResizePosition](/reference/types/events/#pibblresizeposition)

[PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry)

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent)

[View source — packages/core/src/lib/manipulation/controller-types.ts:76](/source/packages/core/src/lib/manipulation/controller-types-ts/#L76)

#### Properties and methods

<span id="api-PibblManipulationSnapshot-operation"></span>
<details>
<summary>operation</summary>


```ts
readonly operation: PibblManipulationOperation
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

Kind of manipulation currently being performed. See PibblManipulationOperation.

[View source — packages/core/src/lib/manipulation/controller-types.ts:78](/source/packages/core/src/lib/manipulation/controller-types-ts/#L78)

</details>

<span id="api-PibblManipulationSnapshot-handle"></span>
<details>
<summary>handle</summary>


```ts
readonly handle: PibblResizePosition | null
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Handle identity associated with the operation or body. See PibblResizePosition.

[View source — packages/core/src/lib/manipulation/controller-types.ts:80](/source/packages/core/src/lib/manipulation/controller-types-ts/#L80)

</details>

<span id="api-PibblManipulationSnapshot-initial"></span>
<details>
<summary>initial</summary>


```ts
readonly initial: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry captured when this manipulation began. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:82](/source/packages/core/src/lib/manipulation/controller-types-ts/#L82)

</details>

<span id="api-PibblManipulationSnapshot-proposed"></span>
<details>
<summary>proposed</summary>


```ts
readonly proposed: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry proposed before constraints and snapping are applied. See
PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:87](/source/packages/core/src/lib/manipulation/controller-types-ts/#L87)

</details>

<span id="api-PibblManipulationSnapshot-applied"></span>
<details>
<summary>applied</summary>


```ts
readonly applied: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after constraints and snapping are applied. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:89](/source/packages/core/src/lib/manipulation/controller-types-ts/#L89)

</details>

<span id="api-PibblManipulationSnapshot-snapActive"></span>
<details>
<summary>snapActive</summary>


```ts
readonly snapActive: boolean
```

Whether snapping is currently enabled for this operation. See PibblManipulationSnapshot
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:94](/source/packages/core/src/lib/manipulation/controller-types-ts/#L94)

</details>

<span id="api-PibblManipulationSnapshot-snapSatisfied"></span>
<details>
<summary>snapSatisfied</summary>


```ts
readonly snapSatisfied: boolean
```

Whether the applied geometry satisfies the active snap constraint. See
PibblManipulationSnapshot.

[View source — packages/core/src/lib/manipulation/controller-types.ts:99](/source/packages/core/src/lib/manipulation/controller-types-ts/#L99)

</details>

<span id="api-PibblManipulationEvent"></span>

### PibblManipulationEvent

Geometry and operation information emitted while manipulating a target.

```ts
interface PibblManipulationEvent extends PibblManipulationSnapshot
```

Related API: [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent), [PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot).

#### See also

[PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot)

[PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent)

[View source — packages/core/src/lib/manipulation/controller-types.ts:109](/source/packages/core/src/lib/manipulation/controller-types-ts/#L109)

#### Properties and methods

<span id="api-PibblManipulationEvent-before"></span>
<details>
<summary>before</summary>


```ts
readonly before: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry before this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:111](/source/packages/core/src/lib/manipulation/controller-types-ts/#L111)

</details>

<span id="api-PibblManipulationEvent-after"></span>
<details>
<summary>after</summary>


```ts
readonly after: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:113](/source/packages/core/src/lib/manipulation/controller-types-ts/#L113)

</details>

<span id="api-PibblManipulationEvent-operation"></span>
<details>
<summary>operation</summary>


```ts
readonly operation: PibblManipulationOperation
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

Kind of manipulation currently being performed. See PibblManipulationOperation.

[View source — packages/core/src/lib/manipulation/controller-types.ts:78](/source/packages/core/src/lib/manipulation/controller-types-ts/#L78)

</details>

<span id="api-PibblManipulationEvent-handle"></span>
<details>
<summary>handle</summary>


```ts
readonly handle: PibblResizePosition | null
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Handle identity associated with the operation or body. See PibblResizePosition.

[View source — packages/core/src/lib/manipulation/controller-types.ts:80](/source/packages/core/src/lib/manipulation/controller-types-ts/#L80)

</details>

<span id="api-PibblManipulationEvent-initial"></span>
<details>
<summary>initial</summary>


```ts
readonly initial: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry captured when this manipulation began. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:82](/source/packages/core/src/lib/manipulation/controller-types-ts/#L82)

</details>

<span id="api-PibblManipulationEvent-proposed"></span>
<details>
<summary>proposed</summary>


```ts
readonly proposed: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry proposed before constraints and snapping are applied. See
PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:87](/source/packages/core/src/lib/manipulation/controller-types-ts/#L87)

</details>

<span id="api-PibblManipulationEvent-applied"></span>
<details>
<summary>applied</summary>


```ts
readonly applied: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after constraints and snapping are applied. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:89](/source/packages/core/src/lib/manipulation/controller-types-ts/#L89)

</details>

<span id="api-PibblManipulationEvent-snapActive"></span>
<details>
<summary>snapActive</summary>


```ts
readonly snapActive: boolean
```

Whether snapping is currently enabled for this operation. See PibblManipulationSnapshot
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:94](/source/packages/core/src/lib/manipulation/controller-types-ts/#L94)

</details>

<span id="api-PibblManipulationEvent-snapSatisfied"></span>
<details>
<summary>snapSatisfied</summary>


```ts
readonly snapSatisfied: boolean
```

Whether the applied geometry satisfies the active snap constraint. See
PibblManipulationSnapshot.

[View source — packages/core/src/lib/manipulation/controller-types.ts:99](/source/packages/core/src/lib/manipulation/controller-types-ts/#L99)

</details>

<span id="api-PibblManipulationCommitEvent"></span>

### PibblManipulationCommitEvent

The final geometry of a successfully committed manipulation.

```ts
interface PibblManipulationCommitEvent extends PibblManipulationEvent
```

Related API: [PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent), [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

#### See also

[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[View source — packages/core/src/lib/manipulation/controller-types.ts:121](/source/packages/core/src/lib/manipulation/controller-types-ts/#L121)

#### Properties and methods

<span id="api-PibblManipulationCommitEvent-changed"></span>
<details>
<summary>changed</summary>


```ts
readonly changed: boolean
```

Whether the committed geometry differs from the starting geometry. See
PibblManipulationCommitEvent.

[View source — packages/core/src/lib/manipulation/controller-types.ts:126](/source/packages/core/src/lib/manipulation/controller-types-ts/#L126)

</details>

<span id="api-PibblManipulationCommitEvent-operation"></span>
<details>
<summary>operation</summary>


```ts
readonly operation: PibblManipulationOperation
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

Kind of manipulation currently being performed. See PibblManipulationOperation.

[View source — packages/core/src/lib/manipulation/controller-types.ts:78](/source/packages/core/src/lib/manipulation/controller-types-ts/#L78)

</details>

<span id="api-PibblManipulationCommitEvent-handle"></span>
<details>
<summary>handle</summary>


```ts
readonly handle: PibblResizePosition | null
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Handle identity associated with the operation or body. See PibblResizePosition.

[View source — packages/core/src/lib/manipulation/controller-types.ts:80](/source/packages/core/src/lib/manipulation/controller-types-ts/#L80)

</details>

<span id="api-PibblManipulationCommitEvent-initial"></span>
<details>
<summary>initial</summary>


```ts
readonly initial: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry captured when this manipulation began. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:82](/source/packages/core/src/lib/manipulation/controller-types-ts/#L82)

</details>

<span id="api-PibblManipulationCommitEvent-proposed"></span>
<details>
<summary>proposed</summary>


```ts
readonly proposed: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry proposed before constraints and snapping are applied. See
PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:87](/source/packages/core/src/lib/manipulation/controller-types-ts/#L87)

</details>

<span id="api-PibblManipulationCommitEvent-applied"></span>
<details>
<summary>applied</summary>


```ts
readonly applied: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after constraints and snapping are applied. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:89](/source/packages/core/src/lib/manipulation/controller-types-ts/#L89)

</details>

<span id="api-PibblManipulationCommitEvent-snapActive"></span>
<details>
<summary>snapActive</summary>


```ts
readonly snapActive: boolean
```

Whether snapping is currently enabled for this operation. See PibblManipulationSnapshot
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:94](/source/packages/core/src/lib/manipulation/controller-types-ts/#L94)

</details>

<span id="api-PibblManipulationCommitEvent-snapSatisfied"></span>
<details>
<summary>snapSatisfied</summary>


```ts
readonly snapSatisfied: boolean
```

Whether the applied geometry satisfies the active snap constraint. See
PibblManipulationSnapshot.

[View source — packages/core/src/lib/manipulation/controller-types.ts:99](/source/packages/core/src/lib/manipulation/controller-types-ts/#L99)

</details>

<span id="api-PibblManipulationCommitEvent-before"></span>
<details>
<summary>before</summary>


```ts
readonly before: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry before this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:111](/source/packages/core/src/lib/manipulation/controller-types-ts/#L111)

</details>

<span id="api-PibblManipulationCommitEvent-after"></span>
<details>
<summary>after</summary>


```ts
readonly after: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:113](/source/packages/core/src/lib/manipulation/controller-types-ts/#L113)

</details>

<span id="api-PibblManipulationCancelEvent"></span>

### PibblManipulationCancelEvent

Cancellation reason and geometry information for an abandoned manipulation.

```ts
interface PibblManipulationCancelEvent extends PibblManipulationEvent
```

Related API: [PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent), [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

#### See also

[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent)

[PibblManipulationCancelReason](/reference/types/events/#pibblmanipulationcancelreason)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[View source — packages/core/src/lib/manipulation/controller-types.ts:135](/source/packages/core/src/lib/manipulation/controller-types-ts/#L135)

#### Properties and methods

<span id="api-PibblManipulationCancelEvent-reason"></span>
<details>
<summary>reason</summary>


```ts
readonly reason: PibblManipulationCancelReason
```

Related API: [PibblManipulationCancelReason](/reference/types/events/#pibblmanipulationcancelreason).

Reason the operation could not produce its ordinary result. See
PibblManipulationCancelReason.

[View source — packages/core/src/lib/manipulation/controller-types.ts:140](/source/packages/core/src/lib/manipulation/controller-types-ts/#L140)

</details>

<span id="api-PibblManipulationCancelEvent-operation"></span>
<details>
<summary>operation</summary>


```ts
readonly operation: PibblManipulationOperation
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

Kind of manipulation currently being performed. See PibblManipulationOperation.

[View source — packages/core/src/lib/manipulation/controller-types.ts:78](/source/packages/core/src/lib/manipulation/controller-types-ts/#L78)

</details>

<span id="api-PibblManipulationCancelEvent-handle"></span>
<details>
<summary>handle</summary>


```ts
readonly handle: PibblResizePosition | null
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Handle identity associated with the operation or body. See PibblResizePosition.

[View source — packages/core/src/lib/manipulation/controller-types.ts:80](/source/packages/core/src/lib/manipulation/controller-types-ts/#L80)

</details>

<span id="api-PibblManipulationCancelEvent-initial"></span>
<details>
<summary>initial</summary>


```ts
readonly initial: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry captured when this manipulation began. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:82](/source/packages/core/src/lib/manipulation/controller-types-ts/#L82)

</details>

<span id="api-PibblManipulationCancelEvent-proposed"></span>
<details>
<summary>proposed</summary>


```ts
readonly proposed: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry proposed before constraints and snapping are applied. See
PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:87](/source/packages/core/src/lib/manipulation/controller-types-ts/#L87)

</details>

<span id="api-PibblManipulationCancelEvent-applied"></span>
<details>
<summary>applied</summary>


```ts
readonly applied: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after constraints and snapping are applied. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:89](/source/packages/core/src/lib/manipulation/controller-types-ts/#L89)

</details>

<span id="api-PibblManipulationCancelEvent-snapActive"></span>
<details>
<summary>snapActive</summary>


```ts
readonly snapActive: boolean
```

Whether snapping is currently enabled for this operation. See PibblManipulationSnapshot
.

[View source — packages/core/src/lib/manipulation/controller-types.ts:94](/source/packages/core/src/lib/manipulation/controller-types-ts/#L94)

</details>

<span id="api-PibblManipulationCancelEvent-snapSatisfied"></span>
<details>
<summary>snapSatisfied</summary>


```ts
readonly snapSatisfied: boolean
```

Whether the applied geometry satisfies the active snap constraint. See
PibblManipulationSnapshot.

[View source — packages/core/src/lib/manipulation/controller-types.ts:99](/source/packages/core/src/lib/manipulation/controller-types-ts/#L99)

</details>

<span id="api-PibblManipulationCancelEvent-before"></span>
<details>
<summary>before</summary>


```ts
readonly before: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry before this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:111](/source/packages/core/src/lib/manipulation/controller-types-ts/#L111)

</details>

<span id="api-PibblManipulationCancelEvent-after"></span>
<details>
<summary>after</summary>


```ts
readonly after: PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

Geometry after this manipulation update. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:113](/source/packages/core/src/lib/manipulation/controller-types-ts/#L113)

</details>

<span id="api-PibblManipulationCancelReason"></span>

### PibblManipulationCancelReason

Why an active manipulation session was cancelled.

```ts
type PibblManipulationCancelReason = | "explicit"
  | "escape"
  | "pointer-cancel"
  | "capture-lost"
  | "disabled"
  | "external-change"
  | "coordinate-space-changed"
  | "constraints-unsatisfiable"
```

Related API: [PibblManipulationCancelReason](/reference/types/events/#pibblmanipulationcancelreason).

#### See also

[PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent)

[View source — packages/core/src/lib/manipulation/controller-types.ts:43](/source/packages/core/src/lib/manipulation/controller-types-ts/#L43)

<span id="api-PibblManipulationGeometry"></span>

### PibblManipulationGeometry

The box and rotation that a manipulation controller reads and updates.

```ts
interface PibblManipulationGeometry
```

Related API: [PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry).

#### See also

[PibblManipulationBox](/reference/types/events/#pibblmanipulationbox)

[PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot)

[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent)

[View source — packages/core/src/lib/manipulation/controller-types.ts:22](/source/packages/core/src/lib/manipulation/controller-types-ts/#L22)

#### Properties and methods

<span id="api-PibblManipulationGeometry-box"></span>
<details>
<summary>box</summary>


```ts
readonly box: PibblManipulationBox
```

Related API: [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Logical rectangle read and updated by the manipulation controller. See
PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/controller-types.ts:27](/source/packages/core/src/lib/manipulation/controller-types-ts/#L27)

</details>

<span id="api-PibblManipulationGeometry-rotation"></span>
<details>
<summary>rotation</summary>


```ts
readonly rotation: number
```

Rotation applied to the containing geometry. See PibblManipulationGeometry.

[View source — packages/core/src/lib/manipulation/controller-types.ts:29](/source/packages/core/src/lib/manipulation/controller-types-ts/#L29)

</details>

<span id="api-PibblManipulationOperation"></span>

### PibblManipulationOperation

The move, resize, or rotate operation performed by a manipulation session.

```ts
type PibblManipulationOperation = "move" | "resize" | "rotate"
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

#### See also

[PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot)

[PibblManipulationActive](/reference/types/events/#pibblmanipulationactive)

[View source — packages/core/src/lib/manipulation/controller-types.ts:37](/source/packages/core/src/lib/manipulation/controller-types-ts/#L37)

<span id="api-PibblManipulationActive"></span>

### PibblManipulationActive

Details identifying an operation currently in progress.

```ts
interface PibblManipulationActive
```

Related API: [PibblManipulationActive](/reference/types/events/#pibblmanipulationactive).

#### See also

[PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation)

[PibblResizePosition](/reference/types/events/#pibblresizeposition)

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[View source — packages/core/src/lib/manipulation/controller-types.ts:59](/source/packages/core/src/lib/manipulation/controller-types-ts/#L59)

#### Properties and methods

<span id="api-PibblManipulationActive-operation"></span>
<details>
<summary>operation</summary>


```ts
readonly operation: PibblManipulationOperation
```

Related API: [PibblManipulationOperation](/reference/types/events/#pibblmanipulationoperation).

Kind of manipulation currently being performed. See PibblManipulationOperation.

[View source — packages/core/src/lib/manipulation/controller-types.ts:61](/source/packages/core/src/lib/manipulation/controller-types-ts/#L61)

</details>

<span id="api-PibblManipulationActive-handle"></span>
<details>
<summary>handle</summary>


```ts
readonly handle: PibblResizePosition | null
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Handle identity associated with the operation or body. See PibblResizePosition.

[View source — packages/core/src/lib/manipulation/controller-types.ts:63](/source/packages/core/src/lib/manipulation/controller-types-ts/#L63)

</details>

<span id="api-PibblManipulationActive-pointerId"></span>
<details>
<summary>pointerId</summary>


```ts
readonly pointerId: number
```

Browser identifier of the active pointer. See PibblManipulationActive.

[View source — packages/core/src/lib/manipulation/controller-types.ts:65](/source/packages/core/src/lib/manipulation/controller-types-ts/#L65)

</details>

<span id="api-PibblManipulationFrameProps"></span>

### PibblManipulationFrameProps

Authored inputs for ManipulationFrame, including the declared data and presentation options.

```ts
interface PibblManipulationFrameProps
```

Related API: [PibblManipulationFrameProps](/reference/types/events/#pibblmanipulationframeprops).

#### See also

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[WritableSignal](/reference/types/canvas-runtime/#writablesignal)

[PibblManipulationBox](/reference/types/events/#pibblmanipulationbox)

[PibblNode](/reference/types/elements-components/#pibblnode)

[ManipulationFrame](/reference/components/manipulation-frame/)

[View source — packages/core/src/lib/manipulation/controller-types.ts:268](/source/packages/core/src/lib/manipulation/controller-types-ts/#L268)

#### Properties and methods

<span id="api-PibblManipulationFrameProps-controller"></span>
<details>
<summary>controller</summary>


```ts
readonly controller: PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

Controller owning the current interaction or mounted scenario. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/controller-types.ts:273](/source/packages/core/src/lib/manipulation/controller-types-ts/#L273)

</details>

<span id="api-PibblManipulationFrameProps-style"></span>
<details>
<summary>style</summary>


```ts
readonly style: WritableSignal<PibblManipulationBox>
```

Related API: [WritableSignal](/reference/types/canvas-runtime/#writablesignal), [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Declared presentation and layout properties. See WritableSignal,
PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/controller-types.ts:278](/source/packages/core/src/lib/manipulation/controller-types-ts/#L278)

</details>

<span id="api-PibblManipulationFrameProps-children"></span>
<details>
<summary>children (optional)</summary>


```ts
readonly children?: PibblNode
```

Related API: [PibblNode](/reference/types/elements-components/#pibblnode).

Descendant content or the callback that supplies it. See PibblNode.

[View source — packages/core/src/lib/manipulation/controller-types.ts:280](/source/packages/core/src/lib/manipulation/controller-types-ts/#L280)

</details>

<span id="api-PibblManipulationMoveInput"></span>

### PibblManipulationMoveInput

Translation constraints and signal-capable enablement and snapping configuration.

```ts
type PibblManipulationMoveInput = Omit<PibblManipulationMoveOptions, "snap"> & {
  /** Whether this operation or resource participates in updates. See {@link SignalValue}. */
  readonly enabled?: SignalValue<boolean>;
  /**
   * Snapping configuration for the manipulation operation. See {@link PibblManipulationMoveOptions}
   * , {@link SignalValue}.
   */
  readonly snap?: Omit<NonNullable<PibblManipulationMoveOptions["snap"]>, "enabled"> & {
    /** Whether this operation or resource participates in updates. See {@link SignalValue}. */
    readonly enabled?: SignalValue<boolean>;
  };
}
```

Related API: [PibblManipulationMoveInput](/reference/types/events/#pibblmanipulationmoveinput), [SignalValue](/reference/types/signal-inputs/#signalvalue).

#### See also

[SignalValue](/reference/types/signal-inputs/#signalvalue)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/controller-types.ts:149](/source/packages/core/src/lib/manipulation/controller-types-ts/#L149)

#### Properties and methods

<span id="api-PibblManipulationMoveInput-axis"></span>
<details>
<summary>axis (optional)</summary>


```ts
readonly axis?: "both" | "x" | "y" | undefined
```

Selects `"both"`, `"x"`, `"y"` for axis. See PibblManipulationMoveOptions.

[View source — packages/core/src/lib/manipulation/types.ts:90](/source/packages/core/src/lib/manipulation/types-ts/#L90)

</details>

<span id="api-PibblManipulationMoveInput-bounds"></span>
<details>
<summary>bounds (optional)</summary>


```ts
readonly bounds?: PibblManipulationBox | undefined
```

Related API: [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Logical region constraining the content or query. See PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:92](/source/packages/core/src/lib/manipulation/types-ts/#L92)

</details>

<span id="api-PibblManipulationMoveInput-enabled"></span>
<details>
<summary>enabled (optional)</summary>


```ts
readonly enabled?: SignalValue<boolean> | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Whether this operation or resource participates in updates. See SignalValue.

[View source — packages/core/src/lib/manipulation/controller-types.ts:151](/source/packages/core/src/lib/manipulation/controller-types-ts/#L151)

</details>

<span id="api-PibblManipulationMoveInput-snap"></span>
<details>
<summary>snap (optional)</summary>


```ts
readonly snap?: (Omit<import("./types.js").PibblManipulationMoveSnap, "enabled"> & { readonly enabled?: SignalValue<boolean>; }) | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Snapping configuration for the manipulation operation. See PibblManipulationMoveOptions
, SignalValue.

[View source — packages/core/src/lib/manipulation/controller-types.ts:156](/source/packages/core/src/lib/manipulation/controller-types-ts/#L156)

</details>

<span id="api-PibblManipulationResizeInput"></span>

### PibblManipulationResizeInput

Resize constraints and signal-capable enablement and snapping configuration.

```ts
type PibblManipulationResizeInput = Omit<PibblManipulationResizeOptions, "snap"> & {
  /** Whether this operation or resource participates in updates. See {@link SignalValue}. */
  readonly enabled?: SignalValue<boolean>;
  /**
   * Snapping configuration for the manipulation operation. See {@link SignalEnabled},
   * {@link PibblManipulationResizeOptions}.
   */
  readonly snap?: SignalEnabled<NonNullable<PibblManipulationResizeOptions["snap"]>>;
}
```

Related API: [PibblManipulationResizeInput](/reference/types/events/#pibblmanipulationresizeinput), [SignalValue](/reference/types/signal-inputs/#signalvalue).

#### See also

[SignalValue](/reference/types/signal-inputs/#signalvalue)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/controller-types.ts:171](/source/packages/core/src/lib/manipulation/controller-types-ts/#L171)

#### Properties and methods

<span id="api-PibblManipulationResizeInput-minWidth"></span>
<details>
<summary>minWidth (optional)</summary>


```ts
readonly minWidth?: number | undefined
```

Minimum permitted width. See PibblManipulationResizeOptions.

[View source — packages/core/src/lib/manipulation/types.ts:125](/source/packages/core/src/lib/manipulation/types-ts/#L125)

</details>

<span id="api-PibblManipulationResizeInput-minHeight"></span>
<details>
<summary>minHeight (optional)</summary>


```ts
readonly minHeight?: number | undefined
```

Minimum permitted height. See PibblManipulationResizeOptions.

[View source — packages/core/src/lib/manipulation/types.ts:127](/source/packages/core/src/lib/manipulation/types-ts/#L127)

</details>

<span id="api-PibblManipulationResizeInput-maxWidth"></span>
<details>
<summary>maxWidth (optional)</summary>


```ts
readonly maxWidth?: number | undefined
```

Maximum permitted width. See PibblManipulationResizeOptions.

[View source — packages/core/src/lib/manipulation/types.ts:129](/source/packages/core/src/lib/manipulation/types-ts/#L129)

</details>

<span id="api-PibblManipulationResizeInput-maxHeight"></span>
<details>
<summary>maxHeight (optional)</summary>


```ts
readonly maxHeight?: number | undefined
```

Maximum permitted height. See PibblManipulationResizeOptions.

[View source — packages/core/src/lib/manipulation/types.ts:131](/source/packages/core/src/lib/manipulation/types-ts/#L131)

</details>

<span id="api-PibblManipulationResizeInput-bounds"></span>
<details>
<summary>bounds (optional)</summary>


```ts
readonly bounds?: PibblManipulationBox | undefined
```

Related API: [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Logical region constraining the content or query. See PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:133](/source/packages/core/src/lib/manipulation/types-ts/#L133)

</details>

<span id="api-PibblManipulationResizeInput-aspectRatio"></span>
<details>
<summary>aspectRatio (optional)</summary>


```ts
readonly aspectRatio?: PibblManipulationAspectRatio | undefined
```

Constraint on the manipulated width-to-height ratio. See PibblManipulationAspectRatio.

[View source — packages/core/src/lib/manipulation/types.ts:137](/source/packages/core/src/lib/manipulation/types-ts/#L137)

</details>

<span id="api-PibblManipulationResizeInput-enabled"></span>
<details>
<summary>enabled (optional)</summary>


```ts
readonly enabled?: SignalValue<boolean> | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Whether this operation or resource participates in updates. See SignalValue.

[View source — packages/core/src/lib/manipulation/controller-types.ts:173](/source/packages/core/src/lib/manipulation/controller-types-ts/#L173)

</details>

<span id="api-PibblManipulationResizeInput-snap"></span>
<details>
<summary>snap (optional)</summary>


```ts
readonly snap?: (Omit<import("./types.js").PibblManipulationResizeGridSnap, "enabled"> & { readonly enabled?: SignalValue<boolean>; }) | (Omit<import("./types.js").PibblManipulationResizeSizeSnap, "enabled"> & { readonly enabled?: SignalValue<boolean>; }) | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Snapping configuration for the manipulation operation. See SignalEnabled,
PibblManipulationResizeOptions.

[View source — packages/core/src/lib/manipulation/controller-types.ts:178](/source/packages/core/src/lib/manipulation/controller-types-ts/#L178)

</details>

<span id="api-PibblManipulationRotateInput"></span>

### PibblManipulationRotateInput

Rotation constraints and signal-capable enablement and snapping configuration.

```ts
type PibblManipulationRotateInput = Omit<PibblManipulationRotateOptions, "snap"> & {
  /** Whether this operation or resource participates in updates. See {@link SignalValue}. */
  readonly enabled?: SignalValue<boolean>;
  /**
   * Snapping configuration for the manipulation operation. See {@link SignalEnabled},
   * {@link PibblManipulationRotateOptions}.
   */
  readonly snap?: SignalEnabled<NonNullable<PibblManipulationRotateOptions["snap"]>>;
}
```

Related API: [PibblManipulationRotateInput](/reference/types/events/#pibblmanipulationrotateinput), [SignalValue](/reference/types/signal-inputs/#signalvalue).

#### See also

[SignalValue](/reference/types/signal-inputs/#signalvalue)

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/controller-types.ts:187](/source/packages/core/src/lib/manipulation/controller-types-ts/#L187)

#### Properties and methods

<span id="api-PibblManipulationRotateInput-enabled"></span>
<details>
<summary>enabled (optional)</summary>


```ts
readonly enabled?: SignalValue<boolean> | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Whether this operation or resource participates in updates. See SignalValue.

[View source — packages/core/src/lib/manipulation/controller-types.ts:189](/source/packages/core/src/lib/manipulation/controller-types-ts/#L189)

</details>

<span id="api-PibblManipulationRotateInput-snap"></span>
<details>
<summary>snap (optional)</summary>


```ts
readonly snap?: (Omit<import("./types.js").PibblManipulationRotateSnap, "enabled"> & { readonly enabled?: SignalValue<boolean>; }) | undefined
```

Related API: [SignalValue](/reference/types/signal-inputs/#signalvalue).

Snapping configuration for the manipulation operation. See SignalEnabled,
PibblManipulationRotateOptions.

[View source — packages/core/src/lib/manipulation/controller-types.ts:194](/source/packages/core/src/lib/manipulation/controller-types-ts/#L194)

</details>

<span id="api-PibblManipulationBox"></span>

### PibblManipulationBox

Position and dimensions of a manipulation target in logical coordinates.

```ts
interface PibblManipulationBox
```

Related API: [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

#### See also

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry)

[PibblManipulationFrameProps](/reference/types/events/#pibblmanipulationframeprops)

[View source — packages/core/src/lib/manipulation/types.ts:10](/source/packages/core/src/lib/manipulation/types-ts/#L10)

#### Properties and methods

<span id="api-PibblManipulationBox-left"></span>
<details>
<summary>left</summary>


```ts
readonly left: number
```

Left edge coordinate or inset. See PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:12](/source/packages/core/src/lib/manipulation/types-ts/#L12)

</details>

<span id="api-PibblManipulationBox-top"></span>
<details>
<summary>top</summary>


```ts
readonly top: number
```

Top edge value or top envelope guide. See PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:14](/source/packages/core/src/lib/manipulation/types-ts/#L14)

</details>

<span id="api-PibblManipulationBox-width"></span>
<details>
<summary>width</summary>


```ts
readonly width: number
```

Horizontal extent in the units of the containing geometry or surface. See
PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:19](/source/packages/core/src/lib/manipulation/types-ts/#L19)

</details>

<span id="api-PibblManipulationBox-height"></span>
<details>
<summary>height</summary>


```ts
readonly height: number
```

Vertical extent in the units of the containing geometry or surface. See
PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/types.ts:24](/source/packages/core/src/lib/manipulation/types-ts/#L24)

</details>

<span id="api-PibblManipulationPoint"></span>

### PibblManipulationPoint

A manipulation input point in logical coordinates.

```ts
interface PibblManipulationPoint
```

Related API: [PibblManipulationPoint](/reference/types/events/#pibblmanipulationpoint).

#### See also

[PibblManipulationGeometry](/reference/types/events/#pibblmanipulationgeometry)

[View source — packages/core/src/lib/manipulation/types.ts:32](/source/packages/core/src/lib/manipulation/types-ts/#L32)

#### Properties and methods

<span id="api-PibblManipulationPoint-x"></span>
<details>
<summary>x</summary>


```ts
readonly x: number
```

Horizontal coordinate or displacement in the containing coordinate system. See
PibblManipulationPoint.

[View source — packages/core/src/lib/manipulation/types.ts:37](/source/packages/core/src/lib/manipulation/types-ts/#L37)

</details>

<span id="api-PibblManipulationPoint-y"></span>
<details>
<summary>y</summary>


```ts
readonly y: number
```

Vertical coordinate or displacement in the containing coordinate system. See
PibblManipulationPoint.

[View source — packages/core/src/lib/manipulation/types.ts:42](/source/packages/core/src/lib/manipulation/types-ts/#L42)

</details>

<span id="api-PibblManipulationWhen"></span>

### PibblManipulationWhen

Modifier-key condition used to activate manipulation snapping or affordances.

```ts
type PibblManipulationWhen = 'always' | 'shift' | 'alt' | 'ctrl' | 'meta'
```

Related API: [PibblManipulationWhen](/reference/types/events/#pibblmanipulationwhen).

#### See also

[PibblDragHandleProps](/reference/types/events/#pibbldraghandleprops)

[View source — packages/core/src/lib/manipulation/types.ts:57](/source/packages/core/src/lib/manipulation/types-ts/#L57)

<span id="api-PibblResizePosition"></span>

### PibblResizePosition

An edge or corner at which a resize handle is placed.

```ts
type PibblResizePosition = | 'top-left'
  | 'top'
  | 'top-right'
  | 'right'
  | 'bottom-right'
  | 'bottom'
  | 'bottom-left'
  | 'left'
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

#### See also

[PibblManipulationSnapshot](/reference/types/events/#pibblmanipulationsnapshot)

[PibblManipulationActive](/reference/types/events/#pibblmanipulationactive)

[View source — packages/core/src/lib/manipulation/types.ts:65](/source/packages/core/src/lib/manipulation/types-ts/#L65)

<span id="api-PibblDragHandleProps"></span>

### PibblDragHandleProps

Authored inputs for DragHandle, including the declared data and presentation options.

```ts
interface PibblDragHandleProps
```

Related API: [PibblDragHandleProps](/reference/types/events/#pibbldraghandleprops).

#### See also

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[PibblNode](/reference/types/elements-components/#pibblnode)

[DragHandle](/reference/components/drag-handle/)

[PibblManipulationWhen](/reference/types/events/#pibblmanipulationwhen)

[View source — packages/core/src/lib/manipulation/handles.ts:38](/source/packages/core/src/lib/manipulation/handles-ts/#L38)

#### Properties and methods

<span id="api-PibblDragHandleProps-formatReadout"></span>
<details>
<summary>formatReadout (optional)</summary>


```ts
readonly formatReadout?: ((value: { readonly left: number; readonly top: number; }) => string) | undefined
```

Formats the value shown by the manipulation readout. See PibblDragHandleProps.

##### Parameters

- **`value`** — Current left and top coordinates.

##### Returns

Text to display in the drag readout.

[View source — packages/core/src/lib/manipulation/handles.ts:44](/source/packages/core/src/lib/manipulation/handles-ts/#L44)

</details>

<span id="api-PibblDragHandleProps-controller"></span>
<details>
<summary>controller</summary>


```ts
readonly controller: PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

Controller owning the current interaction or mounted scenario. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/handles.ts:54](/source/packages/core/src/lib/manipulation/handles-ts/#L54)

</details>

<span id="api-PibblDragHandleProps-children"></span>
<details>
<summary>children (optional)</summary>


```ts
readonly children?: PibblNode
```

Related API: [PibblNode](/reference/types/elements-components/#pibblnode).

Descendant content or the callback that supplies it. See PibblNode.

[View source — packages/core/src/lib/manipulation/handles.ts:56](/source/packages/core/src/lib/manipulation/handles-ts/#L56)

</details>

<span id="api-PibblDragHandleStyle"></span>

### PibblDragHandleStyle

Supported geometry and presentation properties for DragHandle.

```ts
interface PibblDragHandleStyle extends GStyle
```

Related API: [PibblDragHandleStyle](/reference/types/events/#pibbldraghandlestyle), [GStyle](/reference/types/styles/#gstyle).

#### See also

[GStyle](/reference/types/styles/#gstyle)

[PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle)

[DragHandle](/reference/components/drag-handle/)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/handles.ts:66](/source/packages/core/src/lib/manipulation/handles-ts/#L66)

#### Properties and methods

<span id="api-PibblDragHandleStyle-width"></span>
<details>
<summary>width (optional)</summary>


```ts
width?: Length | undefined
```

Related API: [Length](/reference/types/layout/#length).

Horizontal extent in the units of the containing geometry or surface. See Length.

[View source — packages/core/src/lib/style/types.ts:81](/source/packages/core/src/lib/style/types-ts/#L81)

</details>

<span id="api-PibblDragHandleStyle-height"></span>
<details>
<summary>height (optional)</summary>


```ts
height?: Length | undefined
```

Related API: [Length](/reference/types/layout/#length).

Vertical extent in the units of the containing geometry or surface. See Length.

[View source — packages/core/src/lib/style/types.ts:83](/source/packages/core/src/lib/style/types-ts/#L83)

</details>

<span id="api-PibblDragHandleStyle-readout"></span>
<details>
<summary>readout (optional)</summary>


```ts
readonly readout?: boolean | PibblManipulationReadoutStyle | undefined
```

Related API: [PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle).

Presentation of the manipulation value readout. See PibblManipulationReadoutStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:68](/source/packages/core/src/lib/manipulation/handles-ts/#L68)

</details>

<span id="api-PibblDragHandleStyle-left"></span>
<details>
<summary>left (optional)</summary>


```ts
left?: number | `${number}%` | undefined
```

Left edge coordinate or inset. See Length.

[View source — packages/core/src/lib/style/positioning.ts:127](/source/packages/core/src/lib/style/positioning-ts/#L127)

</details>

<span id="api-PibblDragHandleStyle-top"></span>
<details>
<summary>top (optional)</summary>


```ts
top?: number | `${number}%` | undefined
```

Top edge value or top envelope guide. See Length.

[View source — packages/core/src/lib/style/positioning.ts:129](/source/packages/core/src/lib/style/positioning-ts/#L129)

</details>

<span id="api-PibblDragHandleStyle-minWidth"></span>
<details>
<summary>minWidth (optional)</summary>


```ts
minWidth?: number | `${number}%` | undefined
```

Minimum permitted width. See Length.

[View source — packages/core/src/lib/style/types.ts:85](/source/packages/core/src/lib/style/types-ts/#L85)

</details>

<span id="api-PibblDragHandleStyle-maxWidth"></span>
<details>
<summary>maxWidth (optional)</summary>


```ts
maxWidth?: number | `${number}%` | undefined
```

Maximum permitted width. See Length.

[View source — packages/core/src/lib/style/types.ts:87](/source/packages/core/src/lib/style/types-ts/#L87)

</details>

<span id="api-PibblDragHandleStyle-minHeight"></span>
<details>
<summary>minHeight (optional)</summary>


```ts
minHeight?: number | `${number}%` | undefined
```

Minimum permitted height. See Length.

[View source — packages/core/src/lib/style/types.ts:89](/source/packages/core/src/lib/style/types-ts/#L89)

</details>

<span id="api-PibblDragHandleStyle-maxHeight"></span>
<details>
<summary>maxHeight (optional)</summary>


```ts
maxHeight?: number | `${number}%` | undefined
```

Maximum permitted height. See Length.

[View source — packages/core/src/lib/style/types.ts:91](/source/packages/core/src/lib/style/types-ts/#L91)

</details>

<span id="api-PibblDragHandleStyle-padding"></span>
<details>
<summary>padding (optional)</summary>


```ts
padding?: EdgeValues | undefined
```

Related API: [EdgeValues](/reference/types/layout/#edgevalues).

Insets between the border box and content box. See EdgeValues.

[View source — packages/core/src/lib/style/types.ts:93](/source/packages/core/src/lib/style/types-ts/#L93)

</details>

<span id="api-PibblDragHandleStyle-overflow"></span>
<details>
<summary>overflow (optional)</summary>


```ts
overflow?: "clip" | "visible" | undefined
```

Selects `"visible"`, `"clip"` for overflow. See BoxStyle.

[View source — packages/core/src/lib/style/types.ts:95](/source/packages/core/src/lib/style/types-ts/#L95)

</details>

<span id="api-PibblDragHandleStyle-alignSelf"></span>
<details>
<summary>alignSelf (optional)</summary>


```ts
alignSelf?: "auto" | "center" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | undefined
```

This child's cross-axis or block-axis alignment override. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:121](/source/packages/core/src/lib/style/types-ts/#L121)

</details>

<span id="api-PibblDragHandleStyle-justifySelf"></span>
<details>
<summary>justifySelf (optional)</summary>


```ts
justifySelf?: "auto" | "center" | "end" | "start" | "stretch" | undefined
```

This child's inline-axis alignment override. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:123](/source/packages/core/src/lib/style/types-ts/#L123)

</details>

<span id="api-PibblDragHandleStyle-flexBasis"></span>
<details>
<summary>flexBasis (optional)</summary>


```ts
flexBasis?: Length | undefined
```

Related API: [Length](/reference/types/layout/#length).

Initial main-axis size before flex growth or shrinkage. See Length.

[View source — packages/core/src/lib/style/types.ts:125](/source/packages/core/src/lib/style/types-ts/#L125)

</details>

<span id="api-PibblDragHandleStyle-flexGrow"></span>
<details>
<summary>flexGrow (optional)</summary>


```ts
flexGrow?: number | undefined
```

Relative share of positive free space assigned to this child. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:127](/source/packages/core/src/lib/style/types-ts/#L127)

</details>

<span id="api-PibblDragHandleStyle-flexShrink"></span>
<details>
<summary>flexShrink (optional)</summary>


```ts
flexShrink?: number | undefined
```

Relative factor used when reducing main-axis size. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:129](/source/packages/core/src/lib/style/types-ts/#L129)

</details>

<span id="api-PibblDragHandleStyle-gridColumnStart"></span>
<details>
<summary>gridColumnStart (optional)</summary>


```ts
gridColumnStart?: number | undefined
```

Explicit starting grid column. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:131](/source/packages/core/src/lib/style/types-ts/#L131)

</details>

<span id="api-PibblDragHandleStyle-gridColumnSpan"></span>
<details>
<summary>gridColumnSpan (optional)</summary>


```ts
gridColumnSpan?: number | undefined
```

Number of columns occupied by this child. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:133](/source/packages/core/src/lib/style/types-ts/#L133)

</details>

<span id="api-PibblDragHandleStyle-gridRowStart"></span>
<details>
<summary>gridRowStart (optional)</summary>


```ts
gridRowStart?: number | undefined
```

Explicit starting grid row. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:135](/source/packages/core/src/lib/style/types-ts/#L135)

</details>

<span id="api-PibblDragHandleStyle-gridRowSpan"></span>
<details>
<summary>gridRowSpan (optional)</summary>


```ts
gridRowSpan?: number | undefined
```

Number of rows occupied by this child. See LayoutItemStyle.

[View source — packages/core/src/lib/style/types.ts:137](/source/packages/core/src/lib/style/types-ts/#L137)

</details>

<span id="api-PibblDragHandleStyle-scaleX"></span>
<details>
<summary>scaleX (optional)</summary>


```ts
scaleX?: number | undefined
```

Horizontal scale factor. See GStyle.

[View source — packages/core/src/lib/components/g.ts:45](/source/packages/core/src/lib/components/g-ts/#L45)

</details>

<span id="api-PibblDragHandleStyle-scaleY"></span>
<details>
<summary>scaleY (optional)</summary>


```ts
scaleY?: number | undefined
```

Vertical scale factor. See GStyle.

[View source — packages/core/src/lib/components/g.ts:47](/source/packages/core/src/lib/components/g-ts/#L47)

</details>

<span id="api-PibblDragHandleStyle-rotationDegrees"></span>
<details>
<summary>rotationDegrees (optional)</summary>


```ts
rotationDegrees?: number | undefined
```

Clockwise rotation in degrees.

[View source — packages/core/src/lib/components/g.ts:49](/source/packages/core/src/lib/components/g-ts/#L49)

</details>

<span id="api-PibblDragHandleStyle-rotationOrigin"></span>
<details>
<summary>rotationOrigin (optional)</summary>


```ts
rotationOrigin?: [number, number] | undefined
```

Point around which the rotation is applied. See GStyle.

[View source — packages/core/src/lib/components/g.ts:51](/source/packages/core/src/lib/components/g-ts/#L51)

</details>

<span id="api-PibblDragHandleStyle-translateX"></span>
<details>
<summary>translateX (optional)</summary>


```ts
translateX?: number | undefined
```

Horizontal translation in the current logical coordinate system. See GStyle.

[View source — packages/core/src/lib/components/g.ts:53](/source/packages/core/src/lib/components/g-ts/#L53)

</details>

<span id="api-PibblDragHandleStyle-translateY"></span>
<details>
<summary>translateY (optional)</summary>


```ts
translateY?: number | undefined
```

Vertical translation in the current logical coordinate system. See GStyle.

[View source — packages/core/src/lib/components/g.ts:55](/source/packages/core/src/lib/components/g-ts/#L55)

</details>

<span id="api-PibblDragHandleStyle-skewX"></span>
<details>
<summary>skewX (optional)</summary>


```ts
skewX?: number | undefined
```

Horizontal skew angle in degrees.

[View source — packages/core/src/lib/components/g.ts:57](/source/packages/core/src/lib/components/g-ts/#L57)

</details>

<span id="api-PibblDragHandleStyle-skewY"></span>
<details>
<summary>skewY (optional)</summary>


```ts
skewY?: number | undefined
```

Vertical skew angle in degrees.

[View source — packages/core/src/lib/components/g.ts:59](/source/packages/core/src/lib/components/g-ts/#L59)

</details>

<span id="api-PibblDragHandleStyle-transition"></span>
<details>
<summary>transition (optional)</summary>


```ts
transition?: PibblTransitionBinding | undefined
```

Related API: [PibblTransitionBinding](/reference/hooks/use-visibility-transition/).

Visibility-transition binding applied to this primitive and its captured descendants. See SystemStyle.

[View source — packages/core/src/lib/types.ts:69](/source/packages/core/src/lib/types-ts/#L69)

</details>

<span id="api-PibblDragHandleStyle-custom"></span>
<details>
<summary>custom (optional)</summary>


```ts
custom?: unknown
```

Application-defined style payload passed through the runtime. See SystemStyle.

[View source — packages/core/src/lib/types.ts:71](/source/packages/core/src/lib/types-ts/#L71)

</details>

<span id="api-PibblDragHandleStyle-filter"></span>
<details>
<summary>filter (optional)</summary>


```ts
filter?: PibblFilter | readonly PibblFilter[] | undefined
```

Related API: [PibblFilter](/reference/types/filters/#pibblfilter).

Ordered pixel-only filters applied to the receiving primitive and its descendants. See
PibblFilter.

[View source — packages/core/src/lib/types.ts:76](/source/packages/core/src/lib/types-ts/#L76)

</details>

<span id="api-PibblResizeHandleProps"></span>

### PibblResizeHandleProps

Authored inputs for ResizeHandle, including the declared data and presentation options.

```ts
interface PibblResizeHandleProps
```

Related API: [PibblResizeHandleProps](/reference/types/events/#pibblresizehandleprops).

#### See also

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[PibblNode](/reference/types/elements-components/#pibblnode)

[ResizeHandle](/reference/components/resize-handle/)

[PibblResizeHandlesProps](/reference/types/events/#pibblresizehandlesprops)

[PibblResizePosition](/reference/types/events/#pibblresizeposition)

[View source — packages/core/src/lib/manipulation/handles.ts:298](/source/packages/core/src/lib/manipulation/handles-ts/#L298)

#### Properties and methods

<span id="api-PibblResizeHandleProps-controller"></span>
<details>
<summary>controller</summary>


```ts
readonly controller: PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

Controller owning the current interaction or mounted scenario. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/handles.ts:303](/source/packages/core/src/lib/manipulation/handles-ts/#L303)

</details>

<span id="api-PibblResizeHandleProps-position"></span>
<details>
<summary>position</summary>


```ts
readonly position: PibblResizePosition
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Position of the geometry, source, or selected resize handle. See PibblResizeHandleProps
.

[View source — packages/core/src/lib/manipulation/handles.ts:308](/source/packages/core/src/lib/manipulation/handles-ts/#L308)

</details>

<span id="api-PibblResizeHandleProps-hitSize"></span>
<details>
<summary>hitSize (optional)</summary>


```ts
readonly hitSize?: number | undefined
```

Size of the handle's interactive hit region. See PibblResizeHandleProps.

[View source — packages/core/src/lib/manipulation/handles.ts:310](/source/packages/core/src/lib/manipulation/handles-ts/#L310)

</details>

<span id="api-PibblResizeHandleProps-formatReadout"></span>
<details>
<summary>formatReadout (optional)</summary>


```ts
readonly formatReadout?: ((value: { readonly width: number; readonly height: number; }) => string) | undefined
```

Formats the value shown by the manipulation readout. See PibblResizeHandleProps.

##### Parameters

- **`value`** — Current width and height.

##### Returns

Text to display in the resize readout.

[View source — packages/core/src/lib/manipulation/handles.ts:316](/source/packages/core/src/lib/manipulation/handles-ts/#L316)

</details>

<span id="api-PibblResizeHandleProps-children"></span>
<details>
<summary>children (optional)</summary>


```ts
readonly children?: PibblNode
```

Related API: [PibblNode](/reference/types/elements-components/#pibblnode).

Descendant content or the callback that supplies it. See PibblNode.

[View source — packages/core/src/lib/manipulation/handles.ts:329](/source/packages/core/src/lib/manipulation/handles-ts/#L329)

</details>

<span id="api-PibblResizeHandlesProps"></span>

### PibblResizeHandlesProps

Authored inputs for ResizeHandles, including the declared data and presentation options.

```ts
interface PibblResizeHandlesProps
```

Related API: [PibblResizeHandlesProps](/reference/types/events/#pibblresizehandlesprops).

#### See also

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[PibblResizeHandleStyle](/reference/types/events/#pibblresizehandlestyle)

[PibblResizeHandleProps](/reference/types/events/#pibblresizehandleprops)

[ResizeHandles](/reference/components/resize-handles/)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[PibblResizePosition](/reference/types/events/#pibblresizeposition)

[View source — packages/core/src/lib/manipulation/handles.ts:341](/source/packages/core/src/lib/manipulation/handles-ts/#L341)

#### Properties and methods

<span id="api-PibblResizeHandlesProps-controller"></span>
<details>
<summary>controller</summary>


```ts
readonly controller: PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

Controller owning the current interaction or mounted scenario. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/handles.ts:346](/source/packages/core/src/lib/manipulation/handles-ts/#L346)

</details>

<span id="api-PibblResizeHandlesProps-positions"></span>
<details>
<summary>positions (optional)</summary>


```ts
readonly positions?: "corners" | "edges-and-corners" | readonly PibblResizePosition[] | undefined
```

Related API: [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Edges and corners at which resize handles are created. See PibblResizeHandlesProps.

[View source — packages/core/src/lib/manipulation/handles.ts:348](/source/packages/core/src/lib/manipulation/handles-ts/#L348)

</details>

<span id="api-PibblResizeHandlesProps-hitSize"></span>
<details>
<summary>hitSize (optional)</summary>


```ts
readonly hitSize?: number | undefined
```

Size of the handle's interactive hit region. See PibblResizeHandlesProps.

[View source — packages/core/src/lib/manipulation/handles.ts:351](/source/packages/core/src/lib/manipulation/handles-ts/#L351)

</details>

<span id="api-PibblResizeHandlesProps-style"></span>
<details>
<summary>style (optional)</summary>


```ts
readonly style?: PibblResizeHandleStyle | undefined
```

Related API: [PibblResizeHandleStyle](/reference/types/events/#pibblresizehandlestyle).

Declared presentation and layout properties. See PibblResizeHandleStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:353](/source/packages/core/src/lib/manipulation/handles-ts/#L353)

</details>

<span id="api-PibblResizeHandlesProps-formatReadout"></span>
<details>
<summary>formatReadout (optional)</summary>


```ts
readonly formatReadout?: ((value: { readonly width: number; readonly height: number; }) => string) | undefined
```

Formats the value shown by the manipulation readout. See PibblResizeHandleProps.

[View source — packages/core/src/lib/manipulation/handles.ts:355](/source/packages/core/src/lib/manipulation/handles-ts/#L355)

</details>

<span id="api-PibblRotationHandleProps"></span>

### PibblRotationHandleProps

Authored inputs for RotationHandle, including the declared data and presentation options.

```ts
interface PibblRotationHandleProps
```

Related API: [PibblRotationHandleProps](/reference/types/events/#pibblrotationhandleprops).

#### See also

[PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller)

[PibblNode](/reference/types/elements-components/#pibblnode)

[RotationHandle](/reference/components/rotation-handle/)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/handles.ts:579](/source/packages/core/src/lib/manipulation/handles-ts/#L579)

#### Properties and methods

<span id="api-PibblRotationHandleProps-controller"></span>
<details>
<summary>controller</summary>


```ts
readonly controller: PibblManipulationController
```

Related API: [PibblManipulationController](/reference/types/events/#pibblmanipulationcontroller).

Controller owning the current interaction or mounted scenario. See
PibblManipulationController.

[View source — packages/core/src/lib/manipulation/handles.ts:584](/source/packages/core/src/lib/manipulation/handles-ts/#L584)

</details>

<span id="api-PibblRotationHandleProps-hitSize"></span>
<details>
<summary>hitSize (optional)</summary>


```ts
readonly hitSize?: number | undefined
```

Size of the handle's interactive hit region. See PibblRotationHandleProps.

[View source — packages/core/src/lib/manipulation/handles.ts:586](/source/packages/core/src/lib/manipulation/handles-ts/#L586)

</details>

<span id="api-PibblRotationHandleProps-readoutUnit"></span>
<details>
<summary>readoutUnit (optional)</summary>


```ts
readonly readoutUnit?: "degrees" | "radians" | undefined
```

Related API: [degrees](/reference/functions/degrees/).

Selects `"degrees"`, `"radians"` for readout unit. See PibblRotationHandleProps.

[View source — packages/core/src/lib/manipulation/handles.ts:588](/source/packages/core/src/lib/manipulation/handles-ts/#L588)

</details>

<span id="api-PibblRotationHandleProps-formatReadout"></span>
<details>
<summary>formatReadout (optional)</summary>


```ts
readonly formatReadout?: ((value: { readonly rotation: number; }) => string) | undefined
```

Formats the value shown by the manipulation readout. See PibblRotationHandleProps.

##### Parameters

- **`value`** — Current rotation.

##### Returns

Text to display in the rotation readout.

[View source — packages/core/src/lib/manipulation/handles.ts:594](/source/packages/core/src/lib/manipulation/handles-ts/#L594)

</details>

<span id="api-PibblRotationHandleProps-children"></span>
<details>
<summary>children (optional)</summary>


```ts
readonly children?: PibblNode
```

Related API: [PibblNode](/reference/types/elements-components/#pibblnode).

Descendant content or the callback that supplies it. See PibblNode.

[View source — packages/core/src/lib/manipulation/handles.ts:599](/source/packages/core/src/lib/manipulation/handles-ts/#L599)

</details>

<span id="api-PibblResizeHandleStyle"></span>

### PibblResizeHandleStyle

Supported geometry and presentation properties for ResizeHandle.

```ts
interface PibblResizeHandleStyle extends SystemStyle
```

Related API: [PibblResizeHandleStyle](/reference/types/events/#pibblresizehandlestyle), [SystemStyle](/reference/types/styles/#systemstyle).

#### See also

[SystemStyle](/reference/types/styles/#systemstyle)

[PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle)

[ResizeHandle](/reference/components/resize-handle/)

[PibblResizeHandlesProps](/reference/types/events/#pibblresizehandlesprops)

[View source — packages/core/src/lib/manipulation/handles.ts:236](/source/packages/core/src/lib/manipulation/handles-ts/#L236)

#### Properties and methods

<span id="api-PibblResizeHandleStyle-readout"></span>
<details>
<summary>readout (optional)</summary>


```ts
readonly readout?: boolean | PibblManipulationReadoutStyle | undefined
```

Related API: [PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle).

Presentation of the manipulation value readout. See PibblManipulationReadoutStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:238](/source/packages/core/src/lib/manipulation/handles-ts/#L238)

</details>

<span id="api-PibblResizeHandleStyle-transition"></span>
<details>
<summary>transition (optional)</summary>


```ts
transition?: PibblTransitionBinding | undefined
```

Related API: [PibblTransitionBinding](/reference/hooks/use-visibility-transition/).

Visibility-transition binding applied to this primitive and its captured descendants. See SystemStyle.

[View source — packages/core/src/lib/types.ts:69](/source/packages/core/src/lib/types-ts/#L69)

</details>

<span id="api-PibblResizeHandleStyle-custom"></span>
<details>
<summary>custom (optional)</summary>


```ts
custom?: unknown
```

Application-defined style payload passed through the runtime. See SystemStyle.

[View source — packages/core/src/lib/types.ts:71](/source/packages/core/src/lib/types-ts/#L71)

</details>

<span id="api-PibblResizeHandleStyle-filter"></span>
<details>
<summary>filter (optional)</summary>


```ts
filter?: PibblFilter | readonly PibblFilter[] | undefined
```

Related API: [PibblFilter](/reference/types/filters/#pibblfilter).

Ordered pixel-only filters applied to the receiving primitive and its descendants. See
PibblFilter.

[View source — packages/core/src/lib/types.ts:76](/source/packages/core/src/lib/types-ts/#L76)

</details>

<span id="api-PibblRotationHandleStyle"></span>

### PibblRotationHandleStyle

Supported geometry and presentation properties for RotationHandle.

```ts
interface PibblRotationHandleStyle extends SystemStyle
```

Related API: [PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle), [SystemStyle](/reference/types/styles/#systemstyle).

#### See also

[SystemStyle](/reference/types/styles/#systemstyle)

[PibblRotationConnectorStyle](/reference/types/events/#pibblrotationconnectorstyle)

[PibblRotationArcStyle](/reference/types/events/#pibblrotationarcstyle)

[PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle)

[RotationHandle](/reference/components/rotation-handle/)

[PibblManipulableProps](/reference/types/events/#pibblmanipulableprops)

[View source — packages/core/src/lib/manipulation/handles.ts:278](/source/packages/core/src/lib/manipulation/handles-ts/#L278)

#### Properties and methods

<span id="api-PibblRotationHandleStyle-connector"></span>
<details>
<summary>connector (optional)</summary>


```ts
readonly connector?: boolean | PibblRotationConnectorStyle | undefined
```

Related API: [PibblRotationConnectorStyle](/reference/types/events/#pibblrotationconnectorstyle).

Presentation of the line connecting the rotation handle to its target. See
PibblRotationConnectorStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:283](/source/packages/core/src/lib/manipulation/handles-ts/#L283)

</details>

<span id="api-PibblRotationHandleStyle-arc"></span>
<details>
<summary>arc (optional)</summary>


```ts
readonly arc?: boolean | PibblRotationArcStyle | undefined
```

Related API: [PibblRotationArcStyle](/reference/types/events/#pibblrotationarcstyle).

Presentation of the rotation-angle arc. See PibblRotationArcStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:285](/source/packages/core/src/lib/manipulation/handles-ts/#L285)

</details>

<span id="api-PibblRotationHandleStyle-readout"></span>
<details>
<summary>readout (optional)</summary>


```ts
readonly readout?: boolean | PibblManipulationReadoutStyle | undefined
```

Related API: [PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle).

Presentation of the manipulation value readout. See PibblManipulationReadoutStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:287](/source/packages/core/src/lib/manipulation/handles-ts/#L287)

</details>

<span id="api-PibblRotationHandleStyle-transition"></span>
<details>
<summary>transition (optional)</summary>


```ts
transition?: PibblTransitionBinding | undefined
```

Related API: [PibblTransitionBinding](/reference/hooks/use-visibility-transition/).

Visibility-transition binding applied to this primitive and its captured descendants. See SystemStyle.

[View source — packages/core/src/lib/types.ts:69](/source/packages/core/src/lib/types-ts/#L69)

</details>

<span id="api-PibblRotationHandleStyle-custom"></span>
<details>
<summary>custom (optional)</summary>


```ts
custom?: unknown
```

Application-defined style payload passed through the runtime. See SystemStyle.

[View source — packages/core/src/lib/types.ts:71](/source/packages/core/src/lib/types-ts/#L71)

</details>

<span id="api-PibblRotationHandleStyle-filter"></span>
<details>
<summary>filter (optional)</summary>


```ts
filter?: PibblFilter | readonly PibblFilter[] | undefined
```

Related API: [PibblFilter](/reference/types/filters/#pibblfilter).

Ordered pixel-only filters applied to the receiving primitive and its descendants. See
PibblFilter.

[View source — packages/core/src/lib/types.ts:76](/source/packages/core/src/lib/types-ts/#L76)

</details>

<span id="api-PibblManipulationReadoutStyle"></span>

### PibblManipulationReadoutStyle

Supported geometry and presentation properties for ManipulationReadout.

```ts
interface PibblManipulationReadoutStyle extends PibblManipulationReadoutStateStyle
```

Related API: [PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle), [PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle).

#### See also

[PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle)

[PibblDragHandleStyle](/reference/types/events/#pibbldraghandlestyle)

[PibblResizeHandleStyle](/reference/types/events/#pibblresizehandlestyle)

[PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle)

[View source — packages/core/src/lib/manipulation/handles.ts:211](/source/packages/core/src/lib/manipulation/handles-ts/#L211)

#### Properties and methods

<span id="api-PibblManipulationReadoutStyle-inactive"></span>
<details>
<summary>inactive (optional)</summary>


```ts
readonly inactive?: PibblManipulationReadoutStateStyle | undefined
```

Related API: [PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle).

Readout presentation while no interaction is active. See
PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:216](/source/packages/core/src/lib/manipulation/handles-ts/#L216)

</details>

<span id="api-PibblManipulationReadoutStyle-focused"></span>
<details>
<summary>focused (optional)</summary>


```ts
readonly focused?: PibblManipulationReadoutStateStyle | undefined
```

Related API: [PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle).

Readout presentation while the handle has keyboard focus. See
PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:221](/source/packages/core/src/lib/manipulation/handles-ts/#L221)

</details>

<span id="api-PibblManipulationReadoutStyle-active"></span>
<details>
<summary>active (optional)</summary>


```ts
readonly active?: PibblManipulationReadoutStateStyle | undefined
```

Related API: [PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle).

Current active operation or its presentation configuration. See
PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:226](/source/packages/core/src/lib/manipulation/handles-ts/#L226)

</details>

<span id="api-PibblManipulationReadoutStyle-gap"></span>
<details>
<summary>gap (optional)</summary>


```ts
readonly gap?: number | undefined
```

Minimum outward spacing in CSS pixels; defaults to 40 for drag, 5 otherwise.

[View source — packages/core/src/lib/manipulation/handles.ts:186](/source/packages/core/src/lib/manipulation/handles-ts/#L186)

</details>

<span id="api-PibblManipulationReadoutStyle-font"></span>
<details>
<summary>font (optional)</summary>


```ts
readonly font?: string | undefined
```

Canvas font string used to draw or measure text. See PibblManipulationReadoutStateStyle
.

[View source — packages/core/src/lib/manipulation/handles.ts:191](/source/packages/core/src/lib/manipulation/handles-ts/#L191)

</details>

<span id="api-PibblManipulationReadoutStyle-fill"></span>
<details>
<summary>fill (optional)</summary>


```ts
readonly fill?: string | undefined
```

Paint used for the interior. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:193](/source/packages/core/src/lib/manipulation/handles-ts/#L193)

</details>

<span id="api-PibblManipulationReadoutStyle-stroke"></span>
<details>
<summary>stroke (optional)</summary>


```ts
readonly stroke?: string | undefined
```

Paint used for the outline. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:195](/source/packages/core/src/lib/manipulation/handles-ts/#L195)

</details>

<span id="api-PibblManipulationReadoutStyle-strokeWidth"></span>
<details>
<summary>strokeWidth (optional)</summary>


```ts
readonly strokeWidth?: number | undefined
```

Width of the painted outline. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:197](/source/packages/core/src/lib/manipulation/handles-ts/#L197)

</details>

<span id="api-PibblManipulationReadoutStyle-opacity"></span>
<details>
<summary>opacity (optional)</summary>


```ts
readonly opacity?: number | undefined
```

Related API: [opacity](/reference/types/filters/#opacity).

Opacity of the painted result. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:199](/source/packages/core/src/lib/manipulation/handles-ts/#L199)

</details>

<span id="api-PibblManipulationReadoutStyle-visible"></span>
<details>
<summary>visible (optional)</summary>


```ts
readonly visible?: boolean | undefined
```

Whether this presentation is visible. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:201](/source/packages/core/src/lib/manipulation/handles-ts/#L201)

</details>

<span id="api-PibblManipulationReadoutStateStyle"></span>

### PibblManipulationReadoutStateStyle

Supported geometry and presentation properties for ManipulationReadoutState.

```ts
interface PibblManipulationReadoutStateStyle
```

Related API: [PibblManipulationReadoutStateStyle](/reference/types/events/#pibblmanipulationreadoutstatestyle).

#### See also

[PibblManipulationReadoutStyle](/reference/types/events/#pibblmanipulationreadoutstyle)

[View source — packages/core/src/lib/manipulation/handles.ts:184](/source/packages/core/src/lib/manipulation/handles-ts/#L184)

#### Properties and methods

<span id="api-PibblManipulationReadoutStateStyle-gap"></span>
<details>
<summary>gap (optional)</summary>


```ts
readonly gap?: number | undefined
```

Minimum outward spacing in CSS pixels; defaults to 40 for drag, 5 otherwise.

[View source — packages/core/src/lib/manipulation/handles.ts:186](/source/packages/core/src/lib/manipulation/handles-ts/#L186)

</details>

<span id="api-PibblManipulationReadoutStateStyle-font"></span>
<details>
<summary>font (optional)</summary>


```ts
readonly font?: string | undefined
```

Canvas font string used to draw or measure text. See PibblManipulationReadoutStateStyle
.

[View source — packages/core/src/lib/manipulation/handles.ts:191](/source/packages/core/src/lib/manipulation/handles-ts/#L191)

</details>

<span id="api-PibblManipulationReadoutStateStyle-fill"></span>
<details>
<summary>fill (optional)</summary>


```ts
readonly fill?: string | undefined
```

Paint used for the interior. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:193](/source/packages/core/src/lib/manipulation/handles-ts/#L193)

</details>

<span id="api-PibblManipulationReadoutStateStyle-stroke"></span>
<details>
<summary>stroke (optional)</summary>


```ts
readonly stroke?: string | undefined
```

Paint used for the outline. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:195](/source/packages/core/src/lib/manipulation/handles-ts/#L195)

</details>

<span id="api-PibblManipulationReadoutStateStyle-strokeWidth"></span>
<details>
<summary>strokeWidth (optional)</summary>


```ts
readonly strokeWidth?: number | undefined
```

Width of the painted outline. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:197](/source/packages/core/src/lib/manipulation/handles-ts/#L197)

</details>

<span id="api-PibblManipulationReadoutStateStyle-opacity"></span>
<details>
<summary>opacity (optional)</summary>


```ts
readonly opacity?: number | undefined
```

Related API: [opacity](/reference/types/filters/#opacity).

Opacity of the painted result. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:199](/source/packages/core/src/lib/manipulation/handles-ts/#L199)

</details>

<span id="api-PibblManipulationReadoutStateStyle-visible"></span>
<details>
<summary>visible (optional)</summary>


```ts
readonly visible?: boolean | undefined
```

Whether this presentation is visible. See PibblManipulationReadoutStateStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:201](/source/packages/core/src/lib/manipulation/handles-ts/#L201)

</details>

<span id="api-PibblRotationConnectorStyle"></span>

### PibblRotationConnectorStyle

Supported geometry and presentation properties for RotationConnector.

```ts
interface PibblRotationConnectorStyle
```

Related API: [PibblRotationConnectorStyle](/reference/types/events/#pibblrotationconnectorstyle).

#### See also

[PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle)

[View source — packages/core/src/lib/manipulation/handles.ts:245](/source/packages/core/src/lib/manipulation/handles-ts/#L245)

#### Properties and methods

<span id="api-PibblRotationConnectorStyle-stroke"></span>
<details>
<summary>stroke (optional)</summary>


```ts
readonly stroke?: string | undefined
```

Paint used for the outline. See PibblRotationConnectorStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:247](/source/packages/core/src/lib/manipulation/handles-ts/#L247)

</details>

<span id="api-PibblRotationConnectorStyle-strokeWidth"></span>
<details>
<summary>strokeWidth (optional)</summary>


```ts
readonly strokeWidth?: number | undefined
```

Width of the painted outline. See PibblRotationConnectorStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:249](/source/packages/core/src/lib/manipulation/handles-ts/#L249)

</details>

<span id="api-PibblRotationConnectorStyle-opacity"></span>
<details>
<summary>opacity (optional)</summary>


```ts
readonly opacity?: number | undefined
```

Related API: [opacity](/reference/types/filters/#opacity).

Opacity of the painted result. See PibblRotationConnectorStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:251](/source/packages/core/src/lib/manipulation/handles-ts/#L251)

</details>

<span id="api-PibblRotationArcStyle"></span>

### PibblRotationArcStyle

Supported geometry and presentation properties for RotationArc.

```ts
interface PibblRotationArcStyle
```

Related API: [PibblRotationArcStyle](/reference/types/events/#pibblrotationarcstyle).

#### See also

[PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle)

[View source — packages/core/src/lib/manipulation/handles.ts:258](/source/packages/core/src/lib/manipulation/handles-ts/#L258)

#### Properties and methods

<span id="api-PibblRotationArcStyle-color"></span>
<details>
<summary>color (optional)</summary>


```ts
readonly color?: string | undefined
```

Color used by the mark or effect. See PibblRotationArcStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:260](/source/packages/core/src/lib/manipulation/handles-ts/#L260)

</details>

<span id="api-PibblRotationArcStyle-sweep"></span>
<details>
<summary>sweep (optional)</summary>


```ts
readonly sweep?: number | undefined
```

Angular extent of the arc. See PibblRotationArcStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:262](/source/packages/core/src/lib/manipulation/handles-ts/#L262)

</details>

<span id="api-PibblRotationArcStyle-strokeWidth"></span>
<details>
<summary>strokeWidth (optional)</summary>


```ts
readonly strokeWidth?: number | undefined
```

Width of the painted outline. See PibblRotationArcStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:264](/source/packages/core/src/lib/manipulation/handles-ts/#L264)

</details>

<span id="api-PibblRotationArcStyle-opacity"></span>
<details>
<summary>opacity (optional)</summary>


```ts
readonly opacity?: number | undefined
```

Related API: [opacity](/reference/types/filters/#opacity).

Opacity of the painted result. See PibblRotationArcStyle.

[View source — packages/core/src/lib/manipulation/handles.ts:266](/source/packages/core/src/lib/manipulation/handles-ts/#L266)

</details>

<span id="api-PibblManipulableProps"></span>

### PibblManipulableProps

Authored inputs for Manipulable, including the declared data and presentation options.

```ts
interface PibblManipulableProps extends Pick<
  PibblManipulationOptions,
  "rotation" | "onStart" | "onChange" | "onCommit" | "onCancel"
>
```

Related API: [PibblManipulableProps](/reference/types/events/#pibblmanipulableprops), [PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions).

#### See also

[PibblManipulationOptions](/reference/types/events/#pibblmanipulationoptions)

[WritableSignal](/reference/types/canvas-runtime/#writablesignal)

[PibblManipulationBox](/reference/types/events/#pibblmanipulationbox)

[PibblManipulationMoveInput](/reference/types/events/#pibblmanipulationmoveinput)

[PibblManipulationResizeInput](/reference/types/events/#pibblmanipulationresizeinput)

[PibblManipulationRotateInput](/reference/types/events/#pibblmanipulationrotateinput)

[PibblResizeHandlesProps](/reference/types/events/#pibblresizehandlesprops)

[PibblRotationHandleProps](/reference/types/events/#pibblrotationhandleprops)

[PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle)

[PibblDragHandleProps](/reference/types/events/#pibbldraghandleprops)

[PibblDragHandleStyle](/reference/types/events/#pibbldraghandlestyle)

[PibblNode](/reference/types/elements-components/#pibblnode)

[Manipulable](/reference/components/manipulable/)

[View source — packages/core/src/lib/manipulation/manipulable.ts:39](/source/packages/core/src/lib/manipulation/manipulable-ts/#L39)

#### Properties and methods

<span id="api-PibblManipulableProps-style"></span>
<details>
<summary>style</summary>


```ts
readonly style: WritableSignal<PibblManipulationBox>
```

Related API: [WritableSignal](/reference/types/canvas-runtime/#writablesignal), [PibblManipulationBox](/reference/types/events/#pibblmanipulationbox).

Declared presentation and layout properties. See WritableSignal,
PibblManipulationBox.

[View source — packages/core/src/lib/manipulation/manipulable.ts:47](/source/packages/core/src/lib/manipulation/manipulable-ts/#L47)

</details>

<span id="api-PibblManipulableProps-draggable"></span>
<details>
<summary>draggable (optional)</summary>


```ts
readonly draggable?: boolean | PibblManipulationMoveInput | undefined
```

Related API: [PibblManipulationMoveInput](/reference/types/events/#pibblmanipulationmoveinput).

Enables or configures translation of the target. See PibblManipulationMoveInput.

[View source — packages/core/src/lib/manipulation/manipulable.ts:49](/source/packages/core/src/lib/manipulation/manipulable-ts/#L49)

</details>

<span id="api-PibblManipulableProps-resizable"></span>
<details>
<summary>resizable (optional)</summary>


```ts
readonly resizable?: boolean | PibblManipulationResizeInput | undefined
```

Related API: [PibblManipulationResizeInput](/reference/types/events/#pibblmanipulationresizeinput).

Enables or configures resizing of the target. See PibblManipulationResizeInput.

[View source — packages/core/src/lib/manipulation/manipulable.ts:51](/source/packages/core/src/lib/manipulation/manipulable-ts/#L51)

</details>

<span id="api-PibblManipulableProps-rotatable"></span>
<details>
<summary>rotatable (optional)</summary>


```ts
readonly rotatable?: boolean | PibblManipulationRotateInput | undefined
```

Related API: [PibblManipulationRotateInput](/reference/types/events/#pibblmanipulationrotateinput).

Enables or configures rotation of the target. See PibblManipulationRotateInput.

[View source — packages/core/src/lib/manipulation/manipulable.ts:53](/source/packages/core/src/lib/manipulation/manipulable-ts/#L53)

</details>

<span id="api-PibblManipulableProps-resizeHandles"></span>
<details>
<summary>resizeHandles (optional)</summary>


```ts
readonly resizeHandles?: "corners" | "edges-and-corners" | Omit<PibblResizeHandlesProps, "controller"> | readonly PibblResizePosition[] | undefined
```

Related API: [PibblResizeHandlesProps](/reference/types/events/#pibblresizehandlesprops), [PibblResizePosition](/reference/types/events/#pibblresizeposition).

Configuration of the target's resize handles. See PibblResizeHandlesProps.

[View source — packages/core/src/lib/manipulation/manipulable.ts:55](/source/packages/core/src/lib/manipulation/manipulable-ts/#L55)

</details>

<span id="api-PibblManipulableProps-rotationHandle"></span>
<details>
<summary>rotationHandle (optional)</summary>


```ts
readonly rotationHandle?: (Omit<PibblRotationHandleProps, "children" | "controller"> & { readonly style?: PibblRotationHandleStyle; }) | undefined
```

Related API: [PibblRotationHandleProps](/reference/types/events/#pibblrotationhandleprops), [PibblRotationHandleStyle](/reference/types/events/#pibblrotationhandlestyle).

Configuration of the target's rotation handle. See PibblRotationHandleProps,
PibblRotationHandleStyle.

[View source — packages/core/src/lib/manipulation/manipulable.ts:61](/source/packages/core/src/lib/manipulation/manipulable-ts/#L61)

</details>

<span id="api-PibblManipulableProps-dragHandle"></span>
<details>
<summary>dragHandle (optional)</summary>


```ts
readonly dragHandle?: (Omit<PibblDragHandleProps, "children" | "controller"> & { readonly style?: PibblDragHandleStyle; }) | undefined
```

Related API: [PibblDragHandleProps](/reference/types/events/#pibbldraghandleprops), [PibblDragHandleStyle](/reference/types/events/#pibbldraghandlestyle).

Configuration of the target's drag handle. See PibblDragHandleProps,
PibblDragHandleStyle.

[View source — packages/core/src/lib/manipulation/manipulable.ts:69](/source/packages/core/src/lib/manipulation/manipulable-ts/#L69)

</details>

<span id="api-PibblManipulableProps-children"></span>
<details>
<summary>children (optional)</summary>


```ts
readonly children?: PibblNode
```

Related API: [PibblNode](/reference/types/elements-components/#pibblnode).

Descendant content or the callback that supplies it. See PibblNode.

[View source — packages/core/src/lib/manipulation/manipulable.ts:74](/source/packages/core/src/lib/manipulation/manipulable-ts/#L74)

</details>

<span id="api-PibblManipulableProps-rotation"></span>
<details>
<summary>rotation (optional)</summary>


```ts
readonly rotation?: WritableSignal<number> | undefined
```

Related API: [WritableSignal](/reference/types/canvas-runtime/#writablesignal).

Rotation applied to the containing geometry. See WritableSignal.

[View source — packages/core/src/lib/manipulation/controller-types.ts:217](/source/packages/core/src/lib/manipulation/controller-types-ts/#L217)

</details>

<span id="api-PibblManipulableProps-onStart"></span>
<details>
<summary>onStart (optional)</summary>


```ts
readonly onStart?: ((event: PibblManipulationEvent) => void) | undefined
```

Related API: [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

Receives the initial state when a manipulation begins. See PibblManipulationEvent.

##### Parameters

- **`event`** — Current manipulation session and proposed geometry. See
[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:238](/source/packages/core/src/lib/manipulation/controller-types-ts/#L238)

</details>

<span id="api-PibblManipulableProps-onChange"></span>
<details>
<summary>onChange (optional)</summary>


```ts
readonly onChange?: ((event: PibblManipulationEvent) => void) | undefined
```

Related API: [PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent).

Receives geometry changes during an active manipulation. See PibblManipulationEvent.

##### Parameters

- **`event`** — Current manipulation session and proposed geometry. See
[PibblManipulationEvent](/reference/types/events/#pibblmanipulationevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:244](/source/packages/core/src/lib/manipulation/controller-types-ts/#L244)

</details>

<span id="api-PibblManipulableProps-onCommit"></span>
<details>
<summary>onCommit (optional)</summary>


```ts
readonly onCommit?: ((event: PibblManipulationCommitEvent) => void) | undefined
```

Related API: [PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent).

Receives the final state of a committed manipulation. See PibblManipulationCommitEvent.

##### Parameters

- **`event`** — Successfully committed manipulation state. See
[PibblManipulationCommitEvent](/reference/types/events/#pibblmanipulationcommitevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:250](/source/packages/core/src/lib/manipulation/controller-types-ts/#L250)

</details>

<span id="api-PibblManipulableProps-onCancel"></span>
<details>
<summary>onCancel (optional)</summary>


```ts
readonly onCancel?: ((event: PibblManipulationCancelEvent) => void) | undefined
```

Related API: [PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent).

Receives the reason and state of a cancelled manipulation. See
PibblManipulationCancelEvent.

##### Parameters

- **`event`** — Canceled manipulation state and cancellation reason. See
[PibblManipulationCancelEvent](/reference/types/events/#pibblmanipulationcancelevent) .

[View source — packages/core/src/lib/manipulation/controller-types.ts:257](/source/packages/core/src/lib/manipulation/controller-types-ts/#L257)

</details>

## Implementation guidance for agents

Read the [Input, focus, and native HTML companion](/agents/topics/input/) for ownership, adaptation, failure modes, and verification. [Agent start](/agents/) provides the version-selection workflow.

## Complete minimal examples

- [Typed event target](/minimal-examples/events/target/): A geometric Canvas target routes pointer, mouse, touch, wheel, keyboard, input, clipboard, and drag events. [Plain source](/minimal/events/target.tsx)
- [Own a manipulation controller](/minimal-examples/manipulation/controller/): Compose a drag surface and one resize handle, inspect gesture state, and cancel explicitly. [Plain source](/minimal/manipulation/controller.tsx)
- [Style resize and rotation handles](/minimal-examples/manipulation/handles/): Add corner handles, a rotation connector, an angle arc, and gesture readouts. [Plain source](/minimal/manipulation/handles.tsx)
- [Focus and arrow navigation](/minimal-examples/events/focus/): Two logical targets participate in Tab focus and directional keyboard navigation. [Plain source](/minimal/events/focus.tsx)
- [Drag, resize, and rotate](/minimal-examples/manipulation/basic/): Use the convenience component with a writable geometry box. [Plain source](/minimal/manipulation/basic.tsx)
## Documentation version

Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.