bubbles.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, ISelectable
Implements: IBubble, ISelectable
Constructors
| Constructor | Modifiers | Description |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect) | Constructs a new instance of the Bubble class |
Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(not declared) | Distance between arrow point and anchor point. |
| anchor | protected |
Coordinate | |
| BORDER_WIDTH |
|
(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 |
|
number | Double the width of the border around the bubble. |
| id | string | ||
| MIN_SIZE |
|
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 |
|
(not declared) | The number of degrees that the tail bends counter-clockwise. |
| TAIL_BEND |
|
(not declared) | The sharpness of the tail's bend. Higher numbers result in smoother tails. |
| TAIL_THICKNESS |
|
(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 | readonly |
WorkspaceSvg |
Methods
| Method | Modifiers | Description |
|---|---|---|
| dispose() | Dispose of this bubble. | |
| drag(newLoc) | Drags the bubble to the given location. | |
| endDrag() | Ends the drag on the bubble. | |
| getColour() | protected |
Returns the colour of the background and tail of this bubble. |
| getSize() | protected |
|
| isMovable() | Returns whether this bubble is movable or not. | |
| 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. |
| revertDrag() | Moves the bubble back to where it was at the start of a drag. | |
| select() | ||
| 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. |
| startDrag() | Starts a drag on the bubble. | |
| unselect() |