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