Skip to main content

Class: PathObject

Defined in: packages/blockly/core/renderers/common/path_object.ts:22

An object that handles creating and setting each of the SVG elements used by the renderer.

Extended by​

Implements​

Properties index​

PropertyDescription
svgRoot-
svgPathThe primary path of the block.
constantsThe renderer's constant provider.
styleThe primary path of the block.

Methods index​

MethodDescription
setPathSet the path generated by the renderer onto the respective SVG element.
flipRTLFlip the SVG paths in RTL.
applyColourApply the stored colours to the block's path, taking into account whether the paths belong to a shadow block.
setStyleSet the style.
setClass_Add or remove the given CSS class on the path object's root SVG element.
updateHighlightedSet whether the block shows a highlight or not. Block highlighting is often used to visually mark blocks currently being executed.
updateShadow_Updates the look of the block to reflect a shadow state.
updateDisabled_Updates the look of the block to reflect a disabled state.
updateSelectedAdd or remove styling showing that a block is selected.
updateDraggingDeleteAdd or remove styling showing that a block is dragged over a delete area.
updateInsertionMarkerAdd or remove styling showing that a block is an insertion marker.
updateMovableAdd or remove styling showing that a block is movable.
updateReplacingAdd or remove styling indicating that a block will be bumped out and replaced by another block that is mid-move.
addConnectionHighlightAdds the given path as a connection highlight for the given connection.
removeConnectionHighlightRemoves any highlight associated with the given connection, if it exists.

Constructors​

Constructor​

new PathObject(
root,
style,
constants
): PathObject;

Defined in: packages/blockly/core/renderers/common/path_object.ts:40

Parameters​

ParameterTypeDescription
rootSVGElementThe root SVG element.
styleBlockStyleThe style object to use for colouring.
constantsConstantProviderThe renderer's constants.

Returns​

PathObject

Properties​

svgRoot​

svgRoot: SVGElement;

Defined in: packages/blockly/core/renderers/common/path_object.ts:23


svgPath​

svgPath: SVGElement;

Defined in: packages/blockly/core/renderers/common/path_object.ts:24

The primary path of the block.

Implementation of​

IPathObject.svgPath


constants​

constants: ConstantProvider;

Defined in: packages/blockly/core/renderers/common/path_object.ts:26

The renderer's constant provider.

Implementation of​

IPathObject.constants


style​

style: BlockStyle;

Defined in: packages/blockly/core/renderers/common/path_object.ts:27

The primary path of the block.

Implementation of​

IPathObject.style

Methods​

setPath()​

setPath(pathString): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:64

Set the path generated by the renderer onto the respective SVG element.

Parameters​

ParameterTypeDescription
pathStringstringThe path.

Returns​

void

Implementation of​

IPathObject.setPath


flipRTL()​

flipRTL(): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:71

Flip the SVG paths in RTL.

Returns​

void

Implementation of​

IPathObject.flipRTL


applyColour()​

applyColour(block): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:82

Apply the stored colours to the block's path, taking into account whether the paths belong to a shadow block.

Parameters​

ParameterTypeDescription
blockBlockSvgThe source block.

Returns​

void

Implementation of​

IPathObject.applyColour


setStyle()​

setStyle(blockStyle): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:95

Set the style.

Parameters​

ParameterTypeDescription
blockStyleBlockStyleThe block style to use.

Returns​

void

Implementation of​

IPathObject.setStyle


setClass_()​

protected setClass_(className, add): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:106

Add or remove the given CSS class on the path object's root SVG element.

Parameters​

ParameterTypeDescription
classNamestringThe name of the class to add or remove
addbooleanTrue if the class should be added. False if it should be removed.

Returns​

void


updateHighlighted()​

updateHighlighted(enable): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:124

Set whether the block shows a highlight or not. Block highlighting is often used to visually mark blocks currently being executed.

Parameters​

ParameterTypeDescription
enablebooleanTrue if highlighted.

Returns​

void

Implementation of​

IPathObject.updateHighlighted


updateShadow_()​

protected updateShadow_(shadow): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:137

Updates the look of the block to reflect a shadow state.

Parameters​

ParameterTypeDescription
shadowbooleanTrue if the block is a shadow block.

Returns​

void


updateDisabled_()​

protected updateDisabled_(disabled): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:152

Updates the look of the block to reflect a disabled state.

Parameters​

ParameterTypeDescription
disabledbooleanTrue if disabled.

Returns​

void


updateSelected()​

updateSelected(enable): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:162

Add or remove styling showing that a block is selected.

Parameters​

ParameterTypeDescription
enablebooleanTrue if selection is enabled, false otherwise.

Returns​

void

Implementation of​

IPathObject.updateSelected


updateDraggingDelete()​

updateDraggingDelete(enable): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:172

Add or remove styling showing that a block is dragged over a delete area.

Parameters​

ParameterTypeDescription
enablebooleanTrue if the block is being dragged over a delete area, false otherwise.

Returns​

void

Implementation of​

IPathObject.updateDraggingDelete


updateInsertionMarker()​

updateInsertionMarker(enable): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:181

Add or remove styling showing that a block is an insertion marker.

Parameters​

ParameterTypeDescription
enablebooleanTrue if the block is an insertion marker, false otherwise.

Returns​

void

Implementation of​

IPathObject.updateInsertionMarker


updateMovable()​

updateMovable(enable): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:190

Add or remove styling showing that a block is movable.

Parameters​

ParameterTypeDescription
enablebooleanTrue if the block is movable, false otherwise.

Returns​

void

Implementation of​

IPathObject.updateMovable


updateReplacing()​

updateReplacing(replacing): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:201

Add or remove styling indicating that a block will be bumped out and replaced by another block that is mid-move.

Parameters​

ParameterTypeDescription
replacingbooleanTrue if the block is at risk of being replaced, false otherwise.

Returns​

void

Implementation of​

IPathObject.updateReplacing


addConnectionHighlight()​

addConnectionHighlight(
connection,
connectionPath,
offset,
rtl
): SVGElement;

Defined in: packages/blockly/core/renderers/common/path_object.ts:206

Adds the given path as a connection highlight for the given connection.

Parameters​

ParameterType
connectionRenderedConnection
connectionPathstring
offsetCoordinate
rtlboolean

Returns​

SVGElement

Implementation of​

IPathObject.addConnectionHighlight


removeConnectionHighlight()​

removeConnectionHighlight(connection): void;

Defined in: packages/blockly/core/renderers/common/path_object.ts:241

Removes any highlight associated with the given connection, if it exists.

Parameters​

ParameterType
connectionRenderedConnection

Returns​

void

Implementation of​

IPathObject.removeConnectionHighlight