diff --git a/src/ol/webgl/ShaderBuilder.js b/src/ol/webgl/ShaderBuilder.js
index 41e7cd8f0d7..60097c2b202 100644
--- a/src/ol/webgl/ShaderBuilder.js
+++ b/src/ol/webgl/ShaderBuilder.js
@@ -42,93 +42,93 @@ export class ShaderBuilder {
      * @type {Array<string>}
      * @private
      */
-    this.uniforms = [];
+    this.uniforms_ = [];
 
     /**
      * Attributes; these will be declared in the header (should include the type).
      * @type {Array<string>}
      * @private
      */
-    this.attributes = [];
+    this.attributes_ = [];
 
     /**
      * Varyings with a name, a type and an expression.
      * @type {Array<VaryingDescription>}
      * @private
      */
-    this.varyings = [];
+    this.varyings_ = [];
 
     /**
      * @type {string}
      * @private
      */
-    this.symbolSizeExpression = 'vec2(1.0)';
+    this.symbolSizeExpression_ = 'vec2(1.0)';
 
     /**
      * @type {string}
      * @private
      */
-    this.symbolRotationExpression = '0.0';
+    this.symbolRotationExpression_ = '0.0';
 
     /**
      * @type {string}
      * @private
      */
-    this.symbolOffsetExpression = 'vec2(0.0)';
+    this.symbolOffsetExpression_ = 'vec2(0.0)';
 
     /**
      * @type {string}
      * @private
      */
-    this.symbolColorExpression = 'vec4(1.0)';
+    this.symbolColorExpression_ = 'vec4(1.0)';
 
     /**
      * @type {string}
      * @private
      */
-    this.texCoordExpression = 'vec4(0.0, 0.0, 1.0, 1.0)';
+    this.texCoordExpression_ = 'vec4(0.0, 0.0, 1.0, 1.0)';
 
     /**
      * @type {string}
      * @private
      */
-    this.discardExpression = 'false';
+    this.discardExpression_ = 'false';
 
     /**
      * @type {boolean}
      * @private
      */
-    this.symbolRotateWithView = false;
+    this.symbolRotateWithView_ = false;
 
     /**
      * @type {string}
      * @private
      */
-    this.strokeWidthExpression = '1.0';
+    this.strokeWidthExpression_ = '1.0';
 
     /**
      * @type {string}
      * @private
      */
-    this.strokeColorExpression = 'vec4(1.0)';
+    this.strokeColorExpression_ = 'vec4(1.0)';
 
     /**
      * @type {string}
      * @private
      */
-    this.fillColorExpression = 'vec4(1.0)';
+    this.fillColorExpression_ = 'vec4(1.0)';
 
     /**
      * @type {Array<string>}
      * @private
      */
-    this.vertexShaderFunctions = [];
+    this.vertexShaderFunctions_ = [];
 
     /**
      * @type {Array<string>}
      * @private
      */
-    this.fragmentShaderFunctions = [];
+    this.fragmentShaderFunctions_ = [];
   }
 
   /**
@@ -138,7 +138,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   addUniform(name) {
-    this.uniforms.push(name);
+    this.uniforms_.push(name);
     return this;
   }
 
@@ -149,7 +149,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   addAttribute(name) {
-    this.attributes.push(name);
+    this.attributes_.push(name);
     return this;
   }
 
@@ -162,7 +162,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   addVarying(name, type, expression) {
-    this.varyings.push({
+    this.varyings_.push({
       name: name,
       type: type,
       expression: expression,
@@ -178,7 +178,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setSymbolSizeExpression(expression) {
-    this.symbolSizeExpression = expression;
+    this.symbolSizeExpression_ = expression;
     return this;
   }
 
@@ -190,7 +190,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setSymbolRotationExpression(expression) {
-    this.symbolRotationExpression = expression;
+    this.symbolRotationExpression_ = expression;
     return this;
   }
 
@@ -203,7 +203,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setSymbolOffsetExpression(expression) {
-    this.symbolOffsetExpression = expression;
+    this.symbolOffsetExpression_ = expression;
     return this;
   }
 
@@ -215,7 +215,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setSymbolColorExpression(expression) {
-    this.symbolColorExpression = expression;
+    this.symbolColorExpression_ = expression;
     return this;
   }
 
@@ -227,7 +227,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setTextureCoordinateExpression(expression) {
-    this.texCoordExpression = expression;
+    this.texCoordExpression_ = expression;
     return this;
   }
 
@@ -241,7 +241,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setFragmentDiscardExpression(expression) {
-    this.discardExpression = expression;
+    this.discardExpression_ = expression;
     return this;
   }
 
@@ -252,7 +252,7 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setSymbolRotateWithView(rotateWithView) {
-    this.symbolRotateWithView = rotateWithView;
+    this.symbolRotateWithView_ = rotateWithView;
     return this;
   }
 
@@ -261,31 +261,31 @@ export class ShaderBuilder {
    * @return {ShaderBuilder} the builder object
    */
   setStrokeWidthExpression(expression) {
-    this.strokeWidthExpression = expression;
+    this.strokeWidthExpression_ = expression;
     return this;
   }
 
   setStrokeColorExpression(expression) {
-    this.strokeColorExpression = expression;
+    this.strokeColorExpression_ = expression;
     return this;
   }
 
   setFillColorExpression(expression) {
-    this.fillColorExpression = expression;
+    this.fillColorExpression_ = expression;
     return this;
   }
 
   addVertexShaderFunction(code) {
-    if (this.vertexShaderFunctions.includes(code)) {
+    if (this.vertexShaderFunctions_.includes(code)) {
       return;
     }
-    this.vertexShaderFunctions.push(code);
+    this.vertexShaderFunctions_.push(code);
   }
   addFragmentShaderFunction(code) {
-    if (this.fragmentShaderFunctions.includes(code)) {
+    if (this.fragmentShaderFunctions_.includes(code)) {
       return;
     }
-    this.fragmentShaderFunctions.push(code);
+    this.fragmentShaderFunctions_.push(code);
   }
 
   /**
@@ -305,12 +305,12 @@ export class ShaderBuilder {
    * @return {string} The full shader as a string.
    */
   getSymbolVertexShader(forHitDetection) {
-    const offsetMatrix = this.symbolRotateWithView
+    const offsetMatrix = this.symbolRotateWithView_
       ? 'u_offsetScaleMatrix * u_offsetRotateMatrix'
       : 'u_offsetScaleMatrix';
 
-    let attributes = this.attributes;
-    let varyings = this.varyings;
+    let attributes = this.attributes_;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       attributes = attributes.concat('vec4 a_hitColor');
@@ -328,7 +328,7 @@ uniform mat4 u_offsetRotateMatrix;
 uniform float u_time;
 uniform float u_zoom;
 uniform float u_resolution;
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -347,12 +347,12 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.vertexShaderFunctions.join('\n')}
+${this.vertexShaderFunctions_.join('\n')}
 void main(void) {
   mat4 offsetMatrix = ${offsetMatrix};
-  vec2 halfSize = ${this.symbolSizeExpression} * 0.5;
-  vec2 offset = ${this.symbolOffsetExpression};
-  float angle = ${this.symbolRotationExpression};
+  vec2 halfSize = ${this.symbolSizeExpression_} * 0.5;
+  vec2 offset = ${this.symbolOffsetExpression_};
+  float angle = ${this.symbolRotationExpression_};
   float offsetX;
   float offsetY;
   if (a_index == 0.0) {
@@ -370,7 +370,7 @@ void main(void) {
   }
   vec4 offsets = offsetMatrix * vec4(offsetX, offsetY, 0.0, 0.0);
   gl_Position = u_projectionMatrix * vec4(a_position, 0.0, 1.0) + offsets;
-  vec4 texCoord = ${this.texCoordExpression};
+  vec4 texCoord = ${this.texCoordExpression_};
   float u = a_index == 0.0 || a_index == 3.0 ? texCoord.s : texCoord.p;
   float v = a_index == 2.0 || a_index == 3.0 ? texCoord.t : texCoord.q;
   v_texCoord = vec2(u, v);
@@ -400,7 +400,7 @@ ${varyings
       ? '  if (gl_FragColor.a < 0.1) { discard; } gl_FragColor = v_hitColor;'
       : '';
 
-    let varyings = this.varyings;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       varyings = varyings.concat({
@@ -414,7 +414,7 @@ ${varyings
 uniform float u_time;
 uniform float u_zoom;
 uniform float u_resolution;
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -426,10 +426,10 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.fragmentShaderFunctions.join('\n')}
+${this.fragmentShaderFunctions_.join('\n')}
 void main(void) {
-  if (${this.discardExpression}) { discard; }
-  gl_FragColor = ${this.symbolColorExpression};
+  if (${this.discardExpression_}) { discard; }
+  gl_FragColor = ${this.symbolColorExpression_};
   gl_FragColor.rgb *= gl_FragColor.a;
 ${hitDetectionBypass}
 }`;
@@ -443,8 +443,8 @@ ${hitDetectionBypass}
    * @return {string} The full shader as a string.
    */
   getStrokeVertexShader(forHitDetection) {
-    let attributes = this.attributes;
-    let varyings = this.varyings;
+    let attributes = this.attributes_;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       attributes = attributes.concat('vec4 a_hitColor');
@@ -461,7 +461,7 @@ precision highp float;
 precision mediump float;
 #endif
 ${BASE_UNIFORMS}
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -486,7 +486,7 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.vertexShaderFunctions.join('\n')}
+${this.vertexShaderFunctions_.join('\n')}
 vec2 worldToPx(vec2 worldPos) {
   vec4 screenPos = u_projectionMatrix * vec4(worldPos, 0.0, 1.0);
   return (0.5 * screenPos.xy + 0.5) * u_viewportSizePx;
@@ -509,7 +509,7 @@ vec2 getOffsetDirection(vec2 normalPx, vec2 tangentPx, float joinAngle) {
 }
 
 void main(void) {
-  float lineWidth = ${this.strokeWidthExpression};
+  float lineWidth = ${this.strokeWidthExpression_};
   float anglePrecision = 1500.0;
   float paramShift = 10000.0;
   v_angleStart = fract(a_parameters / paramShift) * paramShift / anglePrecision;
@@ -547,7 +547,7 @@ ${varyings
       ? '  if (gl_FragColor.a < 0.1) { discard; } gl_FragColor = v_hitColor;'
       : '';
 
-    let varyings = this.varyings;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       varyings = varyings.concat({
@@ -563,7 +563,7 @@ precision highp float;
 precision mediump float;
 #endif
 ${BASE_UNIFORMS}
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -578,7 +578,7 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.fragmentShaderFunctions.join('\n')}
+${this.fragmentShaderFunctions_.join('\n')}
 vec2 pxToWorld(vec2 pxPos) {
   vec2 screenPos = 2.0 * pxPos / u_viewportSizePx - 1.0;
   return (u_screenToWorldMatrix * vec4(screenPos, 0.0, 1.0)).xy;
@@ -607,8 +607,8 @@ void main(void) {
     discard;
   }
   #endif
-  if (${this.discardExpression}) { discard; }
-  gl_FragColor = ${this.strokeColorExpression} * u_globalAlpha;
+  if (${this.discardExpression_}) { discard; }
+  gl_FragColor = ${this.strokeColorExpression_} * u_globalAlpha;
   gl_FragColor *= segmentDistanceField(v_currentPoint, v_segmentStart, v_segmentEnd, v_width);
 ${hitDetectionBypass}
 }`;
@@ -622,8 +622,8 @@ ${hitDetectionBypass}
    * @return {string} The full shader as a string.
    */
   getFillVertexShader(forHitDetection) {
-    let attributes = this.attributes;
-    let varyings = this.varyings;
+    let attributes = this.attributes_;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       attributes = attributes.concat('vec4 a_hitColor');
@@ -640,7 +640,7 @@ precision highp float;
 precision mediump float;
 #endif
 ${BASE_UNIFORMS}
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -656,7 +656,7 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.vertexShaderFunctions.join('\n')}
+${this.vertexShaderFunctions_.join('\n')}
 void main(void) {
   gl_Position = u_projectionMatrix * vec4(a_position, 0.0, 1.0);
 ${varyings
@@ -679,7 +679,7 @@ ${varyings
       ? '  if (gl_FragColor.a < 0.1) { discard; } gl_FragColor = v_hitColor;'
       : '';
 
-    let varyings = this.varyings;
+    let varyings = this.varyings_;
 
     if (forHitDetection) {
       varyings = varyings.concat({
@@ -695,7 +695,7 @@ precision highp float;
 precision mediump float;
 #endif
 ${BASE_UNIFORMS}
-${this.uniforms
+${this.uniforms_
   .map(function (uniform) {
     return 'uniform ' + uniform + ';';
   })
@@ -705,7 +705,7 @@ ${varyings
     return 'varying ' + varying.type + ' ' + varying.name + ';';
   })
   .join('\n')}
-${this.fragmentShaderFunctions.join('\n')}
+${this.fragmentShaderFunctions_.join('\n')}
 vec2 pxToWorld(vec2 pxPos) {
   vec2 screenPos = 2.0 * pxPos / u_viewportSizePx - 1.0;
   return (u_screenToWorldMatrix * vec4(screenPos, 0.0, 1.0)).xy;
@@ -725,8 +725,8 @@ void main(void) {
     discard;
   }
   #endif
-  if (${this.discardExpression}) { discard; }
-  gl_FragColor = ${this.fillColorExpression} * u_globalAlpha;
+  if (${this.discardExpression_}) { discard; }
+  gl_FragColor = ${this.fillColorExpression_} * u_globalAlpha;
 ${hitDetectionBypass}
 }`;
   }
diff --git a/test/browser/spec/ol/webgl/styleparser.test.js b/test/browser/spec/ol/webgl/styleparser.test.js
index 3f1c1a7452e..d0bc36bc915 100644
--- a/test/browser/spec/ol/webgl/styleparser.test.js
+++ b/test/browser/spec/ol/webgl/styleparser.test.js
@@ -32,29 +32,29 @@ describe('ol.webgl.styleparser', function () {
 
       const lowerUniformName = uniformNameForVariable('lower');
       const higherUniformName = uniformNameForVariable('higher');
-      expect(result.builder.uniforms).to.eql([
+      expect(result.builder.uniforms_).to.eql([
         `float ${lowerUniformName}`,
         `float ${higherUniformName}`,
       ]);
-      expect(result.builder.attributes).to.eql(['float a_population']);
-      expect(result.builder.varyings).to.eql([
+      expect(result.builder.attributes_).to.eql(['float a_population']);
+      expect(result.builder.varyings_).to.eql([
         {
           name: 'v_population',
           type: 'float',
           expression: 'a_population',
         },
       ]);
-      expect(result.builder.symbolColorExpression).to.eql(
+      expect(result.builder.symbolColorExpression_).to.eql(
         'vec4(vec4(0.2, 0.4, 0.6, 1.0).rgb, vec4(0.2, 0.4, 0.6, 1.0).a * 0.5 * 1.0)'
       );
-      expect(result.builder.symbolSizeExpression).to.eql(
+      expect(result.builder.symbolSizeExpression_).to.eql(
         `vec2(mix(4.0, 8.0, pow(clamp((a_population - ${lowerUniformName}) / (${higherUniformName} - ${lowerUniformName}), 0.0, 1.0), 1.0)))`
       );
-      expect(result.builder.symbolOffsetExpression).to.eql('vec2(0.0, 0.0)');
-      expect(result.builder.texCoordExpression).to.eql(
+      expect(result.builder.symbolOffsetExpression_).to.eql('vec2(0.0, 0.0)');
+      expect(result.builder.texCoordExpression_).to.eql(
         'vec4(0.0, 0.0, 1.0, 1.0)'
       );
-      expect(result.builder.symbolRotateWithView).to.eql(false);
+      expect(result.builder.symbolRotateWithView_).to.eql(false);
       expect(result.attributes.length).to.eql(1);
       expect(result.attributes[0].name).to.eql('population');
       expect(result.uniforms).to.have.property(lowerUniformName);
@@ -71,26 +71,26 @@ describe('ol.webgl.styleparser', function () {
         },
       });
 
-      expect(result.builder.attributes).to.eql(['float a_attr0']);
-      expect(result.builder.varyings).to.eql([
+      expect(result.builder.attributes_).to.eql(['float a_attr0']);
+      expect(result.builder.varyings_).to.eql([
         {
           name: 'v_attr0',
           type: 'float',
           expression: 'a_attr0',
         },
       ]);
-      expect(result.builder.symbolColorExpression).to.eql(
+      expect(result.builder.symbolColorExpression_).to.eql(
         'vec4(vec4(0.2, 0.4, 0.6, 1.0).rgb, vec4(0.2, 0.4, 0.6, 1.0).a * 1.0 * 1.0)'
       );
-      expect(result.builder.symbolSizeExpression).to.eql('vec2(6.0)');
-      expect(result.builder.symbolOffsetExpression).to.eql('vec2(0.0, 0.0)');
-      expect(result.builder.texCoordExpression).to.eql(
+      expect(result.builder.symbolSizeExpression_).to.eql('vec2(6.0)');
+      expect(result.builder.symbolOffsetExpression_).to.eql('vec2(0.0, 0.0)');
+      expect(result.builder.texCoordExpression_).to.eql(
         'vec4(0.0, 0.0, 1.0, 1.0)'
       );
-      expect(result.builder.discardExpression).to.eql(
+      expect(result.builder.discardExpression_).to.eql(
         '!(v_attr0 >= 0.0 && v_attr0 <= 10.0)'
       );
-      expect(result.builder.symbolRotateWithView).to.eql(false);
+      expect(result.builder.symbolRotateWithView_).to.eql(false);
       expect(result.attributes.length).to.eql(1);
       expect(result.attributes[0].name).to.eql('attr0');
     });
@@ -155,20 +155,20 @@ describe('ol.webgl.styleparser', function () {
           },
         });
 
-        expect(result.builder.uniforms).to.eql([]);
-        expect(result.builder.attributes).to.eql([]);
-        expect(result.builder.varyings).to.eql([]);
-        expect(result.builder.symbolColorExpression).to.eql(
+        expect(result.builder.uniforms_).to.eql([]);
+        expect(result.builder.attributes_).to.eql([]);
+        expect(result.builder.varyings_).to.eql([]);
+        expect(result.builder.symbolColorExpression_).to.eql(
           'vec4(vec4(1.0, 0.0, 0.0, 1.0).rgb, vec4(1.0, 0.0, 0.0, 1.0).a * 1.0 * 1.0)'
         );
-        expect(result.builder.symbolSizeExpression).to.eql(
+        expect(result.builder.symbolSizeExpression_).to.eql(
           'vec2(vec2(4.0, 8.0))'
         );
-        expect(result.builder.symbolOffsetExpression).to.eql('vec2(0.0, 0.0)');
-        expect(result.builder.texCoordExpression).to.eql(
+        expect(result.builder.symbolOffsetExpression_).to.eql('vec2(0.0, 0.0)');
+        expect(result.builder.texCoordExpression_).to.eql(
           'vec4(0.0, 0.0, 1.0, 1.0)'
         );
-        expect(result.builder.symbolRotateWithView).to.eql(true);
+        expect(result.builder.symbolRotateWithView_).to.eql(true);
         expect(result.attributes).to.eql([]);
         expect(result.uniforms).to.eql({});
       });
@@ -192,29 +192,29 @@ describe('ol.webgl.styleparser', function () {
           },
         });
 
-        expect(result.builder.uniforms).to.eql([]);
-        expect(result.builder.attributes).to.eql([
+        expect(result.builder.uniforms_).to.eql([]);
+        expect(result.builder.attributes_).to.eql([
           'float a_attr1',
           'float a_attr3',
         ]);
-        expect(result.builder.varyings).to.eql([
+        expect(result.builder.varyings_).to.eql([
           {
             name: 'v_attr1',
             type: 'float',
             expression: 'a_attr1',
           },
         ]);
-        expect(result.builder.symbolColorExpression).to.eql(
+        expect(result.builder.symbolColorExpression_).to.eql(
           'vec4(vec4(0.25, 0.125, 0.0625, 0.25).rgb, vec4(0.25, 0.125, 0.0625, 0.25).a * 1.0 * 1.0)'
         );
-        expect(result.builder.symbolSizeExpression).to.eql('vec2(a_attr1)');
-        expect(result.builder.symbolOffsetExpression).to.eql(
+        expect(result.builder.symbolSizeExpression_).to.eql('vec2(a_attr1)');
+        expect(result.builder.symbolOffsetExpression_).to.eql(
           '(a_attr3 == 1.0 ? vec2(6.0, 0.0) : (a_attr3 == 0.0 ? vec2(3.0, 0.0) : vec2(0.0, 0.0)))'
         );
-        expect(result.builder.texCoordExpression).to.eql(
+        expect(result.builder.texCoordExpression_).to.eql(
           'vec4(0.5, 0.5, 0.5, 1.0)'
         );
-        expect(result.builder.symbolRotateWithView).to.eql(false);
+        expect(result.builder.symbolRotateWithView_).to.eql(false);
         expect(result.attributes.length).to.eql(2);
         expect(result.attributes[0].name).to.eql('attr1');
         expect(result.attributes[1].name).to.eql('attr3');
@@ -232,18 +232,18 @@ describe('ol.webgl.styleparser', function () {
           },
         });
 
-        expect(result.builder.uniforms).to.eql(['sampler2D u_texture']);
-        expect(result.builder.attributes).to.eql([]);
-        expect(result.builder.varyings).to.eql([]);
-        expect(result.builder.symbolColorExpression).to.eql(
+        expect(result.builder.uniforms_).to.eql(['sampler2D u_texture']);
+        expect(result.builder.attributes_).to.eql([]);
+        expect(result.builder.varyings_).to.eql([]);
+        expect(result.builder.symbolColorExpression_).to.eql(
           'vec4(vec4(0.2, 0.4, 0.6, 1.0).rgb, vec4(0.2, 0.4, 0.6, 1.0).a * 0.5 * 1.0) * texture2D(u_texture, v_texCoord)'
         );
-        expect(result.builder.symbolSizeExpression).to.eql('vec2(6.0)');
-        expect(result.builder.symbolOffsetExpression).to.eql('vec2(0.0, 0.0)');
-        expect(result.builder.texCoordExpression).to.eql(
+        expect(result.builder.symbolSizeExpression_).to.eql('vec2(6.0)');
+        expect(result.builder.symbolOffsetExpression_).to.eql('vec2(0.0, 0.0)');
+        expect(result.builder.texCoordExpression_).to.eql(
           'vec4(0.0, 0.0, 1.0, 1.0)'
         );
-        expect(result.builder.symbolRotateWithView).to.eql(false);
+        expect(result.builder.symbolRotateWithView_).to.eql(false);
         expect(result.attributes).to.eql([]);
         expect(result.uniforms).to.have.property('u_texture');
       });
@@ -270,17 +270,17 @@ describe('ol.webgl.styleparser', function () {
           },
         });
 
-        expect(result.builder.attributes).to.eql([]);
-        expect(result.builder.varyings).to.eql([]);
-        expect(result.builder.symbolColorExpression).to.eql(
+        expect(result.builder.attributes_).to.eql([]);
+        expect(result.builder.varyings_).to.eql([]);
+        expect(result.builder.symbolColorExpression_).to.eql(
           `vec4(mix(vec4(1.0, 1.0, 0.0, 1.0), vec4(1.0, 0.0, 0.0, 1.0), pow(clamp((${uniformName} - 0.0) / (1.0 - 0.0), 0.0, 1.0), 1.0)).rgb, mix(vec4(1.0, 1.0, 0.0, 1.0), vec4(1.0, 0.0, 0.0, 1.0), pow(clamp((${uniformName} - 0.0) / (1.0 - 0.0), 0.0, 1.0), 1.0)).a * 1.0 * 1.0)`
         );
-        expect(result.builder.symbolSizeExpression).to.eql('vec2(6.0)');
-        expect(result.builder.symbolOffsetExpression).to.eql('vec2(0.0, 0.0)');
-        expect(result.builder.texCoordExpression).to.eql(
+        expect(result.builder.symbolSizeExpression_).to.eql('vec2(6.0)');
+        expect(result.builder.symbolOffsetExpression_).to.eql('vec2(0.0, 0.0)');
+        expect(result.builder.texCoordExpression_).to.eql(
           'vec4(0.0, 0.0, 1.0, 1.0)'
         );
-        expect(result.builder.symbolRotateWithView).to.eql(false);
+        expect(result.builder.symbolRotateWithView_).to.eql(false);
         expect(result.attributes).to.eql([]);
         expect(result.uniforms).to.have.property(uniformName);
       });
@@ -294,9 +294,9 @@ describe('ol.webgl.styleparser', function () {
           },
         });
 
-        expect(result.builder.attributes).to.eql(['float a_heading']);
-        expect(result.builder.varyings).to.eql([]);
-        expect(result.builder.symbolRotationExpression).to.eql('a_heading');
+        expect(result.builder.attributes_).to.eql(['float a_heading']);
+        expect(result.builder.varyings_).to.eql([]);
+        expect(result.builder.symbolRotationExpression_).to.eql('a_heading');
       });
     });
 
@@ -318,19 +318,19 @@ describe('ol.webgl.styleparser', function () {
           ['stroke-width']: ['*', ['var', 'width'], 3],
         });
 
-        expect(result.builder.uniforms).to.eql(['float u_var_width']);
-        expect(result.builder.attributes).to.eql(['float a_intensity']);
-        expect(result.builder.varyings).to.eql([
+        expect(result.builder.uniforms_).to.eql(['float u_var_width']);
+        expect(result.builder.attributes_).to.eql(['float a_intensity']);
+        expect(result.builder.varyings_).to.eql([
           {
             name: 'v_intensity',
             type: 'float',
             expression: 'a_intensity',
           },
         ]);
-        expect(result.builder.strokeColorExpression).to.eql(
+        expect(result.builder.strokeColorExpression_).to.eql(
           'mix(vec4(0.0, 0.0, 1.0, 1.0), vec4(1.0, 0.0, 0.0, 1.0), pow(clamp((v_intensity - 0.0) / (1.0 - 0.0), 0.0, 1.0), 1.0))'
         );
-        expect(result.builder.strokeWidthExpression).to.eql(
+        expect(result.builder.strokeWidthExpression_).to.eql(
           '(u_var_width * 3.0)'
         );
         expect(result.attributes.length).to.eql(1);
@@ -356,16 +356,16 @@ describe('ol.webgl.styleparser', function () {
           ],
         });
 
-        expect(result.builder.uniforms).to.eql(['float u_var_scale']);
-        expect(result.builder.attributes).to.eql(['float a_intensity']);
-        expect(result.builder.varyings).to.eql([
+        expect(result.builder.uniforms_).to.eql(['float u_var_scale']);
+        expect(result.builder.attributes_).to.eql(['float a_intensity']);
+        expect(result.builder.varyings_).to.eql([
           {
             name: 'v_intensity',
             type: 'float',
             expression: 'a_intensity',
           },
         ]);
-        expect(result.builder.fillColorExpression).to.eql(
+        expect(result.builder.fillColorExpression_).to.eql(
           'mix(vec4(0.0, 0.0, 1.0, 1.0), vec4(1.0, 0.0, 0.0, 1.0), pow(clamp(((v_intensity * u_var_scale) - 0.0) / (10.0 - 0.0), 0.0, 1.0), 1.0))'
         );
         expect(result.attributes.length).to.eql(1);
@@ -401,7 +401,7 @@ describe('ol.webgl.styleparser', function () {
         });
       });
       it('adds attributes to the shader builder', () => {
-        expect(parseResult.builder.attributes).to.eql([
+        expect(parseResult.builder.attributes_).to.eql([
           'vec4 a_iconSize',
           'vec2 a_color',
           'float a_lineType',
@@ -411,7 +411,7 @@ describe('ol.webgl.styleparser', function () {
         ]);
       });
       it('adds varyings to the shader builder', () => {
-        expect(parseResult.builder.varyings).to.eql([
+        expect(parseResult.builder.varyings_).to.eql([
           {name: 'v_color', type: 'vec4', expression: 'unpackColor(a_color)'},
           {name: 'v_iconSize', type: 'vec4', expression: 'a_iconSize'},
           {name: 'v_lineType', type: 'float', expression: 'a_lineType'},
@@ -425,8 +425,8 @@ describe('ol.webgl.styleparser', function () {
         ]);
       });
       it('adds unpack color function to the shader builder', () => {
-        expect(parseResult.builder.vertexShaderFunctions.length).to.eql(1);
-        expect(parseResult.builder.vertexShaderFunctions[0]).to.contain(
+        expect(parseResult.builder.vertexShaderFunctions_.length).to.eql(1);
+        expect(parseResult.builder.vertexShaderFunctions_[0]).to.contain(
           'vec4 unpackColor('
         );
       });
@@ -497,7 +497,7 @@ describe('ol.webgl.styleparser', function () {
         });
       });
       it('adds uniforms to the shader builder', () => {
-        expect(parseResult.builder.uniforms).to.eql([
+        expect(parseResult.builder.uniforms_).to.eql([
           'vec4 u_var_iconSize',
           'vec2 u_var_color',
           'float u_var_lineType',