ArrowBindingUtil • tldraw Docs

Table of contents

migrations
props
type
editor
Properties
Methods

Extends BindingUtil<TLArrowBinding>.

class ArrowBindingUtil extends BindingUtil<TLArrowBinding> {}

Constructor

from BindingUtil

Constructs a new instance of the BindingUtil class

Parameters

Name	Description
`editor`	`Editor`

Properties

migrations

static

static migrations: import('@tldraw/editor').TLPropsMigrations

props

static

static props: import('@tldraw/editor').RecordProps<TLArrowBinding>

type

static

static type: string

editor

from BindingUtil

editor: Editor

Methods

getDefaultProps()

getDefaultProps(): Partial<TLArrowBindingProps>

onAfterChange()

onAfterChange({ bindingAfter }: BindingOnChangeOptions<TLArrowBinding>): void

Parameters

Name	Description
`{ bindingAfter }`	`BindingOnChangeOptions<TLArrowBinding>`

Returns

void

onAfterChangeFromShape()

onAfterChangeFromShape({
  shapeAfter,
}: BindingOnShapeChangeOptions<TLArrowBinding>): void

Parameters

Name	Description
`{ shapeAfter, }`	`BindingOnShapeChangeOptions<TLArrowBinding>`

Returns

void

onAfterChangeToShape()

onAfterChangeToShape({
  binding,
}: BindingOnShapeChangeOptions<TLArrowBinding>): void

Parameters

Name	Description
`{ binding }`	`BindingOnShapeChangeOptions<TLArrowBinding>`

Returns

void

onAfterCreate()

onAfterCreate({ binding }: BindingOnCreateOptions<TLArrowBinding>): void

Parameters

Name	Description
`{ binding }`	`BindingOnCreateOptions<TLArrowBinding>`

Returns

void

onAfterDelete()

optional

from BindingUtil

Called after a binding has been deleted. See BindingOnDeleteOptions for details.

onAfterDelete?(options: BindingOnDeleteOptions<Binding>): void

Parameters

Name	Description
`options`	`BindingOnDeleteOptions<Binding>`

Returns

void

onBeforeChange()

optional

from BindingUtil

Called when a binding is about to be changed. See BindingOnChangeOptions for details.

Note that this only fires when the binding record is changing, not when the shapes associated change. Use BindingUtil.onAfterChangeFromShape and BindingUtil.onAfterChangeToShape for that.

You can optionally return a new binding to replace the one being changed - for example, to enforce constraints on the binding's props.

onBeforeChange?(options: BindingOnChangeOptions<Binding>): Binding | void

Parameters

Name	Description
`options`	`BindingOnChangeOptions<Binding>`

Returns

Binding | void

onBeforeCreate()

optional

from BindingUtil

Called when a binding is about to be created. See BindingOnCreateOptions for details.

You can optionally return a new binding to replace the one being created - for example, to set different initial props.

onBeforeCreate?(options: BindingOnCreateOptions<Binding>): Binding | void

Parameters

Name	Description
`options`	`BindingOnCreateOptions<Binding>`

Returns

Binding | void

onBeforeDelete()

optional

from BindingUtil

Called when a binding is about to be deleted. See BindingOnDeleteOptions for details.

onBeforeDelete?(options: BindingOnDeleteOptions<Binding>): void

Parameters

Name	Description
`options`	`BindingOnDeleteOptions<Binding>`

Returns

void

onBeforeDeleteFromShape()

optional

from BindingUtil

Called before the shape referenced in a binding's fromId is about to be deleted. Use this with care - you may want to use BindingUtil.onBeforeIsolateToShape instead. See BindingOnShapeDeleteOptions for details.

onBeforeDeleteFromShape?(options: BindingOnShapeDeleteOptions<Binding>): void

Parameters

Name	Description
`options`	`BindingOnShapeDeleteOptions<Binding>`

Returns

void

onBeforeDeleteToShape()

optional

from BindingUtil

Called before the shape referenced in a binding's toId is about to be deleted. Use this with care - you may want to use BindingUtil.onBeforeIsolateFromShape instead. See BindingOnShapeDeleteOptions for details.

onBeforeDeleteToShape?(options: BindingOnShapeDeleteOptions<Binding>): void

Parameters

Name	Description
`options`	`BindingOnShapeDeleteOptions<Binding>`

Returns

void

onBeforeIsolateFromShape()

onBeforeIsolateFromShape({
  binding,
}: BindingOnShapeIsolateOptions<TLArrowBinding>): void

Parameters

Name	Description
`{ binding, }`	`BindingOnShapeIsolateOptions<TLArrowBinding>`

Returns

void

onBeforeIsolateToShape()

optional

from BindingUtil

Called before the shape referenced in a binding's toId is about to be isolated from the shape referenced in fromId. See BindingOnShapeIsolateOptions for discussion on what isolation means, and when/how to use this callback.

onBeforeIsolateToShape?(options: BindingOnShapeIsolateOptions<Binding>): void

Parameters

Name	Description
`options`	`BindingOnShapeIsolateOptions<Binding>`

Returns

void

onOperationComplete()

optional

from BindingUtil

Called whenever a store operation involving this binding type has completed. This is useful for working with networks of related bindings that may need to update together.

onOperationComplete?(): void

Example

class MyBindingUtil extends BindingUtil<MyBinding> {
  changedBindingIds = new Set<TLBindingId>()

  onOperationComplete() {
    doSomethingWithChangedBindings(this.changedBindingIds)
    this.changedBindingIds.clear()
  }

  onAfterChange({ bindingAfter }: BindingOnChangeOptions<MyBinding>) {
    this.changedBindingIds.add(bindingAfter.id)
  }
}