mirror of
https://github.com/google/blockly.git
synced 2026-01-08 17:40:09 +01:00
chore: remove underscores from private properties and methods in keyboard nav and rendering (#6975)
* chore: remove underscores in keyboard navigation * chore: remove private underscores from renderers
This commit is contained in:
@@ -279,7 +279,7 @@ export class ConstantProvider {
|
||||
* The defs tag that contains all filters and patterns for this Blockly
|
||||
* instance.
|
||||
*/
|
||||
private defs_: SVGElement|null = null;
|
||||
private defs: SVGElement|null = null;
|
||||
|
||||
/**
|
||||
* The ID of the emboss filter, or the empty string if no filter is set.
|
||||
@@ -287,7 +287,7 @@ export class ConstantProvider {
|
||||
embossFilterId = '';
|
||||
|
||||
/** The <filter> element to use for highlighting, or null if not set. */
|
||||
private embossFilter_: SVGElement|null = null;
|
||||
private embossFilter: SVGElement|null = null;
|
||||
|
||||
/**
|
||||
* The ID of the disabled pattern, or the empty string if no pattern is set.
|
||||
@@ -297,7 +297,7 @@ export class ConstantProvider {
|
||||
/**
|
||||
* The <pattern> element to use for disabled blocks, or null if not set.
|
||||
*/
|
||||
private disabledPattern_: SVGElement|null = null;
|
||||
private disabledPattern: SVGElement|null = null;
|
||||
|
||||
/**
|
||||
* The ID of the debug filter, or the empty string if no pattern is set.
|
||||
@@ -307,10 +307,10 @@ export class ConstantProvider {
|
||||
/**
|
||||
* The <filter> element to use for a debug highlight, or null if not set.
|
||||
*/
|
||||
private debugFilter_: SVGElement|null = null;
|
||||
private debugFilter: SVGElement|null = null;
|
||||
|
||||
/** The <style> element to use for injecting renderer specific CSS. */
|
||||
private cssNode_: HTMLStyleElement|null = null;
|
||||
private cssNode: HTMLStyleElement|null = null;
|
||||
|
||||
/**
|
||||
* Cursor colour.
|
||||
@@ -663,16 +663,16 @@ export class ConstantProvider {
|
||||
* Delete all DOM elements that this provider created.
|
||||
*/
|
||||
dispose() {
|
||||
if (this.embossFilter_) {
|
||||
dom.removeNode(this.embossFilter_);
|
||||
if (this.embossFilter) {
|
||||
dom.removeNode(this.embossFilter);
|
||||
}
|
||||
if (this.disabledPattern_) {
|
||||
dom.removeNode(this.disabledPattern_);
|
||||
if (this.disabledPattern) {
|
||||
dom.removeNode(this.disabledPattern);
|
||||
}
|
||||
if (this.debugFilter_) {
|
||||
dom.removeNode(this.debugFilter_);
|
||||
if (this.debugFilter) {
|
||||
dom.removeNode(this.debugFilter);
|
||||
}
|
||||
this.cssNode_ = null;
|
||||
this.cssNode = null;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -887,7 +887,7 @@ export class ConstantProvider {
|
||||
... filters go here ...
|
||||
</defs>
|
||||
*/
|
||||
this.defs_ = dom.createSvgElement(Svg.DEFS, {}, svg);
|
||||
this.defs = dom.createSvgElement(Svg.DEFS, {}, svg);
|
||||
/*
|
||||
<filter id="blocklyEmbossFilter837493">
|
||||
<feGaussianBlur in="SourceAlpha" stdDeviation="1" result="blur" />
|
||||
@@ -904,7 +904,7 @@ export class ConstantProvider {
|
||||
*/
|
||||
const embossFilter = dom.createSvgElement(
|
||||
Svg.FILTER, {'id': 'blocklyEmbossFilter' + this.randomIdentifier},
|
||||
this.defs_);
|
||||
this.defs);
|
||||
dom.createSvgElement(
|
||||
Svg.FEGAUSSIANBLUR,
|
||||
{'in': 'SourceAlpha', 'stdDeviation': 1, 'result': 'blur'},
|
||||
@@ -942,7 +942,7 @@ export class ConstantProvider {
|
||||
},
|
||||
embossFilter);
|
||||
this.embossFilterId = embossFilter.id;
|
||||
this.embossFilter_ = embossFilter;
|
||||
this.embossFilter = embossFilter;
|
||||
|
||||
/*
|
||||
<pattern id="blocklyDisabledPattern837493"
|
||||
@@ -958,14 +958,14 @@ export class ConstantProvider {
|
||||
'width': 10,
|
||||
'height': 10,
|
||||
},
|
||||
this.defs_);
|
||||
this.defs);
|
||||
dom.createSvgElement(
|
||||
Svg.RECT, {'width': 10, 'height': 10, 'fill': '#aaa'}, disabledPattern);
|
||||
dom.createSvgElement(
|
||||
Svg.PATH, {'d': 'M 0 0 L 10 10 M 10 0 L 0 10', 'stroke': '#cc0'},
|
||||
disabledPattern);
|
||||
this.disabledPatternId = disabledPattern.id;
|
||||
this.disabledPattern_ = disabledPattern;
|
||||
this.disabledPattern = disabledPattern;
|
||||
|
||||
this.createDebugFilter();
|
||||
}
|
||||
@@ -976,7 +976,7 @@ export class ConstantProvider {
|
||||
*/
|
||||
private createDebugFilter() {
|
||||
// Only create the debug filter once.
|
||||
if (!this.debugFilter_) {
|
||||
if (!this.debugFilter) {
|
||||
const debugFilter = dom.createSvgElement(
|
||||
Svg.FILTER, {
|
||||
'id': 'blocklyDebugFilter' + this.randomIdentifier,
|
||||
@@ -985,7 +985,7 @@ export class ConstantProvider {
|
||||
'y': '-30%',
|
||||
'x': '-40%',
|
||||
},
|
||||
this.defs_);
|
||||
this.defs);
|
||||
// Set all gaussian blur pixels to 1 opacity before applying flood
|
||||
const debugComponentTransfer = dom.createSvgElement(
|
||||
Svg.FECOMPONENTTRANSFER, {'result': 'outBlur'}, debugFilter);
|
||||
@@ -1010,7 +1010,7 @@ export class ConstantProvider {
|
||||
},
|
||||
debugFilter);
|
||||
this.debugFilterId = debugFilter.id;
|
||||
this.debugFilter_ = debugFilter;
|
||||
this.debugFilter = debugFilter;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1023,11 +1023,11 @@ export class ConstantProvider {
|
||||
protected injectCSS_(tagName: string, selector: string) {
|
||||
const cssArray = this.getCSS_(selector);
|
||||
const cssNodeId = 'blockly-renderer-style-' + tagName;
|
||||
this.cssNode_ = document.getElementById(cssNodeId) as HTMLStyleElement;
|
||||
this.cssNode = document.getElementById(cssNodeId) as HTMLStyleElement;
|
||||
const text = cssArray.join('\n');
|
||||
if (this.cssNode_) {
|
||||
if (this.cssNode) {
|
||||
// Already injected, update if the theme changed.
|
||||
this.cssNode_.firstChild!.textContent = text;
|
||||
this.cssNode.firstChild!.textContent = text;
|
||||
return;
|
||||
}
|
||||
// Inject CSS tag at start of head.
|
||||
@@ -1036,7 +1036,7 @@ export class ConstantProvider {
|
||||
const cssTextNode = document.createTextNode(text);
|
||||
cssNode.appendChild(cssTextNode);
|
||||
document.head.insertBefore(cssNode, document.head.firstChild);
|
||||
this.cssNode_ = cssNode;
|
||||
this.cssNode = cssNode;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -48,7 +48,7 @@ export class MarkerSvg {
|
||||
* The workspace, field, or block that the marker SVG element should be
|
||||
* attached to.
|
||||
*/
|
||||
private parent_: IASTNodeLocationSvg|null = null;
|
||||
private parent: IASTNodeLocationSvg|null = null;
|
||||
|
||||
/** The current SVG element for the marker. */
|
||||
currentMarkerSvg: SVGElement|null = null;
|
||||
@@ -135,17 +135,17 @@ export class MarkerSvg {
|
||||
*/
|
||||
protected setParent_(newParent: IASTNodeLocationSvg) {
|
||||
if (!this.isCursor()) {
|
||||
if (this.parent_) {
|
||||
this.parent_.setMarkerSvg(null);
|
||||
if (this.parent) {
|
||||
this.parent.setMarkerSvg(null);
|
||||
}
|
||||
newParent.setMarkerSvg(this.getSvgRoot());
|
||||
} else {
|
||||
if (this.parent_) {
|
||||
this.parent_.setCursorSvg(null);
|
||||
if (this.parent) {
|
||||
this.parent.setCursorSvg(null);
|
||||
}
|
||||
newParent.setCursorSvg(this.getSvgRoot());
|
||||
}
|
||||
this.parent_ = newParent;
|
||||
this.parent = newParent;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -169,7 +169,7 @@ export class MarkerSvg {
|
||||
|
||||
this.showAtLocation_(curNode);
|
||||
|
||||
this.fireMarkerEvent_(oldNode, curNode);
|
||||
this.fireMarkerEvent(oldNode, curNode);
|
||||
|
||||
// Ensures the marker will be visible immediately after the move.
|
||||
const animate = this.currentMarkerSvg!.childNodes[0];
|
||||
@@ -216,7 +216,7 @@ export class MarkerSvg {
|
||||
*
|
||||
* @param curNode The node to draw the marker for.
|
||||
*/
|
||||
private showWithBlockPrevOutput_(curNode: ASTNode) {
|
||||
private showWithBlockPrevOutput(curNode: ASTNode) {
|
||||
const block = curNode.getSourceBlock() as BlockSvg;
|
||||
const width = block.width;
|
||||
const height = block.height;
|
||||
@@ -245,7 +245,7 @@ export class MarkerSvg {
|
||||
* @param curNode The node to draw the marker for.
|
||||
*/
|
||||
protected showWithBlock_(curNode: ASTNode) {
|
||||
this.showWithBlockPrevOutput_(curNode);
|
||||
this.showWithBlockPrevOutput(curNode);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -254,7 +254,7 @@ export class MarkerSvg {
|
||||
* @param curNode The node to draw the marker for.
|
||||
*/
|
||||
protected showWithPrevious_(curNode: ASTNode) {
|
||||
this.showWithBlockPrevOutput_(curNode);
|
||||
this.showWithBlockPrevOutput(curNode);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -263,7 +263,7 @@ export class MarkerSvg {
|
||||
* @param curNode The node to draw the marker for.
|
||||
*/
|
||||
protected showWithOutput_(curNode: ASTNode) {
|
||||
this.showWithBlockPrevOutput_(curNode);
|
||||
this.showWithBlockPrevOutput(curNode);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -402,7 +402,7 @@ export class MarkerSvg {
|
||||
}
|
||||
this.markerBlock_.setAttribute('d', markerPath);
|
||||
if (this.workspace.RTL) {
|
||||
this.flipRtl_(this.markerBlock_);
|
||||
this.flipRtl(this.markerBlock_);
|
||||
}
|
||||
this.currentMarkerSvg = this.markerBlock_;
|
||||
}
|
||||
@@ -467,7 +467,7 @@ export class MarkerSvg {
|
||||
svgPaths.lineOnAxis('H', width);
|
||||
this.markerBlock_.setAttribute('d', markerPath);
|
||||
if (this.workspace.RTL) {
|
||||
this.flipRtl_(this.markerBlock_);
|
||||
this.flipRtl(this.markerBlock_);
|
||||
}
|
||||
this.currentMarkerSvg = this.markerBlock_;
|
||||
}
|
||||
@@ -497,7 +497,7 @@ export class MarkerSvg {
|
||||
svgPaths.lineOnAxis('V', markerHeight);
|
||||
this.markerBlock_.setAttribute('d', markerPath);
|
||||
if (this.workspace.RTL) {
|
||||
this.flipRtl_(this.markerBlock_);
|
||||
this.flipRtl(this.markerBlock_);
|
||||
}
|
||||
this.currentMarkerSvg = this.markerBlock_;
|
||||
}
|
||||
@@ -527,7 +527,7 @@ export class MarkerSvg {
|
||||
*
|
||||
* @param markerSvg The marker that we want to flip.
|
||||
*/
|
||||
private flipRtl_(markerSvg: SVGElement) {
|
||||
private flipRtl(markerSvg: SVGElement) {
|
||||
markerSvg.setAttribute('transform', 'scale(-1 1)');
|
||||
}
|
||||
|
||||
@@ -549,7 +549,7 @@ export class MarkerSvg {
|
||||
* @param oldNode The old node the marker used to be on.
|
||||
* @param curNode The new node the marker is currently on.
|
||||
*/
|
||||
private fireMarkerEvent_(oldNode: ASTNode, curNode: ASTNode) {
|
||||
private fireMarkerEvent(oldNode: ASTNode, curNode: ASTNode) {
|
||||
const curBlock = curNode.getSourceBlock();
|
||||
const event = new (eventUtils.get(eventUtils.MARKER_MOVE))(
|
||||
curBlock, this.isCursor(), oldNode, curNode);
|
||||
|
||||
Reference in New Issue
Block a user