feat(LayeredMaterial): migrate to TypeScript

fix(tests): add new empty methods to mock Material
refactor: use interface where possible

src/Converter/convertToTile.js

@@ -5,7 +5,7 @@
  */
 import * as THREE from 'three';
 import TileMesh from 'Core/TileMesh';
-import LayeredMaterial from 'Renderer/LayeredMaterial';
+import { LayeredMaterial } from 'Renderer/LayeredMaterial';
 import { newTileGeometry } from 'Core/Prefab/TileBuilder';
 import ReferLayerProperties from 'Layer/ReferencingLayerProperties';
 import { geoidLayerIsVisible } from 'Layer/GeoidLayer';

src/Layer/ColorLayer.js

@@ -146,9 +146,9 @@ class ColorLayer extends RasterLayer {
     setupRasterNode(node) {
         const rasterColorNode = new RasterColorTile(node.material, this);
 
-        node.material.addLayer(rasterColorNode);
+        node.material.addColorLayer(rasterColorNode);
         // set up ColorLayer ordering.
-        node.material.setSequence(this.parent.colorLayersOrder);
+        node.material.setColorLayerIds(this.parent.colorLayersOrder);
 
         return rasterColorNode;
     }

src/Layer/ElevationLayer.js

@@ -117,8 +117,8 @@ class ElevationLayer extends RasterLayer {
     setupRasterNode(node) {
         const rasterElevationNode = new RasterElevationTile(node.material, this);
 
-        node.material.addLayer(rasterElevationNode);
-        node.material.setSequenceElevation(this.id);
+        node.material.setElevationLayer(rasterElevationNode);
+        node.material.setElevationLayerId(this.id);
         // bounding box initialisation
         const updateBBox = () => node.setBBoxZ({
             min: rasterElevationNode.min, max: rasterElevationNode.max, scale: this.scale,

src/Layer/TiledGeometryLayer.js

@@ -403,7 +403,7 @@ class TiledGeometryLayer extends GeometryLayer {
             if (layerUpdateState[c.id] && layerUpdateState[c.id].inError()) {
                 continue;
             }
-            nodeLayer = node.material.getLayer(c.id);
+            nodeLayer = node.material.getColorLayer(c.id);
             if (c.source.extentInsideLimit(node.extent, zoom) && (!nodeLayer || nodeLayer.level < 0)) {
                 return false;
             }

src/Process/LayeredMaterialNodeProcessing.js

@@ -190,8 +190,8 @@ export function updateLayeredMaterialNodeElevation(context, layer, node, parent)
 
     // Possible conditions to *not* update the elevation texture
     if (layer.frozen ||
-            !material.visible ||
-            !node.layerUpdateState[layer.id].canTryUpdate()) {
+        !material.visible ||
+        !node.layerUpdateState[layer.id].canTryUpdate()) {
         return;
     }
 
@@ -238,7 +238,7 @@ export function removeLayeredMaterialNodeLayer(layerId) {
      */
     return function removeLayeredMaterialNodeLayer(node) {
         if (node.material?.removeLayer) {
-            if (node.material.elevationLayerIds.indexOf(layerId) > -1) {
+            if (node.material.elevationTile !== undefined > -1) {
                 node.setBBoxZ({ min: 0, max: 0 });
             }
             node.material.removeLayer(layerId);