venue-js 1.2.0-next.7 → 1.2.0-next.9

package/dist/index.js

@@ -49,6 +49,7 @@ __export(index_exports, {
   MARKER_LAYER_NAME: () => MARKER_LAYER_NAME,
   NONIMDF_FEATURE_TYPES: () => NONIMDF_FEATURE_TYPES,
   ORIGIN_MARKER_ID: () => ORIGIN_MARKER_ID,
+  OccupantHelpers: () => occupant_helper_exports,
   POI_MARKER_LAYER_NAME: () => POI_MARKER_LAYER_NAME,
   QueryObserver: () => import_query_core2.QueryObserver,
   USER_LOCATION_ELEMENT_ID: () => USER_LOCATION_ELEMENT_ID,
@@ -76,6 +77,16 @@ __export(index_exports, {
   getRelatedLocationsByOccupant: () => getRelatedLocationsByOccupant,
   getSuitablyValueBetweenBearings: () => getSuitablyValueBetweenBearings,
   isClickableFeature: () => isClickableFeature,
+  isValidCoordinate: () => isValidCoordinate,
+  isValidLineString: () => isValidLineString,
+  isValidLineStringCoordinates: () => isValidLineStringCoordinates,
+  isValidMultiPolygon: () => isValidMultiPolygon,
+  isValidMultiPolygonCoordinates: () => isValidMultiPolygonCoordinates,
+  isValidPoint: () => isValidPoint,
+  isValidPolygon: () => isValidPolygon,
+  isValidPolygonCoordinates: () => isValidPolygonCoordinates,
+  matchFilter: () => matchFilter,
+  matchFilters: () => matchFilters,
   safeFetchFeature: () => safeFetchFeature,
   styledFeatureGenerator: () => styledFeatureGenerator
 });
@@ -274,6 +285,115 @@ var safeFetchFeature = async (featureType, params) => {
   }
 };
 
+// src/data/utils/geometry-validator.ts
+var isValidCoordinate = (point2) => {
+  return point2.length === 2 && point2.every((coord) => typeof coord === "number");
+};
+function isValidLinearRingCoordinates(ring) {
+  if (ring.length < 4) {
+    return false;
+  }
+  return ring.every(isValidCoordinate) && ring[0][0] === ring[ring.length - 1][0] && ring[0][1] === ring[ring.length - 1][1];
+}
+var isValidPolygonCoordinates = (polygon) => {
+  if (Array.isArray(polygon[0]) && (polygon[0].length === 0 || typeof polygon[0][0] === "number")) {
+    return isValidLinearRingCoordinates(polygon);
+  }
+  if (Array.isArray(polygon) && polygon.length > 0 && Array.isArray(polygon[0])) {
+    if (!isValidLinearRingCoordinates(polygon[0])) {
+      return false;
+    }
+    for (let i = 1; i < polygon.length; i++) {
+      if (!isValidLinearRingCoordinates(polygon[i])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+};
+var isValidMultiPolygonCoordinates = (multipolygon) => {
+  return multipolygon.every(isValidPolygonCoordinates);
+};
+var isValidLineStringCoordinates = (lineString2) => {
+  if (!Array.isArray(lineString2) || lineString2.length < 2) {
+    return false;
+  }
+  const firstPoint = lineString2[0];
+  const lastPoint = lineString2[lineString2.length - 1];
+  if (firstPoint[0] === lastPoint[0] && firstPoint[1] === lastPoint[1]) {
+    return false;
+  }
+  return lineString2.every(isValidCoordinate);
+};
+var isValidMultiPolygon = (geometry) => {
+  const { type, coordinates } = geometry;
+  return type === "MultiPolygon" && isValidMultiPolygonCoordinates(coordinates);
+};
+var isValidPolygon = (geometry) => {
+  const { type, coordinates } = geometry;
+  return type === "Polygon" && isValidPolygonCoordinates(coordinates);
+};
+var isValidLineString = (geometry) => {
+  const { type, coordinates } = geometry;
+  return type === "LineString" && isValidLineStringCoordinates(coordinates);
+};
+var isValidPoint = (geometry) => {
+  const { type, coordinates } = geometry;
+  return type === "Point" && isValidCoordinate(coordinates);
+};
+
+// src/data/utils/match-filters.ts
+function isInFilter(filter) {
+  return typeof filter === "object" && filter !== null && "$in" in filter && Array.isArray(filter.$in);
+}
+var someIntersect = (a, b) => a.some((v) => b.includes(v));
+function matchFilter(value, filter) {
+  if (Array.isArray(value)) {
+    if (isInFilter(filter)) return someIntersect(value, filter.$in);
+    return value.includes(filter);
+  } else {
+    if (isInFilter(filter)) return filter.$in.includes(value);
+    return value === filter;
+  }
+}
+function matchFilters(item, filters) {
+  return Object.entries(filters).every(([key, filter]) => {
+    return matchFilter(item.properties[key], filter);
+  });
+}
+
+// src/data/utils/occupant-helper.ts
+var occupant_helper_exports = {};
+__export(occupant_helper_exports, {
+  getOccupantCorrelatedLocations: () => getOccupantCorrelatedLocations,
+  getOccupantMainLocation: () => getOccupantMainLocation,
+  getOccupantMarkerLocations: () => getOccupantMarkerLocations
+});
+var import_compact = __toESM(require("lodash/compact"));
+var getOccupantMainLocation = (occupant) => {
+  return occupant.properties.kiosk || occupant.properties.unit;
+};
+var getOccupantCorrelatedLocations = (occupant) => {
+  const allCorrelatedLocations = [
+    ...occupant.properties.units,
+    ...occupant.properties.kiosks
+  ];
+  return (0, import_compact.default)(allCorrelatedLocations);
+};
+var getOccupantMarkerLocations = (occupant, options) => {
+  const placementType = options?.type ? options.type : occupant.properties.show_name_on_all_units ? "ALL_LOCATIONS" : "ONCE_PER_LEVEL";
+  const mainLocation = getOccupantMainLocation(occupant);
+  const mainLocationLevel = mainLocation?.properties?.level_id;
+  const allCorrelatedLocations = getOccupantCorrelatedLocations(occupant);
+  if (placementType === "ALL_LOCATIONS") {
+    return (0, import_compact.default)([mainLocation, ...allCorrelatedLocations]);
+  }
+  const otherLevelLocations = allCorrelatedLocations.filter((f) => f.properties.level_id !== mainLocationLevel);
+  const onePerLevelLocations = [...new Map(otherLevelLocations.map((loc) => [loc.properties.level_id, loc])).values()];
+  return (0, import_compact.default)([mainLocation, ...onePerLevelLocations]);
+};
+
 // src/data/getDataClient.ts
 var import_query_core = require("@tanstack/query-core");
 
@@ -429,8 +549,8 @@ var createPopulator = ({
         venue,
         promotions,
         privileges,
-        kiosk,
-        unit,
+        kiosk: kiosk ? await populateKiosk(kiosk) : null,
+        unit: unit ? await populateUnit(unit) : null,
         kiosks: await Promise.all(kiosks.map(populateKiosk)),
         units: await Promise.all(units.map(populateUnit))
       }
@@ -522,26 +642,6 @@ var createPopulator = ({
   };
 };
 
-// src/data/utils/match-filters.ts
-function isInFilter(filter) {
-  return typeof filter === "object" && filter !== null && "$in" in filter && Array.isArray(filter.$in);
-}
-var someIntersect = (a, b) => a.some((v) => b.includes(v));
-function matchFilter(value, filter) {
-  if (Array.isArray(value)) {
-    if (isInFilter(filter)) return someIntersect(value, filter.$in);
-    return value.includes(filter);
-  } else {
-    if (isInFilter(filter)) return filter.$in.includes(value);
-    return value === filter;
-  }
-}
-function matchFilters(item, filters) {
-  return Object.entries(filters).every(([key, filter]) => {
-    return matchFilter(item.properties[key], filter);
-  });
-}
-
 // src/data/getDataClient.ts
 var getDataClient = (options) => {
   const observers = /* @__PURE__ */ new Map();
@@ -752,8 +852,8 @@ function isNumber(num) {
 // src/IndoorMap/IndoorMap.ts
 var import_distance = __toESM(require("@turf/distance"));
 var import_center4 = __toESM(require("@turf/center"));
-var import_three8 = require("three");
-var import_maptalks9 = require("maptalks.three");
+var import_three7 = require("three");
+var import_maptalks10 = require("maptalks.three");
 
 // src/IndoorMap/constants.ts
 var defaultLayerOption = { enableAltitude: true };
@@ -1749,18 +1849,6 @@ var loadModel3d = (model3d, coordinate, threeLayer) => {
     );
   });
 };
-var create3DModels = async (models, defaultCoordinate, properties, threeLayer) => {
-  let modelObjs = [];
-  for (let j = 0; j < models.length; j++) {
-    const model = models[j];
-    const positionCoord = import_lodash4.default.get(model, "properties.position");
-    const coord = positionCoord || defaultCoordinate;
-    const object = await loadModel3d(model, coord, threeLayer);
-    object.properties = properties;
-    modelObjs.push(object);
-  }
-  return modelObjs;
-};
 var createExtrudePolygon = (geometry, threeLayer, material, height, properties = {}, options) => {
   const { offset = 0, altitude = 0 } = options;
   const offsetGeometry = (0, import_buffer.default)(geometry, offset, { units: "meters" });
@@ -2668,44 +2756,6 @@ var styledFeatureGenerator = (mapTheme) => {
         markerProperties
       );
     },
-    createVenue3DModel: async (venue, threeLayer) => {
-      const { id, feature_type, properties } = venue;
-      const { category, model3d } = properties;
-      const modelProperty = {
-        id,
-        feature_type,
-        category
-      };
-      const center2 = (0, import_center2.default)(venue);
-      const centerCoord = import_lodash4.default.get(center2, "geometry.coordinates");
-      const modelPosition = import_lodash4.default.get(model3d, "properties.position", centerCoord);
-      const models = await create3DModels(
-        model3d,
-        modelPosition,
-        modelProperty,
-        threeLayer
-      );
-      return models;
-    },
-    create3DFixture: async (fixture, threeLayer) => {
-      const { id, feature_type, properties } = fixture;
-      const { category, ordinal, model3d } = properties;
-      const modelProperty = {
-        id,
-        feature_type,
-        category,
-        ordinal
-      };
-      const center2 = (0, import_center2.default)(fixture);
-      const coordinate = import_lodash4.default.get(center2, "geometry.coordinates");
-      const models = await create3DModels(
-        model3d,
-        coordinate,
-        modelProperty,
-        threeLayer
-      );
-      return models;
-    },
     createExtrudedUnit: (unit, threeLayer, options) => {
       const extrudeHeight = import_lodash4.default.get(options, "height");
       if (!extrudeHeight) return;
@@ -2745,24 +2795,6 @@ var styledFeatureGenerator = (mapTheme) => {
         options3d
       );
       return object;
-    },
-    createAmbientLight: (config) => {
-      const { color: colorString = "0xffffff", intensity = 1 } = config;
-      const color = parseInt(colorString, 16);
-      const ambientLight = new import_three5.AmbientLight(color, intensity);
-      return ambientLight;
-    },
-    createDirectionalLight: (config) => {
-      const {
-        color: colorString = "0xffffff",
-        intensity = 1,
-        position: positionString = [0, 0, 0]
-      } = config;
-      const color = parseInt(colorString, 16);
-      const [x, y, z] = positionString;
-      const light = new import_three5.DirectionalLight(color, intensity);
-      light.position.set(x, y, z).normalize();
-      return light;
     }
   };
 };
@@ -3121,6 +3153,7 @@ var CameraManager = class {
 };
 
 // src/IndoorMap/renderer/RendererManager.ts
+var import_isFunction = __toESM(require("lodash/isFunction"));
 var import_min = __toESM(require("lodash/min"));
 var import_center3 = require("@turf/center");
 var THREE3 = __toESM(require("three"));
@@ -3128,6 +3161,7 @@ var THREE3 = __toESM(require("three"));
 // src/IndoorMap/renderer/3d/Element3DRenderer.ts
 var maptalks4 = __toESM(require("maptalks-gl"));
 var THREE = __toESM(require("three"));
+var import_maptalks7 = require("maptalks.three");
 var import_buffer2 = __toESM(require("@turf/buffer"));
 
 // src/IndoorMap/renderer/3d/element3DRendererOptions.ts
@@ -3140,6 +3174,7 @@ var element3DRendererOptions = {
       unenclosedarea: { color: "#cccccc", height: 0.2 },
       nonpublic: { color: "#999999", height: 0.3 },
       escalator: { height: 0.2 },
+      parking: { height: 0.1 },
       room: { color: "#ffffff", height: 2, bottomHeight: 0.12 }
     }
   },
@@ -3177,6 +3212,7 @@ var Element3DRenderer = class extends EventTarget {
   map;
   gltfLayer;
   threeLayer;
+  scene;
   // private dracoLoader: DRACOLoader
   lineMaterial;
   materialByColorMap;
@@ -3308,6 +3344,9 @@ var Element3DRenderer = class extends EventTarget {
     treeMarker.addTo(this.gltfLayer);
     return treeMarker;
   }
+  async createBuilding(coordinate, ordinal) {
+    return Promise.resolve(null);
+  }
   createElement(f) {
     switch (f.feature_type) {
       default:
@@ -3329,6 +3368,34 @@ var Element3DRenderer = class extends EventTarget {
       }
     });
   }
+  createHighlightController(element) {
+    if (!(element instanceof import_maptalks7.BaseObject)) {
+      return null;
+    }
+    switch (element.type) {
+      case "ExtrudePolygon": {
+        const mesh = element.getObject3d();
+        const originalMaterial = mesh.material;
+        const highlightMaterial = this.getOrCreateMaterialByColor("#ff0000");
+        return {
+          start: () => {
+            mesh.material = highlightMaterial;
+          },
+          clear: () => {
+            mesh.material = originalMaterial;
+          }
+        };
+      }
+      default: {
+        return {
+          start() {
+          },
+          clear() {
+          }
+        };
+      }
+    }
+  }
   render() {
     this.threeLayer._needsUpdate = !this.threeLayer._needsUpdate;
     if (this.threeLayer._needsUpdate) {
@@ -3436,7 +3503,10 @@ var Element2DRenderer = class extends EventTarget {
   async createEscalator(f, coordinates) {
     return Promise.resolve(null);
   }
-  async createTree(f, coordinates) {
+  async createTree(coordinates) {
+    return Promise.resolve(null);
+  }
+  async createBuilding(coordinate, ordinal) {
     return Promise.resolve(null);
   }
   createElement = (imdfFeature) => {
@@ -3456,6 +3526,15 @@ var Element2DRenderer = class extends EventTarget {
       element.hide();
     });
   }
+  createHighlightController(element) {
+    if (!(element instanceof maptalks5.Geometry)) return null;
+    return {
+      start() {
+      },
+      clear() {
+      }
+    };
+  }
 };
 
 // src/IndoorMap/renderer/2d/Marker2DRenderer.ts
@@ -3466,6 +3545,7 @@ var Marker2DRenderer = class extends EventTarget {
   markerLayer;
   constructor(map) {
     super();
+    this.map = map;
   }
   createMarker = (coordinates, ordinal, content) => {
     const marker = new maptalks6.ui.UIMarker(coordinates, {
@@ -3487,79 +3567,12 @@ var Marker2DRenderer = class extends EventTarget {
 };
 
 // src/IndoorMap/renderer/3d/Marker3DRenderer.ts
-var maptalks7 = __toESM(require("maptalks"));
-
-// src/IndoorMap/renderer/utils/svg2material.ts
-var import_three7 = require("three");
-var svgToDataURL = (svgString, scaleFactor = 1) => {
-  const svgBlob = new Blob([svgString], { type: "image/svg+xml" });
-  const url = URL.createObjectURL(svgBlob);
-  const img = new Image();
-  return new Promise((resolve, reject) => {
-    img.onload = function() {
-      const newWidth = img.width * scaleFactor;
-      const newHeight = img.height * scaleFactor;
-      const canvas = document.createElement("canvas");
-      canvas.width = newWidth;
-      canvas.height = newHeight;
-      const ctx = canvas.getContext("2d");
-      ctx.drawImage(img, 0, 0, newWidth, newHeight);
-      const pngDataUrl = canvas.toDataURL("image/png");
-      resolve(pngDataUrl);
-    };
-    img.onerror = function(error) {
-      reject(error);
-    };
-    img.src = url;
-  });
-};
-var createSVGPathFromMarkerSymbol2 = (style) => {
-  const {
-    markerWidth = 24,
-    markerDx = 0,
-    markerDy = 0,
-    // markerFill,
-    markerPath,
-    fill = "#000000"
-  } = style;
-  const scale2 = markerWidth / 24;
-  const strokeWidth = 2;
-  const halfStrokeWidth = 0.5 * strokeWidth;
-  if (Array.isArray(markerPath)) {
-    return markerPath.map(
-      ({ path, fill: fill2 }) => `<path d="${path}" style="transform:translate(${markerDx}px, ${markerDy}px) scale(${scale2})" fill="${fill2}" stroke="#ffffff" stroke-width="${strokeWidth}" />`
-    );
-  }
-  return `<path d="${markerPath}" style="transform:translate(${markerDx}px, ${markerDy}px) scale(${scale2})" fill="${fill}" />`;
-};
-var createSpriteMaterialByLabelSymbol2 = (labelSymbol) => {
-  const material = new import_three7.SpriteMaterial();
-  try {
-    const [base, icon] = labelSymbol ?? [{}, {}];
-    const { markerWidth: baseWidth = 24 } = base;
-    const { markerWidth: iconWidth = 24 } = icon;
-    const viewBoxDimension = Math.max(baseWidth, iconWidth);
-    const baseSVG = createSVGPathFromMarkerSymbol2(base);
-    const iconSVG = icon ? createSVGPathFromMarkerSymbol2(icon) : "";
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${viewBoxDimension}" height="${viewBoxDimension}">${baseSVG}${iconSVG}</svg>`;
-    const textureLoader = new import_three7.TextureLoader();
-    const scaleFactor = 200 / 24;
-    svgToDataURL(svg, scaleFactor).then((png) => {
-      const texture = textureLoader.load(png, () => {
-        material.map = texture;
-        material.needsUpdate = true;
-      });
-    });
-  } catch (error) {
-    console.warn(`Error createSpriteMaterialByLabelSymbol: `, labelSymbol);
-  }
-  return material;
-};
+var maptalks7 = __toESM(require("maptalks-gl"));
 
 // src/IndoorMap/renderer/3d/objects/TextSpriteMarker.ts
-var import_maptalks7 = require("maptalks");
+var import_maptalks8 = require("maptalks");
 var THREE2 = __toESM(require("three"));
-var import_maptalks8 = require("maptalks.three");
+var import_maptalks9 = require("maptalks.three");
 var import_lodash6 = require("lodash");
 
 // src/IndoorMap/renderer/utils/interpolateStops.ts
@@ -3585,11 +3598,11 @@ var OPTIONS4 = {
   fontFamily: "sans-serif",
   fontSize: 28,
   fontWeight: 400,
-  background: "rgba(0, 0, 0, 0.2)",
+  background: "transparent",
   lineHeight: 32,
   padding: 8,
   strokeColor: "#000000",
-  strokeWidth: 6,
+  strokeWidth: 3,
   strokeStyle: "round",
   // Sprite options
   /* Overall scale multiplier  */
@@ -3597,12 +3610,12 @@ var OPTIONS4 = {
   altitude: 0,
   opacity: 1
 };
-var TextSpriteMarker = class extends import_maptalks8.BaseObject {
+var TextSpriteMarker = class extends import_maptalks9.BaseObject {
   #altitudeOffset = 0;
   constructor(coordinate, options, layer, properties = {}) {
-    options = import_maptalks7.Util.extend({}, OPTIONS4, options, { layer });
+    options = import_maptalks8.Util.extend({}, OPTIONS4, options, { layer });
     super();
-    this._coordinate = new import_maptalks7.Coordinate(coordinate);
+    this._coordinate = new import_maptalks8.Coordinate(coordinate);
     this._initOptions(options);
     this._createGroup();
     this.properties = { ...properties };
@@ -3801,40 +3814,41 @@ var Marker3DRenderer = class extends EventTarget {
     });
   }
   /** Marker */
-  getOrCreateIconMaterial(key) {
-    if (!this.materialByKey) this.materialByKey = /* @__PURE__ */ new Map();
-    const existingMaterial = this.materialByKey.get(key);
-    if (existingMaterial) return existingMaterial;
-    const baseSymbol = {
-      markerType: "path",
-      markerPath: [
-        {
-          path: "M20.775 1.2H1.225V20.35H8.215L11.3 22.8L14.385 20.35H20.775V1.2Z",
-          fill: "#ff0000"
-        }
-      ],
-      markerPathWidth: 24,
-      markerPathHeight: 24
-    };
-    const markerSymbol = {
-      markerType: "path",
-      markerPath: [],
-      // TODO: Get Path by featureType.category
-      // markerPath: [{ fill: "#FFFFFF", path: "M 19 3 H 5 c -1.1 0 -2 0.9 -2 2 v 14 c 0 1.1 0.9 2 2 2 h 14 c 1.1 0 2 -0.9 2 -2 V 5 c 0 -1.1 -0.9 -2 -2 -2 Z m -2 6 h -1.7 l -5 9 H 7 c -0.83 0 -1.5 -0.67 -1.5 -1.5 S 6.17 15 7 15 h 1.7 l 5 -9 H 17 c 0.83 0 1.5 0.67 1.5 1.5 S 17.83 9 17 9 Z" }],
-      markerPathWidth: 24,
-      markerPathHeight: 24,
-      markerWidth: 24,
-      markerHeight: 24,
-      markerDy: 1.5,
-      markerDx: 1.5
-    };
-    const created = createSpriteMaterialByLabelSymbol2([
-      baseSymbol,
-      markerSymbol
-    ]);
-    this.materialByKey.set(key, created);
-    return created;
-  }
+  // getOrCreateIconMaterial(key) {
+  //   if (!this.materialByKey) this.materialByKey = new Map()
+  //   const existingMaterial = this.materialByKey.get(key)
+  //   if (existingMaterial) return existingMaterial
+  //   // Create new
+  //   const baseSymbol: maptalks.Path = {
+  //     markerType: "path",
+  //     markerPath: [
+  //       {
+  //         path: "M20.775 1.2H1.225V20.35H8.215L11.3 22.8L14.385 20.35H20.775V1.2Z",
+  //         fill: "#ff0000",
+  //       },
+  //     ],
+  //     markerPathWidth: 24,
+  //     markerPathHeight: 24
+  //   }
+  //   const markerSymbol: maptalks.PathMarkerSymbol = {
+  //     markerType: "path",
+  //     markerPath: [],
+  //     // TODO: Get Path by featureType.category
+  //     // markerPath: [{ fill: "#FFFFFF", path: "M 19 3 H 5 c -1.1 0 -2 0.9 -2 2 v 14 c 0 1.1 0.9 2 2 2 h 14 c 1.1 0 2 -0.9 2 -2 V 5 c 0 -1.1 -0.9 -2 -2 -2 Z m -2 6 h -1.7 l -5 9 H 7 c -0.83 0 -1.5 -0.67 -1.5 -1.5 S 6.17 15 7 15 h 1.7 l 5 -9 H 17 c 0.83 0 1.5 0.67 1.5 1.5 S 17.83 9 17 9 Z" }],
+  //     markerPathWidth: 24,
+  //     markerPathHeight: 24,
+  //     markerWidth: 24,
+  //     markerHeight: 24,
+  //     markerDy: 1.5,
+  //     markerDx: 1.5,
+  //   }
+  //   const created = createSpriteMaterialByLabelSymbol([
+  //     baseSymbol,
+  //     markerSymbol,
+  //   ])
+  //   this.materialByKey.set(key, created)
+  //   return created
+  // }
 };
 
 // src/IndoorMap/renderer/utils/angleBetweenLineString.ts
@@ -3864,6 +3878,9 @@ var RendererManager = class extends EventTarget {
   options;
   // Client for fetching data
   #dataClient;
+  #isClicked = false;
+  #onClickElement = (e) => {
+  };
   /** Elements: Responsible for converting feature info elements and add to map */
   elementRenderer;
   markerRenderer;
@@ -3872,6 +3889,7 @@ var RendererManager = class extends EventTarget {
   currentOrdinals;
   markersMap;
   markersByOrdinal;
+  highlightControllers = [];
   constructor(map, dataClient, options) {
     super();
     this.map = map;
@@ -3890,7 +3908,7 @@ var RendererManager = class extends EventTarget {
         scene.add(ambientLight);
         const dirColor = 16777215;
         const dllight = new THREE3.DirectionalLight(dirColor, 0.8);
-        dllight.position.set(0, -10, 10).normalize();
+        dllight.position.set(0, -10, 20).normalize();
         scene.add(dllight);
         const hemi = new THREE3.HemisphereLight(16777215, 4473924, 0.4);
         scene.add(hemi);
@@ -3907,19 +3925,27 @@ var RendererManager = class extends EventTarget {
       this.#createElements();
     }
   }
+  set onClickElement(func) {
+    this.#onClickElement = func;
+  }
+  handleClickElement = (e) => {
+    console.log(`handleClickElement`, this.#isClicked);
+    if (this.#isClicked) return;
+    this.#isClicked = true;
+    const onClickElement = this.#onClickElement;
+    if (!(0, import_isFunction.default)(onClickElement)) return;
+    this.#onClickElement(e);
+    this.#isClicked = false;
+  };
   getElementsByOrdinal = (ordinal) => {
     const exist = this.elementsByOrdinal.get(ordinal);
     if (!exist) this.elementsByOrdinal.set(ordinal, []);
     return this.elementsByOrdinal.get(ordinal);
   };
-  getMarkersByOrdinal = (ordinal) => {
-    const exist = this.markersByOrdinal.get(ordinal);
-    if (!exist) this.markersByOrdinal.set(ordinal, []);
-    return this.markersByOrdinal.get(ordinal);
-  };
   addElementsToManager = (id, elements, ordinal) => {
     this.elementsMap.set(id, elements);
     elements.forEach((el) => {
+      el.on("click", (e) => this.handleClickElement(id));
       this.getElementsByOrdinal(ordinal).push(el);
     });
     const inOrdinal = Array.isArray(this.currentOrdinals) ? this.currentOrdinals.includes(ordinal) : ordinal === this.currentOrdinals;
@@ -3929,18 +3955,6 @@ var RendererManager = class extends EventTarget {
       this.elementRenderer.hideElements(elements, ordinal);
     }
   };
-  addMarkersToManager = (id, markers, ordinal) => {
-    this.markersMap.set(id, markers);
-    markers.forEach((el) => {
-      this.getMarkersByOrdinal(ordinal).push(el);
-    });
-    const inOrdinal = Array.isArray(this.currentOrdinals) ? this.currentOrdinals.includes(ordinal) : ordinal === this.currentOrdinals;
-    if (inOrdinal) {
-      this.markerRenderer.showMarkers(markers, ordinal);
-    } else {
-      this.markerRenderer.hideMarkers(markers, ordinal);
-    }
-  };
   async #createElements() {
     await delay(this.options.delayBeforeCreateElements ?? 0);
     const levels = await this.#dataClient.filterByType("level", {
@@ -4042,14 +4056,48 @@ var RendererManager = class extends EventTarget {
       }
     }
   }
+  highlightElements = (elemIds, options) => {
+    const { reset = true } = options ?? {};
+    if (reset) {
+      this.clearHighlightElements();
+    }
+    const elements = elemIds.map((id) => this.elementsMap.get(id)).flat();
+    elements.forEach((element) => {
+      const controller = this.elementRenderer.createHighlightController(element);
+      controller.start();
+      this.highlightControllers.push(controller);
+    });
+  };
+  clearHighlightElements = () => {
+    this.highlightControllers.forEach((controller) => {
+      if ((0, import_isFunction.default)(controller?.clear)) controller.clear();
+    });
+  };
   /** 
    * ========================================================================
    * Markers
    * ======================================================================== */
+  _getMarkersByOrdinal = (ordinal) => {
+    const exist = this.markersByOrdinal.get(ordinal);
+    if (!exist) this.markersByOrdinal.set(ordinal, []);
+    return this.markersByOrdinal.get(ordinal);
+  };
+  _addMarkersToManager = (id, markers, ordinal) => {
+    this.markersMap.set(id, markers);
+    markers.forEach((el) => {
+      this._getMarkersByOrdinal(ordinal).push(el);
+    });
+    const inOrdinal = Array.isArray(this.currentOrdinals) ? this.currentOrdinals.includes(ordinal) : ordinal === this.currentOrdinals;
+    if (inOrdinal) {
+      this.markerRenderer.showMarkers(markers, ordinal);
+    } else {
+      this.markerRenderer.hideMarkers(markers, ordinal);
+    }
+  };
   createMarker(coordinate, ordinal, text, options) {
     const marker = this.markerRenderer.createMarker(coordinate, ordinal, text, options);
     const markerId = `${this.markersMap.size + 1}`;
-    this.addMarkersToManager(markerId, [marker], ordinal);
+    this._addMarkersToManager(markerId, [marker], ordinal);
   }
   clearMarkers() {
     for (const [markerId, marker] of this.markersMap) {
@@ -4147,7 +4195,7 @@ var IndoorMap = class extends EventTarget {
       layers: []
     });
     const groupLayer = new import_maptalks_gl.GroupGLLayer("group", [], {}).addTo(this.map);
-    const threeLayer = new import_maptalks9.ThreeLayer("three", {
+    const threeLayer = new import_maptalks10.ThreeLayer("three", {
       forceRenderOnMoving: true,
       forceRenderOnRotating: true
     });
@@ -4249,7 +4297,7 @@ var IndoorMap = class extends EventTarget {
     this.map.setDevicePixelRatio(value);
   }
   set onClickElement(func) {
-    this.#onClickElement = func;
+    this.rendererManager.onClickElement = func;
   }
   set locale(value) {
     this.#locale = value || defaultOptions.locale;
@@ -4265,7 +4313,7 @@ var IndoorMap = class extends EventTarget {
     const scene = this.threeLayer.getScene();
     if (scene) {
       scene.children = scene.children.filter(
-        (children) => children instanceof import_three8.PerspectiveCamera
+        (children) => children instanceof import_three7.PerspectiveCamera
       );
     }
   }
@@ -4290,20 +4338,14 @@ var IndoorMap = class extends EventTarget {
       create3DFootprint,
       create3DGroundLabel,
       create3DBillboard,
-      createVenue3DModel,
       createExtrudedUnit,
-      create3DFixture,
       create3DAmenityMarker,
       create3DOccupantAmenityMarker,
       create3DOpeningMarker,
-      createOccupantGroundLabel,
-      // Light
-      createAmbientLight,
-      createDirectionalLight
+      createOccupantGroundLabel
     } = this.#styler;
     let elements = {};
     let object3ds = [];
-    const scene = this.threeLayer.getScene();
     for (const feature2 of this.#features) {
       try {
         const { feature_type: featureType, properties, id } = feature2;
@@ -4326,16 +4368,6 @@ var IndoorMap = class extends EventTarget {
           feature2
         );
         switch (featureType) {
-          case "venue": {
-            geometry = createVenue(feature2).addTo(layer);
-            const models = await createVenue3DModel(feature2, this.threeLayer);
-            models.forEach((model) => {
-              model.on("click", this.handleClickElement);
-              object3ds.push(model);
-              this.#venueObjects.push(model);
-            });
-            break;
-          }
           case "amenity": {
             if (feature2.properties.is_featured) {
               const billboardObj = create3DBillboard(feature2, this.threeLayer);
@@ -4379,127 +4411,6 @@ var IndoorMap = class extends EventTarget {
             geometry = createSection(feature2)?.addTo(layer);
             break;
           }
-          case "occupant": {
-            switch (category) {
-              // Create only marker if it is amenity occupant
-              case "currencyexchange":
-              case "donationcenter":
-              case "postoffice":
-                const markerFeature = {
-                  ...feature2,
-                  geometry: feature2.properties?.anchor?.geometry
-                };
-                const marker3d = create3DOccupantAmenityMarker(
-                  markerFeature,
-                  this.threeLayer,
-                  extrudeConfig
-                )?.on("click", this.handleClickElement);
-                object3ds.push(marker3d);
-                break;
-              default: {
-                const { kiosk, anchor } = feature2.properties;
-                const { unit } = anchor.properties;
-                let mainLocation = kiosk || unit || null;
-                const relatedLocations = [
-                  ...feature2.properties.units,
-                  ...feature2.properties.kiosks
-                ].filter((f) => f.properties.ordinal !== properties.ordinal);
-                const occupantLocations = [mainLocation, ...relatedLocations];
-                const renderType = feature2.properties.render_type;
-                occupantLocations.forEach((location, index) => {
-                  const isMainLocation = index === 0;
-                  if (renderType === "Label") {
-                    const occupantGroundLabel = createOccupantGroundLabel(
-                      feature2,
-                      location,
-                      { textMarkerType, extrudeConfig },
-                      this.threeLayer
-                    );
-                    if (occupantGroundLabel instanceof GroundLabel) {
-                      occupantGroundLabel.on("click", this.handleClickElement);
-                      occupantGroundLabel.addTo(this.threeLayer);
-                      object3ds.push(occupantGroundLabel);
-                      this.#groundObjects.push(occupantGroundLabel);
-                    }
-                  } else {
-                    const occupantMarker = createOccupant(feature2, location, {
-                      textMarkerType,
-                      extrudeConfig
-                    });
-                    if (occupantMarker instanceof import_maptalks_gl.ui.UIMarker) {
-                      occupantMarker.addTo(this.map);
-                    } else {
-                      occupantMarker?.on("click", this.handleClickElement);
-                      occupantMarker?.addTo(layer);
-                    }
-                    if (isMainLocation) {
-                      geometry = occupantMarker;
-                    } else {
-                      elements[`${feature2.id}_${index}`] = {
-                        geometry: occupantMarker,
-                        properties: location.properties,
-                        featureType: "occupant",
-                        feature: feature2
-                      };
-                    }
-                  }
-                });
-              }
-            }
-            break;
-          }
-          case "fixture": {
-            const models = await create3DFixture(feature2, this.threeLayer);
-            models.forEach((model) => {
-              model.on("click", this.handleClickElement);
-              object3ds.push(model);
-              this.#glbObjects.push(model);
-            });
-            if (!featureExtrudeConfig) {
-              geometry = createFixture(feature2)?.addTo(layer);
-            } else {
-              const locatedLevel = feature2?.properties?.level;
-              const levelExtrudeConfig = getExtrudeConfigByFeature(
-                extrudeConfig,
-                locatedLevel
-              );
-              const levelHeight = import_lodash7.default.get(levelExtrudeConfig, "height", 0);
-              const option = { ...featureExtrudeConfig, altitude: levelHeight };
-              const extrudedFixture = createExtrudedUnit(
-                feature2,
-                this.threeLayer,
-                option
-              );
-              object3ds.push(extrudedFixture);
-            }
-            break;
-          }
-          case "footprint": {
-            const objects = await create3DFootprint(
-              feature2,
-              this.threeLayer,
-              featureExtrudeConfig
-            );
-            objects.forEach((object) => {
-              object.on("click", () => {
-                const {
-                  geometry: { coordinates }
-                } = (0, import_center4.default)(feature2);
-                this.camera.animateTo({ center: coordinates, pitch: 45 });
-              });
-              object3ds.push(object);
-              this.#objects.push(object);
-            });
-            if (feature2.properties.logo) {
-              const footprintMarker = create3DBillboard(
-                feature2,
-                this.threeLayer
-              );
-              object3ds.push(footprintMarker);
-              this.#billboardObjects.push(footprintMarker);
-            }
-            break;
-          }
           default:
             break;
         }
@@ -5168,6 +5079,7 @@ var IndoorMap = class extends EventTarget {
   MARKER_LAYER_NAME,
   NONIMDF_FEATURE_TYPES,
   ORIGIN_MARKER_ID,
+  OccupantHelpers,
   POI_MARKER_LAYER_NAME,
   QueryObserver,
   USER_LOCATION_ELEMENT_ID,
@@ -5195,6 +5107,16 @@ var IndoorMap = class extends EventTarget {
   getRelatedLocationsByOccupant,
   getSuitablyValueBetweenBearings,
   isClickableFeature,
+  isValidCoordinate,
+  isValidLineString,
+  isValidLineStringCoordinates,
+  isValidMultiPolygon,
+  isValidMultiPolygonCoordinates,
+  isValidPoint,
+  isValidPolygon,
+  isValidPolygonCoordinates,
+  matchFilter,
+  matchFilters,
   safeFetchFeature,
   styledFeatureGenerator
 });