blockly > Bubble

Bubble class

The abstract pop-up bubble class. This creates a UI that looks like a speech bubble, where it has a "tail" that points to the block, and a "head" that displays arbitrary svg elements.

Signature:

export declare abstract class Bubble implements IBubble 

Implements: IBubble

Constructors

Constructor	Modifiers	Description
(constructor)(workspace, anchor, ownerRect)		Constructs a new instance of the Bubble class

Properties

Property	Modifiers	Type	Description
ANCHOR_RADIUS	static readonly	(not declared)	Distance between arrow point and anchor point.
anchor	protected	Coordinate
BORDER_WIDTH	static readonly	(not declared)	The width of the border around the bubble.
contentContainer	protected	SVGGElement	The SVG group containing the contents of the bubble.
disposed		boolean	True if the bubble has been disposed, false otherwise.
DOUBLE_BORDER	static readonly	number	Double the width of the border around the bubble.
MIN_SIZE	static readonly	number	The minimum size the bubble can have.
ownerRect?	protected	Rect | undefined	(Optional)
svgRoot	protected	SVGGElement	The SVG group containing all parts of the bubble.
TAIL_ANGLE	static readonly	(not declared)	The number of degrees that the tail bends counter-clockwise.
TAIL_BEND	static readonly	(not declared)	The sharpness of the tail's bend. Higher numbers result in smoother tails.
TAIL_THICKNESS	static readonly	(not declared)	The thickness of the base of the tail in relation to the size of the bubble. Higher numbers result in thinner tails.
workspace	protected readonly	WorkspaceSvg

Methods

Method	Modifiers	Description
dispose()		Dispose of this bubble.
getColour()	protected	Returns the colour of the background and tail of this bubble.
getSize()	protected
positionByRect(rect)	protected	Positions the bubble "optimally" so that the most of it is visible and it does not overlap the rect (if provided).
positionRelativeToAnchor()	protected	Positions the bubble relative to its anchor. Does not render its tail.
setAnchorLocation(anchor, relayout)		Set the location the tail of this bubble points to.
setColour(colour)		Sets the colour of the background and tail of this bubble.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		Sets the position of this bubble relative to its anchor.
setSize(size, relayout)	protected	Sets the size of this bubble, including the border.