@loaders.gl/i3s 4.0.0-beta.6 → 4.0.0-beta.8

package/dist/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -38,13 +28,14 @@ __export(src_exports, {
   I3SLoader: () => I3SLoader,
   I3SNodePageLoader: () => I3SNodePageLoader,
   SLPKLoader: () => SLPKLoader,
+  customizeColors: () => customizeColors,
   loadFeatureAttributes: () => loadFeatureAttributes,
   parseSLPKArchive: () => parseSLPKArchive
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/parsers/constants.ts
-var import_constants = __toESM(require("@luma.gl/constants"), 1);
+var import_math = require("@loaders.gl/math");
 function getConstructorForDataFormat(dataType) {
   switch (dataType) {
     case "UInt8":
@@ -62,11 +53,11 @@ function getConstructorForDataFormat(dataType) {
   }
 }
 var GL_TYPE_MAP = {
-  UInt8: import_constants.default.UNSIGNED_BYTE,
-  UInt16: import_constants.default.UNSIGNED_SHORT,
-  Float32: import_constants.default.FLOAT,
-  UInt32: import_constants.default.UNSIGNED_INT,
-  UInt64: import_constants.default.DOUBLE
+  UInt8: import_math.GL.UNSIGNED_BYTE,
+  UInt16: import_math.GL.UNSIGNED_SHORT,
+  Float32: import_math.GL.FLOAT,
+  UInt32: import_math.GL.UNSIGNED_INT,
+  UInt64: import_math.GL.DOUBLE
 };
 function sizeOf(dataType) {
   switch (dataType) {
@@ -101,11 +92,11 @@ var COORDINATE_SYSTEM = /* @__PURE__ */ ((COORDINATE_SYSTEM2) => {
 })(COORDINATE_SYSTEM || {});
 
 // src/i3s-loader.ts
-var import_core7 = require("@loaders.gl/core");
+var import_core5 = require("@loaders.gl/core");
 
 // src/lib/parsers/parse-i3s-tile-content.ts
-var import_core3 = require("@loaders.gl/core");
-var import_core4 = require("@math.gl/core");
+var import_core = require("@loaders.gl/core");
+var import_core2 = require("@math.gl/core");
 var import_geospatial = require("@math.gl/geospatial");
 var import_loader_utils = require("@loaders.gl/loader-utils");
 var import_images = require("@loaders.gl/images");
@@ -144,270 +135,8 @@ function generateTilesetAttributeUrls(tileset, url, resource) {
   return attributeUrls;
 }
 
-// src/lib/utils/customize-сolors.ts
-var import_core2 = require("@loaders.gl/core");
-
-// src/i3s-attribute-loader.ts
-var import_core = require("@loaders.gl/core");
-
-// src/lib/parsers/parse-i3s-attribute.ts
-function parseI3STileAttribute(arrayBuffer, options) {
-  const { attributeName, attributeType } = options;
-  if (!attributeName) {
-    return {};
-  }
-  return {
-    [attributeName]: attributeType ? parseAttribute(attributeType, arrayBuffer) : null
-  };
-}
-function parseAttribute(attributeType, arrayBuffer) {
-  switch (attributeType) {
-    case STRING_ATTRIBUTE_TYPE:
-      return parseStringsAttribute(arrayBuffer);
-    case OBJECT_ID_ATTRIBUTE_TYPE:
-      return parseShortNumberAttribute(arrayBuffer);
-    case FLOAT_64_TYPE:
-      return parseFloatAttribute(arrayBuffer);
-    case INT_16_ATTRIBUTE_TYPE:
-      return parseInt16ShortNumberAttribute(arrayBuffer);
-    default:
-      return parseShortNumberAttribute(arrayBuffer);
-  }
-}
-function parseShortNumberAttribute(arrayBuffer) {
-  const countOffset = 4;
-  return new Uint32Array(arrayBuffer, countOffset);
-}
-function parseInt16ShortNumberAttribute(arrayBuffer) {
-  const countOffset = 4;
-  return new Int16Array(arrayBuffer, countOffset);
-}
-function parseFloatAttribute(arrayBuffer) {
-  const countOffset = 8;
-  return new Float64Array(arrayBuffer, countOffset);
-}
-function parseStringsAttribute(arrayBuffer) {
-  const stringsCountOffset = 0;
-  const dataOffset = 8;
-  const bytesPerStringSize = 4;
-  const stringsArray = [];
-  try {
-    const stringsCount = new DataView(
-      arrayBuffer,
-      stringsCountOffset,
-      bytesPerStringSize
-    ).getUint32(stringsCountOffset, true);
-    const stringSizes = new Uint32Array(arrayBuffer, dataOffset, stringsCount);
-    let stringOffset = dataOffset + stringsCount * bytesPerStringSize;
-    for (const stringByteSize of stringSizes) {
-      const textDecoder = new TextDecoder("utf-8");
-      const stringAttribute = new Uint8Array(arrayBuffer, stringOffset, stringByteSize);
-      stringsArray.push(textDecoder.decode(stringAttribute));
-      stringOffset += stringByteSize;
-    }
-  } catch (error) {
-    console.error("Parse string attribute error: ", error.message);
-  }
-  return stringsArray;
-}
-
-// src/i3s-attribute-loader.ts
-var VERSION = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
-var EMPTY_VALUE = "";
-var REJECTED_STATUS = "rejected";
-var I3SAttributeLoader = {
-  name: "I3S Attribute",
-  id: "i3s-attribute",
-  module: "i3s",
-  version: VERSION,
-  mimeTypes: ["application/binary"],
-  parse: async (arrayBuffer, options) => parseI3STileAttribute(arrayBuffer, options),
-  extensions: ["bin"],
-  options: {},
-  binary: true
-};
-async function loadFeatureAttributes(tile, featureId, options = {}) {
-  var _a;
-  const { attributeStorageInfo, attributeUrls, tilesetFields } = getAttributesData(tile);
-  if (!attributeStorageInfo || !attributeUrls || featureId < 0) {
-    return null;
-  }
-  let attributes = [];
-  const attributeLoadPromises = [];
-  for (let index = 0; index < attributeStorageInfo.length; index++) {
-    const url = getUrlWithToken(attributeUrls[index], (_a = options.i3s) == null ? void 0 : _a.token);
-    const attributeName = attributeStorageInfo[index].name;
-    const attributeType = getAttributeValueType(attributeStorageInfo[index]);
-    const loadOptions = { ...options, attributeName, attributeType };
-    const promise = (0, import_core.load)(url, I3SAttributeLoader, loadOptions);
-    attributeLoadPromises.push(promise);
-  }
-  try {
-    attributes = await Promise.allSettled(attributeLoadPromises);
-  } catch (error) {
-  }
-  if (!attributes.length) {
-    return null;
-  }
-  return generateAttributesByFeatureId(attributes, attributeStorageInfo, featureId, tilesetFields);
-}
-function getAttributesData(tile) {
-  var _a, _b, _c, _d, _e;
-  const attributeStorageInfo = (_b = (_a = tile.tileset) == null ? void 0 : _a.tileset) == null ? void 0 : _b.attributeStorageInfo;
-  const attributeUrls = (_c = tile.header) == null ? void 0 : _c.attributeUrls;
-  const tilesetFields = ((_e = (_d = tile.tileset) == null ? void 0 : _d.tileset) == null ? void 0 : _e.fields) || [];
-  return { attributeStorageInfo, attributeUrls, tilesetFields };
-}
-function getAttributeValueType(attribute) {
-  if (attribute.hasOwnProperty("objectIds")) {
-    return "Oid32";
-  } else if (attribute.hasOwnProperty("attributeValues")) {
-    return attribute.attributeValues.valueType;
-  }
-  return "";
-}
-function getFeatureIdsAttributeName(attributeStorageInfo) {
-  const objectIdsAttribute = attributeStorageInfo.find((attribute) => attribute.name.includes("OBJECTID"));
-  return objectIdsAttribute == null ? void 0 : objectIdsAttribute.name;
-}
-function generateAttributesByFeatureId(attributes, attributeStorageInfo, featureId, tilesetFields) {
-  const objectIdsAttributeName = getFeatureIdsAttributeName(attributeStorageInfo);
-  const objectIds = attributes.find((attribute) => attribute.value[objectIdsAttributeName]);
-  if (!objectIds) {
-    return null;
-  }
-  const attributeIndex = objectIds.value[objectIdsAttributeName].indexOf(featureId);
-  if (attributeIndex < 0) {
-    return null;
-  }
-  return getFeatureAttributesByIndex(attributes, attributeIndex, attributeStorageInfo, tilesetFields);
-}
-function getFeatureAttributesByIndex(attributes, featureIdIndex, attributeStorageInfo, tilesetFields) {
-  const attributesObject = {};
-  for (let index = 0; index < attributeStorageInfo.length; index++) {
-    const attributeName = attributeStorageInfo[index].name;
-    const codedValues = getAttributeCodedValues(attributeName, tilesetFields);
-    const attribute = getAttributeByIndexAndAttributeName(attributes, index, attributeName);
-    attributesObject[attributeName] = formatAttributeValue(attribute, featureIdIndex, codedValues);
-  }
-  return attributesObject;
-}
-function getAttributeCodedValues(attributeName, tilesetFields) {
-  var _a;
-  const attributeField = tilesetFields.find((field) => field.name === attributeName || field.alias === attributeName);
-  return ((_a = attributeField == null ? void 0 : attributeField.domain) == null ? void 0 : _a.codedValues) || [];
-}
-function getAttributeByIndexAndAttributeName(attributes, index, attributesName) {
-  const attributeObject = attributes[index];
-  if (attributeObject.status === REJECTED_STATUS) {
-    return null;
-  }
-  return attributeObject.value[attributesName];
-}
-function formatAttributeValue(attribute, featureIdIndex, codedValues) {
-  let value = EMPTY_VALUE;
-  if (attribute && featureIdIndex in attribute) {
-    value = String(attribute[featureIdIndex]).replace(/\u0000|NaN/g, "").trim();
-  }
-  if (codedValues.length) {
-    const codeValue = codedValues.find((codedValue) => codedValue.code === Number(value));
-    value = (codeValue == null ? void 0 : codeValue.name) || EMPTY_VALUE;
-  }
-  return value;
-}
-
-// src/lib/utils/customize-сolors.ts
-async function customizeColors(colors, featureIds, tileOptions, tilesetOptions, options) {
-  var _a;
-  if (!((_a = options == null ? void 0 : options.i3s) == null ? void 0 : _a.colorsByAttribute)) {
-    return colors;
-  }
-  const colorizeAttributeField = tilesetOptions.fields.find(
-    ({ name }) => {
-      var _a2, _b;
-      return name === ((_b = (_a2 = options == null ? void 0 : options.i3s) == null ? void 0 : _a2.colorsByAttribute) == null ? void 0 : _b.attributeName);
-    }
-  );
-  if (!colorizeAttributeField || !["esriFieldTypeDouble", "esriFieldTypeInteger", "esriFieldTypeSmallInteger"].includes(
-    colorizeAttributeField.type
-  )) {
-    return colors;
-  }
-  const colorizeAttributeData = await loadFeatureAttributeData(
-    colorizeAttributeField.name,
-    tileOptions,
-    tilesetOptions,
-    options
-  );
-  if (!colorizeAttributeData) {
-    return colors;
-  }
-  const objectIdField = tilesetOptions.fields.find(({ type }) => type === "esriFieldTypeOID");
-  if (!objectIdField) {
-    return colors;
-  }
-  const objectIdAttributeData = await loadFeatureAttributeData(
-    objectIdField.name,
-    tileOptions,
-    tilesetOptions,
-    options
-  );
-  if (!objectIdAttributeData) {
-    return colors;
-  }
-  const attributeValuesMap = {};
-  for (let i = 0; i < objectIdAttributeData[objectIdField.name].length; i++) {
-    attributeValuesMap[objectIdAttributeData[objectIdField.name][i]] = calculateColorForAttribute(
-      // @ts-expect-error
-      colorizeAttributeData[colorizeAttributeField.name][i],
-      options
-    );
-  }
-  for (let i = 0; i < featureIds.value.length; i++) {
-    const color = attributeValuesMap[featureIds.value[i]];
-    if (!color) {
-      continue;
-    }
-    if (options.i3s.colorsByAttribute.mode === "multiply") {
-      color.forEach((colorItem, index) => {
-        colors.value[i * 4 + index] = colors.value[i * 4 + index] * colorItem / 255;
-      });
-    } else {
-      colors.value.set(color, i * 4);
-    }
-  }
-  return colors;
-}
-function calculateColorForAttribute(attributeValue, options) {
-  var _a;
-  if (!((_a = options == null ? void 0 : options.i3s) == null ? void 0 : _a.colorsByAttribute)) {
-    return [255, 255, 255, 255];
-  }
-  const { minValue, maxValue, minColor, maxColor } = options.i3s.colorsByAttribute;
-  const rate = (attributeValue - minValue) / (maxValue - minValue);
-  const color = [255, 255, 255, 255];
-  for (let i = 0; i < minColor.length; i++) {
-    color[i] = Math.round((maxColor[i] - minColor[i]) * rate + minColor[i]);
-  }
-  return color;
-}
-async function loadFeatureAttributeData(attributeName, { attributeUrls }, { attributeStorageInfo }, options) {
-  var _a;
-  const attributeIndex = attributeStorageInfo.findIndex(({ name }) => attributeName === name);
-  if (attributeIndex === -1) {
-    return null;
-  }
-  const objectIdAttributeUrl = getUrlWithToken(attributeUrls[attributeIndex], (_a = options == null ? void 0 : options.i3s) == null ? void 0 : _a.token);
-  const attributeType = getAttributeValueType(attributeStorageInfo[attributeIndex]);
-  const objectIdAttributeData = await (0, import_core2.load)(objectIdAttributeUrl, I3SAttributeLoader, {
-    attributeName,
-    attributeType
-  });
-  return objectIdAttributeData;
-}
-
 // src/lib/parsers/parse-i3s-tile-content.ts
-var scratchVector = new import_core4.Vector3([0, 0, 0]);
+var scratchVector = new import_core2.Vector3([0, 0, 0]);
 function getLoaderForTextureFormat(textureFormat) {
   switch (textureFormat) {
     case "ktx-etc2":
@@ -429,7 +158,7 @@ async function parseI3STileContent(arrayBuffer, tileOptions, tilesetOptions, opt
     indices: null,
     featureIds: [],
     vertexCount: 0,
-    modelMatrix: new import_core4.Matrix4(),
+    modelMatrix: new import_core2.Matrix4(),
     coordinateSystem: 0,
     byteLength: 0,
     texture: null
@@ -437,8 +166,8 @@ async function parseI3STileContent(arrayBuffer, tileOptions, tilesetOptions, opt
   if (tileOptions.textureUrl) {
     const url = getUrlWithToken(tileOptions.textureUrl, (_a = options == null ? void 0 : options.i3s) == null ? void 0 : _a.token);
     const loader = getLoaderForTextureFormat(tileOptions.textureFormat);
-    const fetch = context == null ? void 0 : context.fetch;
-    const response = await fetch(url);
+    const fetchFunc = (context == null ? void 0 : context.fetch) || fetch;
+    const response = await fetchFunc(url);
     const arrayBuffer2 = await response.arrayBuffer();
     if (options == null ? void 0 : options.i3s.decodeTextures) {
       if (loader === import_images.ImageLoader) {
@@ -447,11 +176,11 @@ async function parseI3STileContent(arrayBuffer, tileOptions, tilesetOptions, opt
           const texture = await (0, import_loader_utils.parseFromContext)(arrayBuffer2, [], options2, context);
           content.texture = texture;
         } catch (e) {
-          const texture = await (0, import_core3.parse)(arrayBuffer2, loader, options2, context);
+          const texture = await (0, import_core.parse)(arrayBuffer2, loader, options2, context);
           content.texture = texture;
         }
       } else if (loader === import_textures.CompressedTextureLoader || loader === import_textures.BasisLoader) {
-        let texture = await (0, import_core3.load)(arrayBuffer2, loader, tileOptions.textureLoaderOptions);
+        let texture = await (0, import_core.load)(arrayBuffer2, loader, tileOptions.textureLoaderOptions);
         if (loader === import_textures.BasisLoader) {
           texture = texture[0];
         }
@@ -482,7 +211,7 @@ async function parseI3SNodeGeometry(arrayBuffer, content, tileOptions, tilesetOp
   let featureCount = 0;
   let indices;
   if (tileOptions.isDracoGeometry) {
-    const decompressedGeometry = await (0, import_core3.parse)(arrayBuffer, import_draco.DracoLoader, {
+    const decompressedGeometry = await (0, import_core.parse)(arrayBuffer, import_draco.DracoLoader, {
       draco: {
         attributeNameEntry: I3S_ATTRIBUTE_TYPE
       }
@@ -546,13 +275,6 @@ async function parseI3SNodeGeometry(arrayBuffer, content, tileOptions, tilesetOp
     content.modelMatrix = getModelMatrix(attributes.position);
     content.coordinateSystem = 3 /* LNGLAT_OFFSETS */;
   }
-  attributes.color = await customizeColors(
-    attributes.color,
-    attributes.id,
-    tileOptions,
-    tilesetOptions,
-    options
-  );
   content.attributes = {
     positions: attributes.position,
     normals: attributes.normal,
@@ -678,9 +400,9 @@ function parsePositions(attribute, options) {
   const mbs = options.mbs;
   const value = attribute.value;
   const metadata = attribute.metadata;
-  const enuMatrix = new import_core4.Matrix4();
-  const cartographicOrigin = new import_core4.Vector3(mbs[0], mbs[1], mbs[2]);
-  const cartesianOrigin = new import_core4.Vector3();
+  const enuMatrix = new import_core2.Matrix4();
+  const cartographicOrigin = new import_core2.Vector3(mbs[0], mbs[1], mbs[2]);
+  const cartesianOrigin = new import_core2.Vector3();
   import_geospatial.Ellipsoid.WGS84.cartographicToCartesian(cartographicOrigin, cartesianOrigin);
   import_geospatial.Ellipsoid.WGS84.eastNorthUpToFixedFrame(cartesianOrigin, enuMatrix);
   attribute.value = offsetsToCartesians(value, metadata, cartographicOrigin);
@@ -708,7 +430,7 @@ function getModelMatrix(positions) {
   const metadata = positions.metadata;
   const scaleX = ((_a = metadata == null ? void 0 : metadata["i3s-scale_x"]) == null ? void 0 : _a.double) || 1;
   const scaleY = ((_b = metadata == null ? void 0 : metadata["i3s-scale_y"]) == null ? void 0 : _b.double) || 1;
-  const modelMatrix = new import_core4.Matrix4();
+  const modelMatrix = new import_core2.Matrix4();
   modelMatrix[0] = scaleX;
   modelMatrix[5] = scaleY;
   return modelMatrix;
@@ -811,13 +533,13 @@ function getFeatureIdsFromFeatureIndexMetadata(featureIndex) {
 }
 
 // src/i3s-content-loader.ts
-var VERSION2 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "beta";
+var VERSION = typeof __VERSION__ !== "undefined" ? __VERSION__ : "beta";
 var I3SContentLoader = {
   name: "I3S Content (Indexed Scene Layers)",
   id: "i3s-content",
   module: "i3s",
   worker: true,
-  version: VERSION2,
+  version: VERSION,
   mimeTypes: ["application/octet-stream"],
   parse: parse2,
   extensions: ["bin"],
@@ -844,20 +566,20 @@ async function parse2(data, options, context) {
 // src/lib/parsers/parse-i3s.ts
 var import_culling = require("@math.gl/culling");
 var import_geospatial2 = require("@math.gl/geospatial");
-var import_core6 = require("@loaders.gl/core");
+var import_core4 = require("@loaders.gl/core");
 var import_tiles = require("@loaders.gl/tiles");
 
 // src/lib/helpers/i3s-nodepages-tiles.ts
-var import_core5 = require("@loaders.gl/core");
+var import_core3 = require("@loaders.gl/core");
 var import_textures2 = require("@loaders.gl/textures");
 
 // src/i3s-node-page-loader.ts
-var VERSION3 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
+var VERSION2 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
 var I3SNodePageLoader = {
   name: "I3S Node Page",
   id: "i3s-node-page",
   module: "i3s",
-  version: VERSION3,
+  version: VERSION2,
   mimeTypes: ["application/json"],
   parse: parseNodePage,
   extensions: ["json"],
@@ -907,7 +629,7 @@ var I3SNodePagesTiles = class {
       );
       this.pendingNodePages[pageIndex] = {
         status: "Pending",
-        promise: (0, import_core5.load)(nodePageUrl, I3SNodePageLoader, this.options)
+        promise: (0, import_core3.load)(nodePageUrl, I3SNodePageLoader, this.options)
       };
       this.nodePages[pageIndex] = await this.pendingNodePages[pageIndex].promise;
       this.nodesInNodePages += this.nodePages[pageIndex].nodes.length;
@@ -1178,7 +900,7 @@ async function normalizeTilesetData(tileset, options, context) {
   } else {
     const parseOptions = options.i3s;
     const rootNodeUrl = getUrlWithToken(`${url}/nodes/root`, parseOptions.token);
-    root = await (0, import_core6.load)(rootNodeUrl, I3SLoader, {
+    root = await (0, import_core4.load)(rootNodeUrl, I3SLoader, {
       ...options,
       i3s: {
         // @ts-expect-error options is not properly typed
@@ -1204,7 +926,7 @@ async function normalizeTilesetData(tileset, options, context) {
 }
 
 // src/i3s-loader.ts
-var VERSION4 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
+var VERSION3 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
 var TILESET_REGEX = /layers\/[0-9]+$/;
 var TILE_HEADER_REGEX = /nodes\/([0-9-]+|root)$/;
 var SLPK_HEX = "504b0304";
@@ -1213,7 +935,7 @@ var I3SLoader = {
   name: "I3S (Indexed Scene Layers)",
   id: "i3s",
   module: "i3s",
-  version: VERSION4,
+  version: VERSION3,
   mimeTypes: ["application/octet-stream"],
   parse: parseI3S,
   extensions: ["bin"],
@@ -1229,8 +951,7 @@ var I3SLoader = {
       useDracoGeometry: true,
       useCompressedTextures: true,
       decodeTextures: true,
-      coordinateSystem: 2 /* METER_OFFSETS */,
-      colorsByAttribute: null
+      coordinateSystem: 2 /* METER_OFFSETS */
     }
   }
 };
@@ -1264,7 +985,7 @@ async function parseI3S(data, options = {}, context) {
   return data;
 }
 async function parseTileContent(arrayBuffer, options) {
-  return await (0, import_core7.parse)(arrayBuffer, I3SContentLoader, options);
+  return await (0, import_core5.parse)(arrayBuffer, I3SContentLoader, options);
 }
 async function parseTileset(data, options, context) {
   const tilesetJson = JSON.parse(new TextDecoder().decode(data));
@@ -1447,12 +1168,12 @@ async function parseSLPKArchive(fileProvider, cb) {
 }
 
 // src/i3s-slpk-loader.ts
-var VERSION5 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
+var VERSION4 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
 var SLPKLoader = {
   name: "I3S SLPK (Scene Layer Package)",
   id: "slpk",
   module: "i3s",
-  version: VERSION5,
+  version: VERSION4,
   mimeTypes: ["application/octet-stream"],
   extensions: ["slpk"],
   options: {},
@@ -1463,6 +1184,175 @@ var SLPKLoader = {
   }
 };
 
+// src/i3s-attribute-loader.ts
+var import_core6 = require("@loaders.gl/core");
+
+// src/lib/parsers/parse-i3s-attribute.ts
+function parseI3STileAttribute(arrayBuffer, options) {
+  const { attributeName, attributeType } = options;
+  if (!attributeName) {
+    return {};
+  }
+  return {
+    [attributeName]: attributeType ? parseAttribute(attributeType, arrayBuffer) : null
+  };
+}
+function parseAttribute(attributeType, arrayBuffer) {
+  switch (attributeType) {
+    case STRING_ATTRIBUTE_TYPE:
+      return parseStringsAttribute(arrayBuffer);
+    case OBJECT_ID_ATTRIBUTE_TYPE:
+      return parseShortNumberAttribute(arrayBuffer);
+    case FLOAT_64_TYPE:
+      return parseFloatAttribute(arrayBuffer);
+    case INT_16_ATTRIBUTE_TYPE:
+      return parseInt16ShortNumberAttribute(arrayBuffer);
+    default:
+      return parseShortNumberAttribute(arrayBuffer);
+  }
+}
+function parseShortNumberAttribute(arrayBuffer) {
+  const countOffset = 4;
+  return new Uint32Array(arrayBuffer, countOffset);
+}
+function parseInt16ShortNumberAttribute(arrayBuffer) {
+  const countOffset = 4;
+  return new Int16Array(arrayBuffer, countOffset);
+}
+function parseFloatAttribute(arrayBuffer) {
+  const countOffset = 8;
+  return new Float64Array(arrayBuffer, countOffset);
+}
+function parseStringsAttribute(arrayBuffer) {
+  const stringsCountOffset = 0;
+  const dataOffset = 8;
+  const bytesPerStringSize = 4;
+  const stringsArray = [];
+  try {
+    const stringsCount = new DataView(
+      arrayBuffer,
+      stringsCountOffset,
+      bytesPerStringSize
+    ).getUint32(stringsCountOffset, true);
+    const stringSizes = new Uint32Array(arrayBuffer, dataOffset, stringsCount);
+    let stringOffset = dataOffset + stringsCount * bytesPerStringSize;
+    for (const stringByteSize of stringSizes) {
+      const textDecoder = new TextDecoder("utf-8");
+      const stringAttribute = new Uint8Array(arrayBuffer, stringOffset, stringByteSize);
+      stringsArray.push(textDecoder.decode(stringAttribute));
+      stringOffset += stringByteSize;
+    }
+  } catch (error) {
+    console.error("Parse string attribute error: ", error.message);
+  }
+  return stringsArray;
+}
+
+// src/i3s-attribute-loader.ts
+var VERSION5 = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
+var EMPTY_VALUE = "";
+var REJECTED_STATUS = "rejected";
+var I3SAttributeLoader = {
+  name: "I3S Attribute",
+  id: "i3s-attribute",
+  module: "i3s",
+  version: VERSION5,
+  mimeTypes: ["application/binary"],
+  parse: async (arrayBuffer, options) => parseI3STileAttribute(arrayBuffer, options),
+  extensions: ["bin"],
+  options: {},
+  binary: true
+};
+async function loadFeatureAttributes(tile, featureId, options = {}) {
+  var _a;
+  const { attributeStorageInfo, attributeUrls, tilesetFields } = getAttributesData(tile);
+  if (!attributeStorageInfo || !attributeUrls || featureId < 0) {
+    return null;
+  }
+  let attributes = [];
+  const attributeLoadPromises = [];
+  for (let index = 0; index < attributeStorageInfo.length; index++) {
+    const url = getUrlWithToken(attributeUrls[index], (_a = options.i3s) == null ? void 0 : _a.token);
+    const attributeName = attributeStorageInfo[index].name;
+    const attributeType = getAttributeValueType(attributeStorageInfo[index]);
+    const loadOptions = { ...options, attributeName, attributeType };
+    const promise = (0, import_core6.load)(url, I3SAttributeLoader, loadOptions);
+    attributeLoadPromises.push(promise);
+  }
+  try {
+    attributes = await Promise.allSettled(attributeLoadPromises);
+  } catch (error) {
+  }
+  if (!attributes.length) {
+    return null;
+  }
+  return generateAttributesByFeatureId(attributes, attributeStorageInfo, featureId, tilesetFields);
+}
+function getAttributesData(tile) {
+  var _a, _b, _c, _d, _e;
+  const attributeStorageInfo = (_b = (_a = tile.tileset) == null ? void 0 : _a.tileset) == null ? void 0 : _b.attributeStorageInfo;
+  const attributeUrls = (_c = tile.header) == null ? void 0 : _c.attributeUrls;
+  const tilesetFields = ((_e = (_d = tile.tileset) == null ? void 0 : _d.tileset) == null ? void 0 : _e.fields) || [];
+  return { attributeStorageInfo, attributeUrls, tilesetFields };
+}
+function getAttributeValueType(attribute) {
+  if (attribute.hasOwnProperty("objectIds")) {
+    return "Oid32";
+  } else if (attribute.hasOwnProperty("attributeValues")) {
+    return attribute.attributeValues.valueType;
+  }
+  return "";
+}
+function getFeatureIdsAttributeName(attributeStorageInfo) {
+  const objectIdsAttribute = attributeStorageInfo.find((attribute) => attribute.name.includes("OBJECTID"));
+  return objectIdsAttribute == null ? void 0 : objectIdsAttribute.name;
+}
+function generateAttributesByFeatureId(attributes, attributeStorageInfo, featureId, tilesetFields) {
+  const objectIdsAttributeName = getFeatureIdsAttributeName(attributeStorageInfo);
+  const objectIds = attributes.find((attribute) => attribute.value[objectIdsAttributeName]);
+  if (!objectIds) {
+    return null;
+  }
+  const attributeIndex = objectIds.value[objectIdsAttributeName].indexOf(featureId);
+  if (attributeIndex < 0) {
+    return null;
+  }
+  return getFeatureAttributesByIndex(attributes, attributeIndex, attributeStorageInfo, tilesetFields);
+}
+function getFeatureAttributesByIndex(attributes, featureIdIndex, attributeStorageInfo, tilesetFields) {
+  const attributesObject = {};
+  for (let index = 0; index < attributeStorageInfo.length; index++) {
+    const attributeName = attributeStorageInfo[index].name;
+    const codedValues = getAttributeCodedValues(attributeName, tilesetFields);
+    const attribute = getAttributeByIndexAndAttributeName(attributes, index, attributeName);
+    attributesObject[attributeName] = formatAttributeValue(attribute, featureIdIndex, codedValues);
+  }
+  return attributesObject;
+}
+function getAttributeCodedValues(attributeName, tilesetFields) {
+  var _a;
+  const attributeField = tilesetFields.find((field) => field.name === attributeName || field.alias === attributeName);
+  return ((_a = attributeField == null ? void 0 : attributeField.domain) == null ? void 0 : _a.codedValues) || [];
+}
+function getAttributeByIndexAndAttributeName(attributes, index, attributesName) {
+  const attributeObject = attributes[index];
+  if (attributeObject.status === REJECTED_STATUS) {
+    return null;
+  }
+  return attributeObject.value[attributesName];
+}
+function formatAttributeValue(attribute, featureIdIndex, codedValues) {
+  let value = EMPTY_VALUE;
+  if (attribute && featureIdIndex in attribute) {
+    value = String(attribute[featureIdIndex]).replace(/\u0000|NaN/g, "").trim();
+  }
+  if (codedValues.length) {
+    const codeValue = codedValues.find((codedValue) => codedValue.code === Number(value));
+    value = (codeValue == null ? void 0 : codeValue.name) || EMPTY_VALUE;
+  }
+  return value;
+}
+
 // src/lib/parsers/parse-i3s-building-scene-layer.ts
 var OBJECT_3D_LAYER_TYPE = "3DObject";
 async function parseBuildingSceneLayer(data, url) {
@@ -1516,7 +1406,7 @@ async function parse4(data, options, context) {
 }
 
 // src/lib/parsers/parse-arcgis-webscene.ts
-var import_core8 = require("@loaders.gl/core");
+var import_core7 = require("@loaders.gl/core");
 var SUPPORTED_WKID = 4326;
 var ARCGIS_SCENE_SERVER_LAYER_TYPE = "ArcGISSceneServiceLayer";
 var BUILDING_SCENE_LAYER = "BuildingSceneLayer";
@@ -1570,7 +1460,7 @@ async function parseOperationalLayers(layersList, needToCheckCRS) {
 async function checkSupportedIndexCRS(layer) {
   var _a;
   try {
-    const layerJson = await (0, import_core8.load)(layer.url, import_core8.JSONLoader);
+    const layerJson = await (0, import_core7.load)(layer.url, import_core7.JSONLoader);
     const wkid = (_a = layerJson == null ? void 0 : layerJson.spatialReference) == null ? void 0 : _a.wkid;
     if (wkid !== SUPPORTED_WKID) {
       throw new Error(NOT_SUPPORTED_CRS_ERROR);
@@ -1595,3 +1485,90 @@ var ArcGISWebSceneLoader = {
 async function parse5(data) {
   return parseWebscene(data);
 }
+
+// src/lib/utils/customize-colors.ts
+var import_core8 = require("@loaders.gl/core");
+async function customizeColors(colors, featureIds, attributeUrls, fields, attributeStorageInfo, colorsByAttribute, token) {
+  if (!colorsByAttribute) {
+    return colors;
+  }
+  const resultColors = {
+    ...colors,
+    value: new Uint8Array(colors.value)
+  };
+  const colorizeAttributeField = fields.find(({ name }) => name === (colorsByAttribute == null ? void 0 : colorsByAttribute.attributeName));
+  if (!colorizeAttributeField || !["esriFieldTypeDouble", "esriFieldTypeInteger", "esriFieldTypeSmallInteger"].includes(
+    colorizeAttributeField.type
+  )) {
+    return colors;
+  }
+  const colorizeAttributeData = await loadFeatureAttributeData(
+    colorizeAttributeField.name,
+    attributeUrls,
+    attributeStorageInfo,
+    token
+  );
+  if (!colorizeAttributeData) {
+    return colors;
+  }
+  const objectIdField = fields.find(({ type }) => type === "esriFieldTypeOID");
+  if (!objectIdField) {
+    return colors;
+  }
+  const objectIdAttributeData = await loadFeatureAttributeData(
+    objectIdField.name,
+    attributeUrls,
+    attributeStorageInfo,
+    token
+  );
+  if (!objectIdAttributeData) {
+    return colors;
+  }
+  const attributeValuesMap = {};
+  for (let i = 0; i < objectIdAttributeData[objectIdField.name].length; i++) {
+    attributeValuesMap[objectIdAttributeData[objectIdField.name][i]] = calculateColorForAttribute(
+      // @ts-expect-error
+      colorizeAttributeData[colorizeAttributeField.name][i],
+      colorsByAttribute
+    );
+  }
+  for (let i = 0; i < featureIds.length; i++) {
+    const color = attributeValuesMap[featureIds[i]];
+    if (!color) {
+      continue;
+    }
+    if (colorsByAttribute.mode === "multiply") {
+      color.forEach((colorItem, index) => {
+        resultColors.value[i * 4 + index] = resultColors.value[i * 4 + index] * colorItem / 255;
+      });
+    } else {
+      resultColors.value.set(color, i * 4);
+    }
+  }
+  return resultColors;
+}
+function calculateColorForAttribute(attributeValue, colorsByAttribute) {
+  if (!colorsByAttribute) {
+    return [255, 255, 255, 255];
+  }
+  const { minValue, maxValue, minColor, maxColor } = colorsByAttribute;
+  const rate = (attributeValue - minValue) / (maxValue - minValue);
+  const color = [255, 255, 255, 255];
+  for (let i = 0; i < minColor.length; i++) {
+    color[i] = Math.round((maxColor[i] - minColor[i]) * rate + minColor[i]);
+  }
+  return color;
+}
+async function loadFeatureAttributeData(attributeName, attributeUrls, attributeStorageInfo, token) {
+  const attributeIndex = attributeStorageInfo.findIndex(({ name }) => attributeName === name);
+  if (attributeIndex === -1) {
+    return null;
+  }
+  const objectIdAttributeUrl = getUrlWithToken(attributeUrls[attributeIndex], token);
+  const attributeType = getAttributeValueType(attributeStorageInfo[attributeIndex]);
+  const objectIdAttributeData = await (0, import_core8.load)(objectIdAttributeUrl, I3SAttributeLoader, {
+    attributeName,
+    attributeType
+  });
+  return objectIdAttributeData;
+}