Class: OverlayController

Defined in: src/editor/overlayController.tsx:102

Controls UI overlays for the canvases, including dialogs and tasks.

Properties

Property	Modifier	Type
events	readonly	Events<OverlayControllerEvents>

Accessors

openedDialog

Get Signature

get openedDialog(): undefined | OverlayDialog

Defined in: src/editor/overlayController.tsx:153

Currently open dialog.

Returns undefined if no dialog is opened.

Returns

undefined | OverlayDialog

Methods

hideDialog()

hideDialog(): void

Defined in: src/editor/overlayController.tsx:415

Closes currently open dialog if any is active.

Returns

void

See

showDialog

---

showDialog()

showDialog(params): void

Defined in: src/editor/overlayController.tsx:313

Shows on-canvas dialog anchored to the target element or link.

Parameters

Parameter	Type	Description
params	{ content: ReactElement<any>; dialogType?: OverlayDialogType; holdSelection?: boolean; onClose?: () => void; style: DialogStyleProps; target?: Element | Link; }	‐
params.content	ReactElement<any>	Dialog content.
params.dialogType?	OverlayDialogType	Well-known dialog type to check later if a specific dialog is currently open.
params.holdSelection?	boolean	Whether to prevent selection changes while dialog is open. Default false
params.onClose?	() => void	Callback which is called when dialog is closed for any reason (e.g. when another dialog is opened).
params.style	DialogStyleProps	Dialog style, placement and sizing options.
params.target?	Element | Link	Element or link to anchor dialog to.

Returns

void

See

hideDialog

---

showSpinnerWhile()

showSpinnerWhile(operation): void

Defined in: src/editor/overlayController.tsx:251

Creates a task via startTask for the operation defined by a Promise.

Parameters

Parameter	Type
operation	Promise<unknown>

Returns

void

See

startTask

---

startTask()

startTask(params): OverlayTask

Defined in: src/editor/overlayController.tsx:196

Starts a new foreground task which blocks canvas interaction and displays a loading indicator until the task has ended.

If multiple tasks are started at any given time, an indicator will be shown while at least one of them is still active.

Parameters

Parameter	Type	Description
params	{ delay?: number; title?: string; }	‐
params.delay?	number	Delay in milliseconds before displaying loading indicator to avoid showing it in case the task ends quickly. Default 0
params.title?	string	Task title to display.

Returns

OverlayTask