@deck.gl/geo-layers 8.10.0-alpha.6 → 9.0.0-alpha.3

package/dist/esm/mesh-layer/mesh-layer.js

@@ -1,177 +0,0 @@
-import { GLTFMaterialParser } from '@luma.gl/experimental';
-import { Model, pbr } from '@luma.gl/core';
-import { SimpleMeshLayer } from '@deck.gl/mesh-layers';
-import vs from './mesh-layer-vertex.glsl';
-import fs from './mesh-layer-fragment.glsl';
-
-function validateGeometryAttributes(attributes) {
-  const hasColorAttribute = attributes.COLOR_0 || attributes.colors;
-
-  if (!hasColorAttribute) {
-    attributes.colors = {
-      constant: true,
-      value: new Float32Array([1, 1, 1])
-    };
-  }
-}
-
-const defaultProps = {
-  pbrMaterial: {
-    type: 'object',
-    value: null
-  },
-  featureIds: {
-    type: 'array',
-    value: null,
-    optional: true
-  }
-};
-export default class MeshLayer extends SimpleMeshLayer {
-  getShaders() {
-    const shaders = super.getShaders();
-    const modules = shaders.modules;
-    modules.push(pbr);
-    return { ...shaders,
-      vs,
-      fs
-    };
-  }
-
-  initializeState() {
-    const {
-      featureIds
-    } = this.props;
-    super.initializeState();
-    const attributeManager = this.getAttributeManager();
-
-    if (featureIds) {
-      attributeManager.add({
-        featureIdsPickingColors: {
-          type: 5121,
-          size: 3,
-          noAlloc: true,
-          update: this.calculateFeatureIdsPickingColors
-        }
-      });
-    }
-  }
-
-  updateState(params) {
-    super.updateState(params);
-    const {
-      props,
-      oldProps
-    } = params;
-
-    if (props.pbrMaterial !== oldProps.pbrMaterial) {
-      this.updatePbrMaterialUniforms(props.pbrMaterial);
-    }
-  }
-
-  draw(opts) {
-    const {
-      featureIds
-    } = this.props;
-
-    if (!this.state.model) {
-      return;
-    }
-
-    this.state.model.setUniforms({
-      u_Camera: this.state.model.getUniforms().project_uCameraPosition,
-      pickFeatureIds: Boolean(featureIds)
-    });
-    super.draw(opts);
-  }
-
-  getModel(mesh) {
-    const {
-      id,
-      pbrMaterial
-    } = this.props;
-    const materialParser = this.parseMaterial(pbrMaterial, mesh);
-    this.setState({
-      materialParser
-    });
-    const shaders = this.getShaders();
-    validateGeometryAttributes(mesh.attributes);
-    const model = new Model(this.context.gl, { ...this.getShaders(),
-      id,
-      geometry: mesh,
-      defines: { ...shaders.defines,
-        ...(materialParser === null || materialParser === void 0 ? void 0 : materialParser.defines),
-        HAS_UV_REGIONS: mesh.attributes.uvRegions
-      },
-      parameters: materialParser === null || materialParser === void 0 ? void 0 : materialParser.parameters,
-      isInstanced: true
-    });
-    return model;
-  }
-
-  updatePbrMaterialUniforms(pbrMaterial) {
-    const {
-      model
-    } = this.state;
-
-    if (model) {
-      const {
-        mesh
-      } = this.props;
-      const materialParser = this.parseMaterial(pbrMaterial, mesh);
-      this.setState({
-        materialParser
-      });
-      model.setUniforms(materialParser.uniforms);
-    }
-  }
-
-  parseMaterial(pbrMaterial, mesh) {
-    var _this$state$materialP;
-
-    const unlit = Boolean(pbrMaterial.pbrMetallicRoughness && pbrMaterial.pbrMetallicRoughness.baseColorTexture);
-    (_this$state$materialP = this.state.materialParser) === null || _this$state$materialP === void 0 ? void 0 : _this$state$materialP.delete();
-    return new GLTFMaterialParser(this.context.gl, {
-      attributes: {
-        NORMAL: mesh.attributes.normals,
-        TEXCOORD_0: mesh.attributes.texCoords
-      },
-      material: {
-        unlit,
-        ...pbrMaterial
-      },
-      pbrDebug: false,
-      imageBasedLightingEnvironment: null,
-      lights: true,
-      useTangents: false
-    });
-  }
-
-  calculateFeatureIdsPickingColors(attribute) {
-    const featureIds = this.props.featureIds;
-    const value = new Uint8ClampedArray(featureIds.length * attribute.size);
-    const pickingColor = [];
-
-    for (let index = 0; index < featureIds.length; index++) {
-      this.encodePickingColor(featureIds[index], pickingColor);
-      value[index * 3] = pickingColor[0];
-      value[index * 3 + 1] = pickingColor[1];
-      value[index * 3 + 2] = pickingColor[2];
-    }
-
-    attribute.value = value;
-  }
-
-  finalizeState(context) {
-    var _this$state$materialP2;
-
-    super.finalizeState(context);
-    (_this$state$materialP2 = this.state.materialParser) === null || _this$state$materialP2 === void 0 ? void 0 : _this$state$materialP2.delete();
-    this.setState({
-      materialParser: null
-    });
-  }
-
-}
-MeshLayer.layerName = 'MeshLayer';
-MeshLayer.defaultProps = defaultProps;
-//# sourceMappingURL=mesh-layer.js.map

package/dist/esm/mesh-layer/mesh-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/mesh-layer/mesh-layer.ts"],"names":["GLTFMaterialParser","Model","pbr","SimpleMeshLayer","vs","fs","validateGeometryAttributes","attributes","hasColorAttribute","COLOR_0","colors","constant","value","Float32Array","defaultProps","pbrMaterial","type","featureIds","optional","MeshLayer","getShaders","shaders","modules","push","initializeState","props","attributeManager","getAttributeManager","add","featureIdsPickingColors","size","noAlloc","update","calculateFeatureIdsPickingColors","updateState","params","oldProps","updatePbrMaterialUniforms","draw","opts","state","model","setUniforms","u_Camera","getUniforms","project_uCameraPosition","pickFeatureIds","Boolean","getModel","mesh","id","materialParser","parseMaterial","setState","context","gl","geometry","defines","HAS_UV_REGIONS","uvRegions","parameters","isInstanced","uniforms","unlit","pbrMetallicRoughness","baseColorTexture","delete","NORMAL","normals","TEXCOORD_0","texCoords","material","pbrDebug","imageBasedLightingEnvironment","lights","useTangents","attribute","Uint8ClampedArray","length","pickingColor","index","encodePickingColor","finalizeState","layerName"],"mappings":"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","sourcesContent":["import type {NumericArray} from '@math.gl/core';\nimport {GLTFMaterialParser} from '@luma.gl/experimental';\nimport {Model, pbr} from '@luma.gl/core';\nimport GL from '@luma.gl/constants';\nimport type {MeshAttribute, MeshAttributes} from '@loaders.gl/schema';\nimport type {UpdateParameters, DefaultProps, LayerContext} from '@deck.gl/core';\nimport {SimpleMeshLayer, SimpleMeshLayerProps} from '@deck.gl/mesh-layers';\n\nimport vs from './mesh-layer-vertex.glsl';\nimport fs from './mesh-layer-fragment.glsl';\n\nexport type Mesh = {\n  attributes: MeshAttributes;\n  indices?: MeshAttribute;\n};\n\nfunction validateGeometryAttributes(attributes) {\n  const hasColorAttribute = attributes.COLOR_0 || attributes.colors;\n  if (!hasColorAttribute) {\n    attributes.colors = {constant: true, value: new Float32Array([1, 1, 1])};\n  }\n}\n\nconst defaultProps: DefaultProps<MeshLayerProps> = {\n  pbrMaterial: {type: 'object', value: null},\n  featureIds: {type: 'array', value: null, optional: true}\n};\n\n/** All properties supported by MeshLayer. */\nexport type MeshLayerProps<DataT = any> = _MeshLayerProps & SimpleMeshLayerProps<DataT>;\n\n/** Properties added by MeshLayer. */\ntype _MeshLayerProps = {\n  /**\n   * PBR material object. _lighting must be pbr for this to work\n   */\n  pbrMaterial?: any; // TODO add type when converting Tile3DLayer\n\n  /**\n   * List of feature ids.\n   */\n  featureIds?: NumericArray | null;\n};\n\nexport default class MeshLayer<DataT = any, ExtraProps extends {} = {}> extends SimpleMeshLayer<\n  DataT,\n  Required<_MeshLayerProps> & ExtraProps\n> {\n  static layerName = 'MeshLayer';\n  static defaultProps = defaultProps;\n\n  getShaders() {\n    const shaders = super.getShaders();\n    const modules = shaders.modules;\n    modules.push(pbr);\n    return {...shaders, vs, fs};\n  }\n\n  initializeState() {\n    const {featureIds} = this.props;\n    super.initializeState();\n\n    const attributeManager = this.getAttributeManager();\n    if (featureIds) {\n      // attributeManager is always defined in a primitive layer\n      attributeManager!.add({\n        featureIdsPickingColors: {\n          type: GL.UNSIGNED_BYTE,\n          size: 3,\n          noAlloc: true,\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          update: this.calculateFeatureIdsPickingColors\n        }\n      });\n    }\n  }\n\n  updateState(params: UpdateParameters<this>) {\n    super.updateState(params);\n\n    const {props, oldProps} = params;\n    if (props.pbrMaterial !== oldProps.pbrMaterial) {\n      this.updatePbrMaterialUniforms(props.pbrMaterial);\n    }\n  }\n\n  draw(opts) {\n    const {featureIds} = this.props;\n    if (!this.state.model) {\n      return;\n    }\n    this.state.model.setUniforms({\n      // Needed for PBR (TODO: find better way to get it)\n      // eslint-disable-next-line camelcase\n      u_Camera: this.state.model.getUniforms().project_uCameraPosition,\n      pickFeatureIds: Boolean(featureIds)\n    });\n\n    super.draw(opts);\n  }\n\n  protected getModel(mesh: Mesh): Model {\n    const {id, pbrMaterial} = this.props;\n    const materialParser = this.parseMaterial(pbrMaterial, mesh);\n    // Keep material parser to explicitly remove textures\n    this.setState({materialParser});\n    const shaders = this.getShaders();\n    validateGeometryAttributes(mesh.attributes);\n    const model = new Model(this.context.gl, {\n      ...this.getShaders(),\n      id,\n      geometry: mesh,\n      defines: {\n        ...shaders.defines,\n        ...materialParser?.defines,\n        HAS_UV_REGIONS: mesh.attributes.uvRegions\n      },\n      parameters: materialParser?.parameters,\n      isInstanced: true\n    });\n\n    return model;\n  }\n\n  updatePbrMaterialUniforms(pbrMaterial) {\n    const {model} = this.state;\n    if (model) {\n      const {mesh} = this.props;\n      const materialParser = this.parseMaterial(pbrMaterial, mesh);\n      // Keep material parser to explicitly remove textures\n      this.setState({materialParser});\n      model.setUniforms(materialParser.uniforms);\n    }\n  }\n\n  parseMaterial(pbrMaterial, mesh) {\n    const unlit = Boolean(\n      pbrMaterial.pbrMetallicRoughness && pbrMaterial.pbrMetallicRoughness.baseColorTexture\n    );\n\n    this.state.materialParser?.delete();\n\n    return new GLTFMaterialParser(this.context.gl, {\n      attributes: {NORMAL: mesh.attributes.normals, TEXCOORD_0: mesh.attributes.texCoords},\n      material: {unlit, ...pbrMaterial},\n      pbrDebug: false,\n      imageBasedLightingEnvironment: null,\n      lights: true,\n      useTangents: false\n    });\n  }\n\n  calculateFeatureIdsPickingColors(attribute) {\n    // This updater is only called if featureIds is not null\n    const featureIds = this.props.featureIds!;\n    const value = new Uint8ClampedArray(featureIds.length * attribute.size);\n\n    const pickingColor = [];\n    for (let index = 0; index < featureIds.length; index++) {\n      this.encodePickingColor(featureIds[index], pickingColor);\n\n      value[index * 3] = pickingColor[0];\n      value[index * 3 + 1] = pickingColor[1];\n      value[index * 3 + 2] = pickingColor[2];\n    }\n\n    attribute.value = value;\n  }\n\n  finalizeState(context: LayerContext) {\n    super.finalizeState(context);\n    this.state.materialParser?.delete();\n    this.setState({materialParser: null});\n  }\n}\n"],"file":"mesh-layer.js"}

package/dist/esm/tile-3d-layer/tile-3d-layer.js

@@ -1,443 +0,0 @@
-import { Geometry } from '@luma.gl/core';
-import { CompositeLayer, COORDINATE_SYSTEM, log } from '@deck.gl/core';
-import { PointCloudLayer } from '@deck.gl/layers';
-import { ScenegraphLayer } from '@deck.gl/mesh-layers';
-import { default as MeshLayer } from '../mesh-layer/mesh-layer';
-import { load } from '@loaders.gl/core';
-import { Tileset3D, TILE_TYPE } from '@loaders.gl/tiles';
-import { Tiles3DLoader } from '@loaders.gl/3d-tiles';
-const SINGLE_DATA = [0];
-const defaultProps = {
-  getPointColor: {
-    type: 'accessor',
-    value: [0, 0, 0, 255]
-  },
-  pointSize: 1.0,
-  data: '',
-  loader: Tiles3DLoader,
-  onTilesetLoad: {
-    type: 'function',
-    value: tileset3d => {}
-  },
-  onTileLoad: {
-    type: 'function',
-    value: tileHeader => {}
-  },
-  onTileUnload: {
-    type: 'function',
-    value: tileHeader => {}
-  },
-  onTileError: {
-    type: 'function',
-    value: (tile, message, url) => {}
-  },
-  _getMeshColor: {
-    type: 'function',
-    value: tileHeader => [255, 255, 255]
-  }
-};
-export default class Tile3DLayer extends CompositeLayer {
-  constructor(...args) {
-    super(...args);
-    this.state = void 0;
-  }
-
-  initializeState() {
-    if ('onTileLoadFail' in this.props) {
-      log.removed('onTileLoadFail', 'onTileError')();
-    }
-
-    this.state = {
-      layerMap: {},
-      tileset3d: null,
-      activeViewports: {},
-      lastUpdatedViewports: null
-    };
-  }
-
-  get isLoaded() {
-    const {
-      tileset3d
-    } = this.state;
-    return tileset3d !== null && tileset3d.isLoaded();
-  }
-
-  shouldUpdateState({
-    changeFlags
-  }) {
-    return changeFlags.somethingChanged;
-  }
-
-  updateState({
-    props,
-    oldProps,
-    changeFlags
-  }) {
-    if (props.data && props.data !== oldProps.data) {
-      this._loadTileset(props.data);
-    }
-
-    if (changeFlags.viewportChanged) {
-      const {
-        activeViewports
-      } = this.state;
-      const viewportsNumber = Object.keys(activeViewports).length;
-
-      if (viewportsNumber) {
-        this._updateTileset(activeViewports);
-
-        this.state.lastUpdatedViewports = activeViewports;
-        this.state.activeViewports = {};
-      }
-    }
-
-    if (changeFlags.propsChanged) {
-      const {
-        layerMap
-      } = this.state;
-
-      for (const key in layerMap) {
-        layerMap[key].needsUpdate = true;
-      }
-    }
-  }
-
-  activateViewport(viewport) {
-    const {
-      activeViewports,
-      lastUpdatedViewports
-    } = this.state;
-    this.internalState.viewport = viewport;
-    activeViewports[viewport.id] = viewport;
-    const lastViewport = lastUpdatedViewports === null || lastUpdatedViewports === void 0 ? void 0 : lastUpdatedViewports[viewport.id];
-
-    if (!lastViewport || !viewport.equals(lastViewport)) {
-      this.setChangeFlags({
-        viewportChanged: true
-      });
-      this.setNeedsUpdate();
-    }
-  }
-
-  getPickingInfo({
-    info,
-    sourceLayer
-  }) {
-    const sourceTile = sourceLayer && sourceLayer.props.tile;
-
-    if (info.picked) {
-      info.object = sourceTile;
-    }
-
-    info.sourceTile = sourceTile;
-    return info;
-  }
-
-  filterSubLayer({
-    layer,
-    viewport
-  }) {
-    const {
-      tile
-    } = layer.props;
-    const {
-      id: viewportId
-    } = viewport;
-    return tile.selected && tile.viewportIds.includes(viewportId);
-  }
-
-  _updateAutoHighlight(info) {
-    const sourceTile = info.sourceTile;
-    const layerCache = this.state.layerMap[sourceTile === null || sourceTile === void 0 ? void 0 : sourceTile.id];
-
-    if (layerCache && layerCache.layer) {
-      layerCache.layer.updateAutoHighlight(info);
-    }
-  }
-
-  async _loadTileset(tilesetUrl) {
-    const {
-      loadOptions = {}
-    } = this.props;
-    let loader = this.props.loader || this.props.loaders;
-
-    if (Array.isArray(loader)) {
-      loader = loader[0];
-    }
-
-    const options = {
-      loadOptions: { ...loadOptions
-      }
-    };
-    let actualTilesetUrl = tilesetUrl;
-
-    if (loader.preload) {
-      const preloadOptions = await loader.preload(tilesetUrl, loadOptions);
-
-      if (preloadOptions.url) {
-        actualTilesetUrl = preloadOptions.url;
-      }
-
-      if (preloadOptions.headers) {
-        options.loadOptions.fetch = { ...options.loadOptions.fetch,
-          headers: preloadOptions.headers
-        };
-      }
-
-      Object.assign(options, preloadOptions);
-    }
-
-    const tilesetJson = await load(actualTilesetUrl, loader, options.loadOptions);
-    const tileset3d = new Tileset3D(tilesetJson, {
-      onTileLoad: this._onTileLoad.bind(this),
-      onTileUnload: this._onTileUnload.bind(this),
-      onTileError: this.props.onTileError,
-      ...options
-    });
-    this.setState({
-      tileset3d,
-      layerMap: {}
-    });
-
-    this._updateTileset(this.state.activeViewports);
-
-    this.props.onTilesetLoad(tileset3d);
-  }
-
-  _onTileLoad(tileHeader) {
-    const {
-      lastUpdatedViewports
-    } = this.state;
-    this.props.onTileLoad(tileHeader);
-
-    this._updateTileset(lastUpdatedViewports);
-
-    this.setNeedsUpdate();
-  }
-
-  _onTileUnload(tileHeader) {
-    delete this.state.layerMap[tileHeader.id];
-    this.props.onTileUnload(tileHeader);
-  }
-
-  _updateTileset(viewports) {
-    if (!viewports) {
-      return;
-    }
-
-    const {
-      tileset3d
-    } = this.state;
-    const {
-      timeline
-    } = this.context;
-    const viewportsNumber = Object.keys(viewports).length;
-
-    if (!timeline || !viewportsNumber || !tileset3d) {
-      return;
-    }
-
-    tileset3d.selectTiles(Object.values(viewports)).then(frameNumber => {
-      const tilesetChanged = this.state.frameNumber !== frameNumber;
-
-      if (tilesetChanged) {
-        this.setState({
-          frameNumber
-        });
-      }
-    });
-  }
-
-  _getSubLayer(tileHeader, oldLayer) {
-    if (!tileHeader.content) {
-      return null;
-    }
-
-    switch (tileHeader.type) {
-      case TILE_TYPE.POINTCLOUD:
-        return this._makePointCloudLayer(tileHeader, oldLayer);
-
-      case TILE_TYPE.SCENEGRAPH:
-        return this._make3DModelLayer(tileHeader);
-
-      case TILE_TYPE.MESH:
-        return this._makeSimpleMeshLayer(tileHeader, oldLayer);
-
-      default:
-        throw new Error(`Tile3DLayer: Failed to render layer of type ${tileHeader.content.type}`);
-    }
-  }
-
-  _makePointCloudLayer(tileHeader, oldLayer) {
-    const {
-      attributes,
-      pointCount,
-      constantRGBA,
-      cartographicOrigin,
-      modelMatrix
-    } = tileHeader.content;
-    const {
-      positions,
-      normals,
-      colors
-    } = attributes;
-
-    if (!positions) {
-      return null;
-    }
-
-    const data = oldLayer && oldLayer.props.data || {
-      header: {
-        vertexCount: pointCount
-      },
-      attributes: {
-        POSITION: positions,
-        NORMAL: normals,
-        COLOR_0: colors
-      }
-    };
-    const {
-      pointSize,
-      getPointColor
-    } = this.props;
-    const SubLayerClass = this.getSubLayerClass('pointcloud', PointCloudLayer);
-    return new SubLayerClass({
-      pointSize
-    }, this.getSubLayerProps({
-      id: 'pointcloud'
-    }), {
-      id: `${this.id}-pointcloud-${tileHeader.id}`,
-      tile: tileHeader,
-      data,
-      coordinateSystem: COORDINATE_SYSTEM.METER_OFFSETS,
-      coordinateOrigin: cartographicOrigin,
-      modelMatrix,
-      getColor: constantRGBA || getPointColor,
-      _offset: 0
-    });
-  }
-
-  _make3DModelLayer(tileHeader) {
-    const {
-      gltf,
-      instances,
-      cartographicOrigin,
-      modelMatrix
-    } = tileHeader.content;
-    const SubLayerClass = this.getSubLayerClass('scenegraph', ScenegraphLayer);
-    return new SubLayerClass({
-      _lighting: 'pbr'
-    }, this.getSubLayerProps({
-      id: 'scenegraph'
-    }), {
-      id: `${this.id}-scenegraph-${tileHeader.id}`,
-      tile: tileHeader,
-      data: instances || SINGLE_DATA,
-      scenegraph: gltf,
-      coordinateSystem: COORDINATE_SYSTEM.METER_OFFSETS,
-      coordinateOrigin: cartographicOrigin,
-      modelMatrix,
-      getTransformMatrix: instance => instance.modelMatrix,
-      getPosition: [0, 0, 0],
-      _offset: 0
-    });
-  }
-
-  _makeSimpleMeshLayer(tileHeader, oldLayer) {
-    const content = tileHeader.content;
-    const {
-      attributes,
-      indices,
-      modelMatrix,
-      cartographicOrigin,
-      coordinateSystem = COORDINATE_SYSTEM.METER_OFFSETS,
-      material,
-      featureIds
-    } = content;
-    const {
-      _getMeshColor
-    } = this.props;
-    const geometry = oldLayer && oldLayer.props.mesh || new Geometry({
-      drawMode: 4,
-      attributes: getMeshGeometry(attributes),
-      indices
-    });
-    const SubLayerClass = this.getSubLayerClass('mesh', MeshLayer);
-    return new SubLayerClass(this.getSubLayerProps({
-      id: 'mesh'
-    }), {
-      id: `${this.id}-mesh-${tileHeader.id}`,
-      tile: tileHeader,
-      mesh: geometry,
-      data: SINGLE_DATA,
-      getColor: _getMeshColor(tileHeader),
-      pbrMaterial: material,
-      modelMatrix,
-      coordinateOrigin: cartographicOrigin,
-      coordinateSystem,
-      featureIds,
-      _offset: 0
-    });
-  }
-
-  renderLayers() {
-    const {
-      tileset3d,
-      layerMap
-    } = this.state;
-
-    if (!tileset3d) {
-      return null;
-    }
-
-    return tileset3d.tiles.map(tile => {
-      const layerCache = layerMap[tile.id] = layerMap[tile.id] || {
-        tile
-      };
-      let {
-        layer
-      } = layerCache;
-
-      if (tile.selected) {
-        if (!layer) {
-          layer = this._getSubLayer(tile);
-        } else if (layerCache.needsUpdate) {
-          layer = this._getSubLayer(tile, layer);
-          layerCache.needsUpdate = false;
-        }
-      }
-
-      layerCache.layer = layer;
-      return layer;
-    }).filter(Boolean);
-  }
-
-}
-Tile3DLayer.defaultProps = defaultProps;
-Tile3DLayer.layerName = 'Tile3DLayer';
-
-function getMeshGeometry(contentAttributes) {
-  const attributes = {};
-  attributes.positions = { ...contentAttributes.positions,
-    value: new Float32Array(contentAttributes.positions.value)
-  };
-
-  if (contentAttributes.normals) {
-    attributes.normals = contentAttributes.normals;
-  }
-
-  if (contentAttributes.texCoords) {
-    attributes.texCoords = contentAttributes.texCoords;
-  }
-
-  if (contentAttributes.colors) {
-    attributes.colors = contentAttributes.colors;
-  }
-
-  if (contentAttributes.uvRegions) {
-    attributes.uvRegions = contentAttributes.uvRegions;
-  }
-
-  return attributes;
-}
-//# sourceMappingURL=tile-3d-layer.js.map