# Class: FlowTranslateComposer

## FlowTranslateComposer

#### new FlowTranslateComposer()

Source:
  - ui/flow.reel/flow-translate-composer.js, line 5

### Extends

- TranslateComposer

### Members

#### _analyzeMovement

Source:
  - ui/flow.reel/flow-translate-composer.js, line 142

#### _animationInterval

Source:
  - ui/flow.reel/flow-translate-composer.js, line 674

#### _closerIndex

Source:
  - ui/flow.reel/flow-translate-composer.js, line 525

#### _computePointedElement

Source:
  - ui/flow.reel/flow-translate-composer.js, line 536

#### _contentOffsetX

Source:
  - ui/flow.reel/flow-translate-composer.js, line 96

#### _contentOffsetY

Source:
  - ui/flow.reel/flow-translate-composer.js, line 103

#### _dispatchTranslate

Source:
  - ui/flow.reel/flow-translate-composer.js, line 211

#### _dispatchTranslateEnd

Source:
  - ui/flow.reel/flow-translate-composer.js, line 182

#### _dispatchTranslateStart

Source:
  - ui/flow.reel/flow-translate-composer.js, line 166

#### _end

Source:
  - ui/flow.reel/flow-translate-composer.js, line 246

#### _flow

Source:
  - ui/flow.reel/flow-translate-composer.js, line 430

#### _hasMomentum

Source:
  - ui/flow.reel/flow-translate-composer.js, line 663

#### _move

Source:
  - ui/flow.reel/flow-translate-composer.js, line 226

#### _pageX

Source:
  - ui/flow.reel/flow-translate-composer.js, line 68

#### _pageY

Source:
  - ui/flow.reel/flow-translate-composer.js, line 75

#### _pointerStartX

Source:
  - ui/flow.reel/flow-translate-composer.js, line 82

#### _pointerStartY

Source:
  - ui/flow.reel/flow-translate-composer.js, line 89

#### _previousScrollDelta

Source:
  - ui/flow.reel/flow-translate-composer.js, line 615

#### _scroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 391

#### _scrollEnd

Source:
  - ui/flow.reel/flow-translate-composer.js, line 649

#### _scrollStart

Source:
  - ui/flow.reel/flow-translate-composer.js, line 656

#### _start

Source:
  - ui/flow.reel/flow-translate-composer.js, line 114

#### _startPageX

Source:
  - ui/flow.reel/flow-translate-composer.js, line 54

#### _startPageY

Source:
  - ui/flow.reel/flow-translate-composer.js, line 61

#### _startScroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 622

#### _translateStride

Source:
  - ui/flow.reel/flow-translate-composer.js, line 629

#### _updateLinearScroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 459

#### _updateScroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 450

#### allowFloats :boolean

Allow (@link translateX} and translateY to be floats?

##### Type:

- boolean

Inherited From:
  - TranslateComposer#allowFloats
Default Value:
  - false
Source:
  - composer/translate-composer.js, line 125

#### axis :string

Which axis translation is restricted to. Can be "vertical", "horizontal" or "both".

##### Type:

- string

Inherited From:
  - TranslateComposer#axis
Default Value:
  - "both"
Source:
  - composer/translate-composer.js, line 339

#### convertCssPixelsPropertyStringToNumber

Source:
  - ui/flow.reel/flow-translate-composer.js, line 487

#### flow

Source:
  - ui/flow.reel/flow-translate-composer.js, line 437

#### frame

Source:
  - ui/flow.reel/flow-translate-composer.js, line 476

#### handleWheel

Source:
  - ui/flow.reel/flow-translate-composer.js, line 319

#### hasMomentum :boolean

Whether to keep translating after the user has releases the cursor.

##### Type:

- boolean

Inherited From:
  - TranslateComposer#hasMomentum
Default Value:
  - true
Source:
  - composer/translate-composer.js, line 429

#### invertAxis :boolean

Invert direction of translation on both axes. This inverts the effect of cursor motion on both axes. For example if set to true moving the mouse up will increase the value of translateY instead of decreasing it. Depends on invertXAxis and invertYAxis.

##### Type:

- boolean

Inherited From:
  - TranslateComposer#invertAxis
Default Value:
  - false
Source:
  - composer/translate-composer.js, line 369

#### invertXAxis :boolean

Invert direction of translation along the X axis. This inverts the effect of left/right cursor motion on translateX.

##### Type:

- boolean

Inherited From:
  - TranslateComposer#invertXAxis
Default Value:
  - false
Source:
  - composer/translate-composer.js, line 391

#### invertYAxis :boolean

Invert direction of translation along the Y axis. This inverts the effect of up/down cursor motion on translateX.

##### Type:

- boolean

Inherited From:
  - TranslateComposer#invertYAxis
Default Value:
  - false
Source:
  - composer/translate-composer.js, line 411

#### linearScrollingVector

A constant 2d vector used to transform a drag vector into a scroll vector

Source:
  - ui/flow.reel/flow-translate-composer.js, line 28

#### maxScroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 423

#### (nullable) maxTranslateX :number

The maximum value translateX can take. If set to null then there is no maximum.

##### Type:

- number

Inherited From:
  - TranslateComposer#maxTranslateX
Default Value:
  - null
Source:
  - composer/translate-composer.js, line 254

#### (nullable) maxTranslateY :number

The maximum value translateY can take. If set to null then there is no maximum.

##### Type:

- number

Inherited From:
  - TranslateComposer#maxTranslateY
Default Value:
  - null
Source:
  - composer/translate-composer.js, line 310

#### minScroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 416

#### (nullable) minTranslateX :number

The minimum value translateX can take. If set to null then there is no minimum.

##### Type:

- number

Inherited From:
  - TranslateComposer#minTranslateX
Default Value:
  - null
Source:
  - composer/translate-composer.js, line 226

#### (nullable) minTranslateY :number

The minimum value translateY can take. If set to null then there is no minimum.

##### Type:

- number

Inherited From:
  - TranslateComposer#minTranslateY
Default Value:
  - null
Source:
  - composer/translate-composer.js, line 282

#### pointerSpeedMultiplier :number

How many pixels to translate by for each pixel of cursor movement.

##### Type:

- number

Inherited From:
  - TranslateComposer#pointerSpeedMultiplier
Default Value:
  - 1
Source:
  - composer/translate-composer.js, line 95

#### scroll

Source:
  - ui/flow.reel/flow-translate-composer.js, line 398

#### startTranslateSpeed :number

How fast the cursor has to be moving before translating starts. Only applied when another component has claimed the pointer.

##### Type:

- number

Default Value:
  - 500
Source:
  - ui/flow.reel/flow-translate-composer.js, line 43

#### translateStride

Source:
  - ui/flow.reel/flow-translate-composer.js, line 636

#### translateX :number

Amount of translation in the X (left/right) direction. Can be inverted with invertXAxis, and restricted to a range with minTranslateX and maxTranslateX.

##### Type:

- number

Inherited From:
  - TranslateComposer#translateX
Default Value:
  - 0
Source:
  - composer/translate-composer.js, line 153

#### translateY :number

Amount of translation in the Y (up/down) direction. Can be inverted with invertYAxis, and restricted to a range with minTranslateY and maxTranslateY.

##### Type:

- number

Inherited From:
  - TranslateComposer#translateY
Default Value:
  - 0
Source:
  - composer/translate-composer.js, line 190