venue-js 1.2.0-next.14 → 1.2.0-next.16

package/dist/index.d.mts

@@ -394,6 +394,29 @@ type Page = {
     id: Id;
     attributes: Record<string, unknown>;
 };
+type Model3dGeometry = null;
+type Model3dProperties = {
+    name: {
+        en: string;
+    };
+    model: string;
+    level_id: null;
+    project_id: string;
+    rotation_x: number;
+    rotation_y: number;
+    rotation_z: number;
+    center: number[];
+    scale: number;
+    altitude: 0;
+    translation_x: number;
+    translation_y: number;
+    translation_z: number;
+    createdAt: string;
+    updatedAt: string;
+    publishedAt: string;
+    locale: string;
+};
+type Model3dFeature = ImdfFeature<Model3dGeometry, Model3dProperties>;
 type FeatureResponseMap = {
     address: ImdfFeature;
     amenity: AmenityFeature;
@@ -417,6 +440,7 @@ type FeatureResponseMap = {
     promotion: PromotionFeature;
     label: LabelFeature;
     element: ElementFeature;
+    model3d: Model3dFeature;
     "sponsored-content": SponsoredContentFeature;
     page: Page;
 };
@@ -642,6 +666,7 @@ type FeaturePopulatedResponseMap = {
     promotion: PromotionFeature;
     label: LabelFeature;
     element: ImdfFeature;
+    model3d: Model3dFeature;
     "sponsored-content": SponsoredContentFeature;
     page: Page;
 };
@@ -1169,8 +1194,6 @@ declare function styledFeatureGenerator(mapTheme: any): {
     createLineStringFromGeometries: (geometries: any) => LineString$1;
     create3DStepPath: (feature: any, threeLayer: any, option?: {}) => NavigationPath;
     createDecoration: (decoration: any, options: any) => LineString$1 | Polygon$1 | MultiPolygon$1 | MultiLineString;
-    /** Three JS */
-    create3DFootprint: (feature: any, threeLayer: any, options: any) => Promise<any[]>;
     create3DBillboard: (billboard: any, threeLayer: any) => Billboard;
     create3DAmenityMarker: (feature: any, threeLayer: any, config: any) => SpriteMarker;
     create3DOccupantAmenityMarker: (feature: any, threeLayer: any, config: any) => SpriteMarker;
@@ -1263,4 +1286,4 @@ declare const VENUE_EVENTS: {
     VENUE_MOVEINTOVIEW: string;
 };
 
-export { ALL_FEATURE_TYPES, type AmenityFeature, type AmenityFeaturePopulated, type AmenityGeometry, type AmenityProperties, type AnchorFeature, type AnchorFeaturePopulated, type AnchorGeometry, type AnchorProperties, BASE_LAYER_NAME, DEFAULT_BASE_URL, DEFAULT_LOCALE, DESTINATION_MARKER_ID, type DetailFeature, type DetailGeometry, type DetailProperties, type ElementFeature, type ElementGeometry, type ElementProperties, type EventFeature, type EventGeometry, type EventProperties, type FeaturePopulatedResponseMap, type FeatureQueryOptions, type FeatureResponseMap, type FeatureType, type FilterParams, type FindParams, type FixtureFeature, type FixtureFeaturePopulated, type FixtureGeometry, type FixtureProperties, GEOJSON_FEATURE_TYPES, HIGHLIGHT_LAYER_NAME, type IAllVenuesViewConfig, type IExtrudeConfig, type IGraphFeatureOptions, type IGraphOptions, type IHighlightOptions, IMDF_FEATURE_TYPES, type IMapAnimation, type IMapConfig, type IMapExtrudeConfig, type ISetHighlight2DElementIdsOptions, type IUnitDistanceModifier, type IVerticalGraphOptions, type Id, type ImdfFeature, IndoorMap, type IndoorMapOptions, type InternalFilterByType, type InternalFindById, type KioskFeature, type KioskFeaturePopulated, type KioskGeometry, type KioskProperties, LAST_USER_LOCATION_ELEMENT_ID_PREFIX, LAYERS, LAYER_FEATURE_TYPE_OBJ, LAYER_OPTIONS, LOCALE_SYMBOL_KEY, type LabelFeature, type LabelGeometry, type LabelProperties, type LevelFeature, type LevelFeaturePopulated, type LevelGeometry, type LevelProperties, MARKER_LAYER_NAME, type Media, type MediaFile, type Model3d, NONIMDF_FEATURE_TYPES, ORIGIN_MARKER_ID, type OccupantFeature, type OccupantFeaturePopulated, type OccupantGeometry, occupantHelper as OccupantHelpers, type OccupantProperties, type OpeningFeature, type OpeningFeaturePopulated, type OpeningGeometry, type OpeningProperties, POI_MARKER_LAYER_NAME, type Page, type PolygonalFeature, type PopulatableFeatureType, type PopulatedParams, type PrivilegeFeature, type PrivilegeGeometry, type PrivilegeProperties, type PromotionFeature, type PromotionProperties, PulsingMarker, type RelationshipFeature, type RelationshipGeometry, type RelationshipProperties, type SectionFeature, type SectionFeaturePopulated, type SectionGeometry, type SectionProperties, type SponsoredContentFeature, type SponsoredContentLegacyType, type SponsoredContentPlacementType, type SponsoredContentStrapiV4ApiResponse, type SymbolSet, type TaxonomyFeature, type TaxonomyFeaturePopulated, type TaxonomyGeometry, type TaxonomyProperties, type TextMarkerOptions, TextSpriteMarker, USER_LOCATION_ELEMENT_ID, USER_LOCATION_LAYER_NAME, type UnitFeature, type UnitFeaturePopulated, type UnitGeometry, type UnitProperties, VENUE_EVENTS, type VenueClientOptions, type VenueDataClient, type VenueFeature, type VenueFeaturePopulated, type VenueGeometry, type VenueProperties, createPolygonFromLineString, createSpriteMaterialByLabelSymbol, createStyledUIMarkerElement, defaultFeatureQueryOptionsMap, fetchDeliveryApi, fetchPreviewApi, getBearingBetweenPoints, getCenterFromGeometry, getDataClient, getExtrudeConfigByFeature, getFeatureByLocationId, getLocationByAmenity, getLocationByFeature, getLocationByOccupant, getLocationIdByFeature, getOrdinalByLocationId, getRelatedLocationIdsByFeature, getRelatedLocationsByAmenity, getRelatedLocationsByFeature, getRelatedLocationsByOccupant, getSuitablyValueBetweenBearings, isClickableFeature, isValidCoordinate, isValidLineString, isValidLineStringCoordinates, isValidMultiPolygon, isValidMultiPolygonCoordinates, isValidPoint, isValidPolygon, isValidPolygonCoordinates, matchFilter, matchFilters, safeFetchFeature, styledFeatureGenerator };
+export { ALL_FEATURE_TYPES, type AmenityFeature, type AmenityFeaturePopulated, type AmenityGeometry, type AmenityProperties, type AnchorFeature, type AnchorFeaturePopulated, type AnchorGeometry, type AnchorProperties, BASE_LAYER_NAME, DEFAULT_BASE_URL, DEFAULT_LOCALE, DESTINATION_MARKER_ID, type DetailFeature, type DetailGeometry, type DetailProperties, type ElementFeature, type ElementGeometry, type ElementProperties, type EventFeature, type EventGeometry, type EventProperties, type FeaturePopulatedResponseMap, type FeatureQueryOptions, type FeatureResponseMap, type FeatureType, type FilterParams, type FindParams, type FixtureFeature, type FixtureFeaturePopulated, type FixtureGeometry, type FixtureProperties, GEOJSON_FEATURE_TYPES, HIGHLIGHT_LAYER_NAME, type IAllVenuesViewConfig, type IExtrudeConfig, type IGraphFeatureOptions, type IGraphOptions, type IHighlightOptions, IMDF_FEATURE_TYPES, type IMapAnimation, type IMapConfig, type IMapExtrudeConfig, type ISetHighlight2DElementIdsOptions, type IUnitDistanceModifier, type IVerticalGraphOptions, type Id, type ImdfFeature, IndoorMap, type IndoorMapOptions, type InternalFilterByType, type InternalFindById, type KioskFeature, type KioskFeaturePopulated, type KioskGeometry, type KioskProperties, LAST_USER_LOCATION_ELEMENT_ID_PREFIX, LAYERS, LAYER_FEATURE_TYPE_OBJ, LAYER_OPTIONS, LOCALE_SYMBOL_KEY, type LabelFeature, type LabelGeometry, type LabelProperties, type LevelFeature, type LevelFeaturePopulated, type LevelGeometry, type LevelProperties, MARKER_LAYER_NAME, type Media, type MediaFile, type Model3d, type Model3dFeature, type Model3dGeometry, type Model3dProperties, NONIMDF_FEATURE_TYPES, ORIGIN_MARKER_ID, type OccupantFeature, type OccupantFeaturePopulated, type OccupantGeometry, occupantHelper as OccupantHelpers, type OccupantProperties, type OpeningFeature, type OpeningFeaturePopulated, type OpeningGeometry, type OpeningProperties, POI_MARKER_LAYER_NAME, type Page, type PolygonalFeature, type PopulatableFeatureType, type PopulatedParams, type PrivilegeFeature, type PrivilegeGeometry, type PrivilegeProperties, type PromotionFeature, type PromotionProperties, PulsingMarker, type RelationshipFeature, type RelationshipGeometry, type RelationshipProperties, type SectionFeature, type SectionFeaturePopulated, type SectionGeometry, type SectionProperties, type SponsoredContentFeature, type SponsoredContentLegacyType, type SponsoredContentPlacementType, type SponsoredContentStrapiV4ApiResponse, type SymbolSet, type TaxonomyFeature, type TaxonomyFeaturePopulated, type TaxonomyGeometry, type TaxonomyProperties, type TextMarkerOptions, TextSpriteMarker, USER_LOCATION_ELEMENT_ID, USER_LOCATION_LAYER_NAME, type UnitFeature, type UnitFeaturePopulated, type UnitGeometry, type UnitProperties, VENUE_EVENTS, type VenueClientOptions, type VenueDataClient, type VenueFeature, type VenueFeaturePopulated, type VenueGeometry, type VenueProperties, createPolygonFromLineString, createSpriteMaterialByLabelSymbol, createStyledUIMarkerElement, defaultFeatureQueryOptionsMap, fetchDeliveryApi, fetchPreviewApi, getBearingBetweenPoints, getCenterFromGeometry, getDataClient, getExtrudeConfigByFeature, getFeatureByLocationId, getLocationByAmenity, getLocationByFeature, getLocationByOccupant, getLocationIdByFeature, getOrdinalByLocationId, getRelatedLocationIdsByFeature, getRelatedLocationsByAmenity, getRelatedLocationsByFeature, getRelatedLocationsByOccupant, getSuitablyValueBetweenBearings, isClickableFeature, isValidCoordinate, isValidLineString, isValidLineStringCoordinates, isValidMultiPolygon, isValidMultiPolygonCoordinates, isValidPoint, isValidPolygon, isValidPolygonCoordinates, matchFilter, matchFilters, safeFetchFeature, styledFeatureGenerator };

package/dist/index.d.ts

@@ -394,6 +394,29 @@ type Page = {
     id: Id;
     attributes: Record<string, unknown>;
 };
+type Model3dGeometry = null;
+type Model3dProperties = {
+    name: {
+        en: string;
+    };
+    model: string;
+    level_id: null;
+    project_id: string;
+    rotation_x: number;
+    rotation_y: number;
+    rotation_z: number;
+    center: number[];
+    scale: number;
+    altitude: 0;
+    translation_x: number;
+    translation_y: number;
+    translation_z: number;
+    createdAt: string;
+    updatedAt: string;
+    publishedAt: string;
+    locale: string;
+};
+type Model3dFeature = ImdfFeature<Model3dGeometry, Model3dProperties>;
 type FeatureResponseMap = {
     address: ImdfFeature;
     amenity: AmenityFeature;
@@ -417,6 +440,7 @@ type FeatureResponseMap = {
     promotion: PromotionFeature;
     label: LabelFeature;
     element: ElementFeature;
+    model3d: Model3dFeature;
     "sponsored-content": SponsoredContentFeature;
     page: Page;
 };
@@ -642,6 +666,7 @@ type FeaturePopulatedResponseMap = {
     promotion: PromotionFeature;
     label: LabelFeature;
     element: ImdfFeature;
+    model3d: Model3dFeature;
     "sponsored-content": SponsoredContentFeature;
     page: Page;
 };
@@ -1169,8 +1194,6 @@ declare function styledFeatureGenerator(mapTheme: any): {
     createLineStringFromGeometries: (geometries: any) => LineString$1;
     create3DStepPath: (feature: any, threeLayer: any, option?: {}) => NavigationPath;
     createDecoration: (decoration: any, options: any) => LineString$1 | Polygon$1 | MultiPolygon$1 | MultiLineString;
-    /** Three JS */
-    create3DFootprint: (feature: any, threeLayer: any, options: any) => Promise<any[]>;
     create3DBillboard: (billboard: any, threeLayer: any) => Billboard;
     create3DAmenityMarker: (feature: any, threeLayer: any, config: any) => SpriteMarker;
     create3DOccupantAmenityMarker: (feature: any, threeLayer: any, config: any) => SpriteMarker;
@@ -1263,4 +1286,4 @@ declare const VENUE_EVENTS: {
     VENUE_MOVEINTOVIEW: string;
 };
 
-export { ALL_FEATURE_TYPES, type AmenityFeature, type AmenityFeaturePopulated, type AmenityGeometry, type AmenityProperties, type AnchorFeature, type AnchorFeaturePopulated, type AnchorGeometry, type AnchorProperties, BASE_LAYER_NAME, DEFAULT_BASE_URL, DEFAULT_LOCALE, DESTINATION_MARKER_ID, type DetailFeature, type DetailGeometry, type DetailProperties, type ElementFeature, type ElementGeometry, type ElementProperties, type EventFeature, type EventGeometry, type EventProperties, type FeaturePopulatedResponseMap, type FeatureQueryOptions, type FeatureResponseMap, type FeatureType, type FilterParams, type FindParams, type FixtureFeature, type FixtureFeaturePopulated, type FixtureGeometry, type FixtureProperties, GEOJSON_FEATURE_TYPES, HIGHLIGHT_LAYER_NAME, type IAllVenuesViewConfig, type IExtrudeConfig, type IGraphFeatureOptions, type IGraphOptions, type IHighlightOptions, IMDF_FEATURE_TYPES, type IMapAnimation, type IMapConfig, type IMapExtrudeConfig, type ISetHighlight2DElementIdsOptions, type IUnitDistanceModifier, type IVerticalGraphOptions, type Id, type ImdfFeature, IndoorMap, type IndoorMapOptions, type InternalFilterByType, type InternalFindById, type KioskFeature, type KioskFeaturePopulated, type KioskGeometry, type KioskProperties, LAST_USER_LOCATION_ELEMENT_ID_PREFIX, LAYERS, LAYER_FEATURE_TYPE_OBJ, LAYER_OPTIONS, LOCALE_SYMBOL_KEY, type LabelFeature, type LabelGeometry, type LabelProperties, type LevelFeature, type LevelFeaturePopulated, type LevelGeometry, type LevelProperties, MARKER_LAYER_NAME, type Media, type MediaFile, type Model3d, NONIMDF_FEATURE_TYPES, ORIGIN_MARKER_ID, type OccupantFeature, type OccupantFeaturePopulated, type OccupantGeometry, occupantHelper as OccupantHelpers, type OccupantProperties, type OpeningFeature, type OpeningFeaturePopulated, type OpeningGeometry, type OpeningProperties, POI_MARKER_LAYER_NAME, type Page, type PolygonalFeature, type PopulatableFeatureType, type PopulatedParams, type PrivilegeFeature, type PrivilegeGeometry, type PrivilegeProperties, type PromotionFeature, type PromotionProperties, PulsingMarker, type RelationshipFeature, type RelationshipGeometry, type RelationshipProperties, type SectionFeature, type SectionFeaturePopulated, type SectionGeometry, type SectionProperties, type SponsoredContentFeature, type SponsoredContentLegacyType, type SponsoredContentPlacementType, type SponsoredContentStrapiV4ApiResponse, type SymbolSet, type TaxonomyFeature, type TaxonomyFeaturePopulated, type TaxonomyGeometry, type TaxonomyProperties, type TextMarkerOptions, TextSpriteMarker, USER_LOCATION_ELEMENT_ID, USER_LOCATION_LAYER_NAME, type UnitFeature, type UnitFeaturePopulated, type UnitGeometry, type UnitProperties, VENUE_EVENTS, type VenueClientOptions, type VenueDataClient, type VenueFeature, type VenueFeaturePopulated, type VenueGeometry, type VenueProperties, createPolygonFromLineString, createSpriteMaterialByLabelSymbol, createStyledUIMarkerElement, defaultFeatureQueryOptionsMap, fetchDeliveryApi, fetchPreviewApi, getBearingBetweenPoints, getCenterFromGeometry, getDataClient, getExtrudeConfigByFeature, getFeatureByLocationId, getLocationByAmenity, getLocationByFeature, getLocationByOccupant, getLocationIdByFeature, getOrdinalByLocationId, getRelatedLocationIdsByFeature, getRelatedLocationsByAmenity, getRelatedLocationsByFeature, getRelatedLocationsByOccupant, getSuitablyValueBetweenBearings, isClickableFeature, isValidCoordinate, isValidLineString, isValidLineStringCoordinates, isValidMultiPolygon, isValidMultiPolygonCoordinates, isValidPoint, isValidPolygon, isValidPolygonCoordinates, matchFilter, matchFilters, safeFetchFeature, styledFeatureGenerator };
+export { ALL_FEATURE_TYPES, type AmenityFeature, type AmenityFeaturePopulated, type AmenityGeometry, type AmenityProperties, type AnchorFeature, type AnchorFeaturePopulated, type AnchorGeometry, type AnchorProperties, BASE_LAYER_NAME, DEFAULT_BASE_URL, DEFAULT_LOCALE, DESTINATION_MARKER_ID, type DetailFeature, type DetailGeometry, type DetailProperties, type ElementFeature, type ElementGeometry, type ElementProperties, type EventFeature, type EventGeometry, type EventProperties, type FeaturePopulatedResponseMap, type FeatureQueryOptions, type FeatureResponseMap, type FeatureType, type FilterParams, type FindParams, type FixtureFeature, type FixtureFeaturePopulated, type FixtureGeometry, type FixtureProperties, GEOJSON_FEATURE_TYPES, HIGHLIGHT_LAYER_NAME, type IAllVenuesViewConfig, type IExtrudeConfig, type IGraphFeatureOptions, type IGraphOptions, type IHighlightOptions, IMDF_FEATURE_TYPES, type IMapAnimation, type IMapConfig, type IMapExtrudeConfig, type ISetHighlight2DElementIdsOptions, type IUnitDistanceModifier, type IVerticalGraphOptions, type Id, type ImdfFeature, IndoorMap, type IndoorMapOptions, type InternalFilterByType, type InternalFindById, type KioskFeature, type KioskFeaturePopulated, type KioskGeometry, type KioskProperties, LAST_USER_LOCATION_ELEMENT_ID_PREFIX, LAYERS, LAYER_FEATURE_TYPE_OBJ, LAYER_OPTIONS, LOCALE_SYMBOL_KEY, type LabelFeature, type LabelGeometry, type LabelProperties, type LevelFeature, type LevelFeaturePopulated, type LevelGeometry, type LevelProperties, MARKER_LAYER_NAME, type Media, type MediaFile, type Model3d, type Model3dFeature, type Model3dGeometry, type Model3dProperties, NONIMDF_FEATURE_TYPES, ORIGIN_MARKER_ID, type OccupantFeature, type OccupantFeaturePopulated, type OccupantGeometry, occupantHelper as OccupantHelpers, type OccupantProperties, type OpeningFeature, type OpeningFeaturePopulated, type OpeningGeometry, type OpeningProperties, POI_MARKER_LAYER_NAME, type Page, type PolygonalFeature, type PopulatableFeatureType, type PopulatedParams, type PrivilegeFeature, type PrivilegeGeometry, type PrivilegeProperties, type PromotionFeature, type PromotionProperties, PulsingMarker, type RelationshipFeature, type RelationshipGeometry, type RelationshipProperties, type SectionFeature, type SectionFeaturePopulated, type SectionGeometry, type SectionProperties, type SponsoredContentFeature, type SponsoredContentLegacyType, type SponsoredContentPlacementType, type SponsoredContentStrapiV4ApiResponse, type SymbolSet, type TaxonomyFeature, type TaxonomyFeaturePopulated, type TaxonomyGeometry, type TaxonomyProperties, type TextMarkerOptions, TextSpriteMarker, USER_LOCATION_ELEMENT_ID, USER_LOCATION_LAYER_NAME, type UnitFeature, type UnitFeaturePopulated, type UnitGeometry, type UnitProperties, VENUE_EVENTS, type VenueClientOptions, type VenueDataClient, type VenueFeature, type VenueFeaturePopulated, type VenueGeometry, type VenueProperties, createPolygonFromLineString, createSpriteMaterialByLabelSymbol, createStyledUIMarkerElement, defaultFeatureQueryOptionsMap, fetchDeliveryApi, fetchPreviewApi, getBearingBetweenPoints, getCenterFromGeometry, getDataClient, getExtrudeConfigByFeature, getFeatureByLocationId, getLocationByAmenity, getLocationByFeature, getLocationByOccupant, getLocationIdByFeature, getOrdinalByLocationId, getRelatedLocationIdsByFeature, getRelatedLocationsByAmenity, getRelatedLocationsByFeature, getRelatedLocationsByOccupant, getSuitablyValueBetweenBearings, isClickableFeature, isValidCoordinate, isValidLineString, isValidLineStringCoordinates, isValidMultiPolygon, isValidMultiPolygonCoordinates, isValidPoint, isValidPolygon, isValidPolygonCoordinates, matchFilter, matchFilters, safeFetchFeature, styledFeatureGenerator };

package/dist/index.js

@@ -168,7 +168,8 @@ var defaultFeatureQueryOptionsMap = {
     // refresh every 5 min
   },
   element: {},
-  page: {}
+  page: {},
+  model3d: {}
 };
 
 // src/data/api/delivery-project.ts
@@ -184,6 +185,14 @@ async function fetchDeliveryApi(projectId, apiKey, featureType, baseUrl = DEFAUL
       const items = await res.json();
       return items;
     }
+    case "model3d": {
+      const res = await fetch(
+        `${baseUrl}/delivery/projects/${projectId}/${featureType}.geojson?api-key=${apiKey}`
+      );
+      if (res.status !== 200) return [];
+      const items = await res.json();
+      return items.features;
+    }
     case "sponsored-content": {
       const res = await fetch(
         `${baseUrl}/delivery/projects/${projectId}/sponsored-content.json?api-key=${apiKey}`
@@ -866,6 +875,13 @@ function featureCollection(features, options = {}) {
   fc.features = features;
   return fc;
 }
+function multiPoint(coordinates, properties, options = {}) {
+  const geom = {
+    type: "MultiPoint",
+    coordinates
+  };
+  return feature(geom, properties, options);
+}
 function isNumber(num) {
   return !isNaN(num) && num !== null && !Array.isArray(num);
 }
@@ -956,7 +972,6 @@ var import_maptalks4 = require("maptalks");
 var import_center2 = __toESM(require("@turf/center"));
 var import_buffer = __toESM(require("@turf/buffer"));
 var import_three4 = require("three");
-var import_GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader.js");
 
 // src/IndoorMap/object3d/Billboard.js
 var maptalks = __toESM(require("maptalks"));
@@ -1542,36 +1557,6 @@ var createPedestrianOpening = (feature2, style, options = {}) => {
     console.log(`error creating pedestrian opening:`, feature2);
   }
 };
-var loadModel3d = (model3d, coordinate, threeLayer) => {
-  return new Promise((resolve, reject) => {
-    const loader = new import_GLTFLoader.GLTFLoader();
-    const { url, properties: modelProperties } = model3d;
-    loader.load(
-      url,
-      (gltf) => {
-        const object3d = gltf.scene;
-        object3d.rotation.x = import_lodash4.default.get(modelProperties, "rotation.x");
-        object3d.rotation.y = import_lodash4.default.get(modelProperties, "rotation.y");
-        object3d.scale.set(...import_lodash4.default.get(modelProperties, "scale") || []);
-        const object = threeLayer.toModel(object3d, {
-          coordinate
-        });
-        object.getObject3d().traverse((child) => {
-          if (child.isMesh === true) {
-            child.material.transparent = true;
-            child.material.metalness = 0.1;
-          }
-        });
-        resolve(object);
-      },
-      (xhr) => {
-      },
-      (error) => {
-        reject(error);
-      }
-    );
-  });
-};
 var createExtrudePolygon = (geometry, threeLayer, material, height, properties = {}, options) => {
   const { offset = 0, altitude = 0 } = options;
   const offsetGeometry = (0, import_buffer.default)(geometry, offset, { units: "meters" });
@@ -2245,42 +2230,6 @@ var styledFeatureGenerator = (mapTheme) => {
           return null;
       }
     },
-    /** Three JS */
-    create3DFootprint: async (feature2, threeLayer, options) => {
-      const objects = [];
-      const extrudeHeight = import_lodash4.default.get(options, "height");
-      if (!extrudeHeight) return objects;
-      const { properties } = feature2;
-      const footprintProperties = getFeatureProperties(feature2);
-      const hasModel3ds = Array.isArray(properties.model3d) && properties.model3d.length > 0;
-      if (hasModel3ds) {
-        const models = properties.model3d;
-        const center2 = (0, import_center2.default)(feature2);
-        const coordinate = import_lodash4.default.get(center2, "geometry.coordinates");
-        for (const model of models) {
-          const object = await loadModel3d(model, coordinate, threeLayer);
-          object.properties = footprintProperties;
-          objects.push(object);
-        }
-      } else {
-        const color = footprintProperties.defaultColor;
-        if (color === "transparent") return;
-        const material = new import_three4.MeshLambertMaterial({
-          color,
-          transparent: true
-        });
-        const object = createExtrudePolygon(
-          feature2.geometry,
-          threeLayer,
-          material,
-          extrudeHeight,
-          footprintProperties,
-          {}
-        );
-        objects.push(object);
-      }
-      return objects;
-    },
     create3DBillboard: (billboard, threeLayer) => {
       const { id, feature_type, properties } = billboard;
       const {
@@ -2781,8 +2730,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_lodash_es2 = require("lodash-es");
 var import_center3 = require("@turf/center");
 var THREE3 = __toESM(require("three"));
 
@@ -2791,6 +2739,12 @@ var maptalks4 = __toESM(require("maptalks-gl"));
 var THREE = __toESM(require("three"));
 var import_maptalks7 = require("maptalks.three");
 var import_buffer2 = __toESM(require("@turf/buffer"));
+var import_clean_coords = require("@turf/clean-coords");
+var import_polygon_to_line = require("@turf/polygon-to-line");
+var import_nearest_point_on_line = require("@turf/nearest-point-on-line");
+var import_length = require("@turf/length");
+var import_along = require("@turf/along");
+var import_point_to_line_distance = require("@turf/point-to-line-distance");
 
 // src/IndoorMap/renderer/3d/objects/GroundLabel.ts
 var maptalks3 = __toESM(require("maptalks-gl"));
@@ -3093,15 +3047,15 @@ var GroundLabel = class extends import_maptalks6.BaseObject {
 // src/IndoorMap/renderer/3d/element3DRendererOptions.ts
 var element3DRendererOptions = {
   unit: {
-    default: { color: "#ffffff", height: 4 },
+    default: { color: "#ffffff", height: 0.2 },
     byCategory: {
       walkway: { color: "#cccccc", height: 0.1 },
       terrace: { color: "#cccccc", height: 0.1 },
       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 }
+      parking: { color: "#999999", height: 0.1 },
+      room: { color: "#ffffff", height: 0.5, bottomHeight: 0.12 }
     }
   },
   kiosk: {
@@ -3133,6 +3087,7 @@ var get3DRendererOption = (featureType, category, options) => {
 };
 
 // src/IndoorMap/renderer/3d/Element3DRenderer.ts
+var import_line_split = __toESM(require("@turf/line-split"));
 var HEIGHT_METER = 4;
 var MULTIORDINAL_HEIGHT_METER = 9;
 var Element3DRenderer = class extends EventTarget {
@@ -3264,6 +3219,68 @@ var Element3DRenderer = class extends EventTarget {
       console.log(`error createGeometry`, err, { feature: feature2, options });
     }
   };
+  createRoomWall(unit, openings = []) {
+    const polygons = unit.geometry.type === "Polygon" ? [unit.geometry.coordinates] : unit.geometry.coordinates;
+    return polygons.map((plg) => {
+      return plg.map((ring) => {
+        const roomWall = (0, import_clean_coords.cleanCoords)((0, import_polygon_to_line.polygonToLine)(polygon([ring])));
+        if (openings.length === 0) {
+          const color = "#ababab";
+          const material = this.getOrCreateMaterialByColor(color);
+          const extrudedWall = this.threeLayer.toExtrudeLine(
+            new maptalks4.LineString(roomWall.geometry.coordinates),
+            { height: 4, width: 1 },
+            material
+          );
+          return extrudedWall;
+        }
+        let openingPoints = [];
+        openings.forEach((opening) => {
+          const doorCoords = opening?.geometry?.coordinates;
+          const p0 = point(doorCoords[0]);
+          const p1 = point(doorCoords[doorCoords.length - 1]);
+          const s0 = (0, import_nearest_point_on_line.nearestPointOnLine)(roomWall, p0, { units: "meters" });
+          const s1 = (0, import_nearest_point_on_line.nearestPointOnLine)(roomWall, p1, { units: "meters" });
+          const d0 = s0.properties.dist;
+          const d1 = s1.properties.dist;
+          if (d0 > 1 || d1 > 1) {
+          } else {
+            openingPoints = openingPoints.concat([s0.geometry.coordinates, s1.geometry.coordinates]);
+          }
+        });
+        try {
+          const split = (0, import_line_split.default)(roomWall, multiPoint(openingPoints));
+          const wallsOnly = split.features.filter((seg) => {
+            const mid = (0, import_along.along)(seg, (0, import_length.length)(seg, { units: "meters" }) / 2, { units: "meters" });
+            for (const opening of openings) {
+              const dist = (0, import_point_to_line_distance.pointToLineDistance)(mid, opening, { units: "meters" });
+              if (dist < 0.05) return false;
+            }
+            return true;
+          });
+          const wallMeshes = wallsOnly.map((feature2, i) => {
+            const color = "#ababab";
+            const material = this.getOrCreateMaterialByColor(color);
+            const extrudedLine = this.threeLayer.toExtrudeLine(
+              new maptalks4.LineString(feature2.geometry.coordinates),
+              { height: 3, width: 0.4, id: unit.id },
+              material
+            );
+            extrudedLine.getObject3d().userData = {
+              unitId: unit.id,
+              coords: feature2.geometry.coordinates
+            };
+            return extrudedLine;
+          }).flat();
+          this.threeLayer.addMesh(wallMeshes);
+          return wallMeshes;
+        } catch (e) {
+          console.log(e.message, { unit, roomWall });
+          return [];
+        }
+      }).flat();
+    }).flat();
+  }
   async createEscalator(f, coordinate, options) {
     const model = {
       url: "https://cdn.venue.in.th/static/glb/escalator.glb",
@@ -3293,14 +3310,14 @@ var Element3DRenderer = class extends EventTarget {
     this.threeLayer.addMesh(groundLabel);
     return groundLabel;
   }
-  async createTree(coordinate, ordinal) {
-    const treeMarker = new maptalks4.GLTFMarker(coordinate, {
+  async createModel3d(f) {
+    const marker = new maptalks4.GLTFMarker(f.properties.center, {
       symbol: {
-        url: "https://dashboard.situm.com/uploads/3dmodels/demoaccount/new_escalator.glb"
+        url: f.properties.model
       }
     });
-    treeMarker.addTo(this.gltfLayer);
-    return treeMarker;
+    marker.addTo(this.gltfLayer);
+    return marker;
   }
   async createBuilding(coordinate, ordinal) {
     return Promise.resolve(null);
@@ -3459,6 +3476,9 @@ var Element2DRenderer = class extends EventTarget {
       return geometry;
     }
   };
+  createRoomWall(unit, openings) {
+    return null;
+  }
   async createEscalator(f, coordinates) {
     return Promise.resolve(null);
   }
@@ -3467,9 +3487,6 @@ var Element2DRenderer = class extends EventTarget {
     const bound = f.geometry.coordinates[0];
     return null;
   }
-  async createTree(coordinates) {
-    return Promise.resolve(null);
-  }
   async createBuilding(coordinate, ordinal) {
     return Promise.resolve(null);
   }
@@ -4341,6 +4358,38 @@ var RendererManager = class extends EventTarget {
       const groupLayer = this.map.getLayer("group");
       const threeLayer = groupLayer.getLayer("three");
       threeLayer.prepareToDraw = function(gl, scene, camera) {
+        function findBadMeshes(scene2) {
+          const bad = [];
+          scene2.traverse((obj) => {
+            if (!obj?.isMesh) return;
+            const geom = obj.geometry;
+            const pos = geom?.attributes?.position?.array;
+            if (!pos || pos.length === 0) return;
+            for (let i = 0; i < pos.length; i++) {
+              const v2 = pos[i];
+              if (!Number.isFinite(v2)) {
+                bad.push({ mesh: obj, index: i, value: v2 });
+                break;
+              }
+            }
+          });
+          if (bad.length) {
+            console.group(`\u274C Found ${bad.length} meshes with invalid positions`);
+            for (const b of bad) {
+              console.log({
+                name: b.mesh.name,
+                userData: b.mesh.userData,
+                uuid: b.mesh.uuid,
+                badIndex: b.index,
+                badValue: b.value
+              });
+            }
+            console.groupEnd();
+          } else {
+            console.log("\u2705 No invalid meshes found");
+          }
+          return bad;
+        }
         const ambientLight = new THREE3.AmbientLight(16777215, 0.3);
         scene.add(ambientLight);
         const dirColor = 16777215;
@@ -4355,6 +4404,9 @@ var RendererManager = class extends EventTarget {
           options.onRendererReady();
         }
         _this.#createElements();
+        setTimeout(() => {
+          findBadMeshes(scene);
+        }, 3e3);
       };
     } else {
       this.elementRenderer = new Element2DRenderer(map, options.elements);
@@ -4369,7 +4421,7 @@ var RendererManager = class extends EventTarget {
     if (this.#isClicked) return;
     this.#isClicked = true;
     const onClickElement = this.#onClickElement;
-    if (!(0, import_isFunction.default)(onClickElement)) return;
+    if (!(0, import_lodash_es2.isFunction)(onClickElement)) return;
     this.#onClickElement(e);
     this.#isClicked = false;
   };
@@ -4396,6 +4448,9 @@ var RendererManager = class extends EventTarget {
     const levels = await this.#dataClient.filterByType("level", {
       populate: true
     });
+    const openings = await this.#dataClient.filterByType("opening", {
+      populate: true
+    });
     const relationships = await this.#dataClient.filterByType("relationship");
     const fixtures = await this.#dataClient.filterByType("fixture", { populate: true });
     fixtures.forEach((fixture) => {
@@ -4409,7 +4464,7 @@ var RendererManager = class extends EventTarget {
       populate: true
     });
     units.filter(
-      (u4) => !["opentobelow", "escalator"].includes(u4.properties.category)
+      (u4) => !["opentobelow", "escalator", "room"].includes(u4.properties.category)
     ).forEach((unit) => {
       const element = this.elementRenderer.createGeometry(unit);
       if (element) {
@@ -4417,6 +4472,22 @@ var RendererManager = class extends EventTarget {
         this.addElementsToManager(unit.id, _elements, unit.properties.level.properties.ordinal);
       }
     });
+    units.filter((u4) => u4.properties.category === "room").forEach((unit) => {
+      const openingRelationships = relationships.filter((r) => r.properties.origin?.id === unit.id || r.properties.destination?.id === unit.id);
+      const roomOpenings = (0, import_lodash_es2.compact)(openingRelationships.map((rel) => {
+        const openingId = rel?.properties.intermediary[0].id;
+        return openings.find((o) => o.id === openingId);
+      }));
+      const innerElements = this.elementRenderer.createGeometry(unit);
+      const wallElements = this.elementRenderer.createRoomWall(unit, roomOpenings);
+      if (innerElements || wallElements) {
+        const _innerElements = Array.isArray(innerElements) ? innerElements : [innerElements];
+        const _wallElements = Array.isArray(wallElements) ? wallElements : [wallElements];
+        const _elements = [..._innerElements, ..._wallElements];
+        const ordinal = unit.properties.level.properties.ordinal;
+        this.addElementsToManager(unit.id, _elements, ordinal);
+      }
+    });
     const kiosks = await this.#dataClient.filterByType("kiosk", {
       populate: true
     });
@@ -4464,12 +4535,17 @@ var RendererManager = class extends EventTarget {
       const center2 = (0, import_center3.center)(polygon(label.geometry.coordinates)).geometry.coordinates;
       const unit = findUnitOnPoint(units, center2);
       const element = this.elementRenderer.createGroundLabel(label, unit);
-      console.log({ element });
       if (element) {
         const _elements = Array.isArray(element) ? element : [element];
         this.addElementsToManager(label.id, _elements, label.properties.ordinal);
       }
     }
+    if (this.options.type === "3D") {
+      const model3ds = await this.#dataClient.filterByType("model3d");
+      for (const model3d of model3ds) {
+        this.elementRenderer.createModel3d(model3d);
+      }
+    }
     this.changeLevelByOrdinal(this.currentOrdinals);
     this.dispatchEvent(new CustomEvent("renderermanager:elements_created"));
   }
@@ -4484,7 +4560,7 @@ var RendererManager = class extends EventTarget {
         this.markerRenderer.showMarkers(markers, ordinal - baseOrdinal);
       }
     } else {
-      const baseOrdinal = Array.isArray(targetOrdinal) ? (0, import_min.default)(targetOrdinal) : targetOrdinal;
+      const baseOrdinal = Array.isArray(targetOrdinal) ? (0, import_lodash_es2.min)(targetOrdinal) : targetOrdinal;
       for (const [ordinal, elements] of this.elementsByOrdinal) {
         const inOrdinal = Array.isArray(targetOrdinal) ? targetOrdinal.includes(ordinal) : ordinal === targetOrdinal;
         if (inOrdinal) {
@@ -4511,7 +4587,7 @@ var RendererManager = class extends EventTarget {
     const elements = elemIds.map((id) => this.elementsMap.get(id)).flat();
     elements.forEach((element) => {
       const controller = this.elementRenderer.createHighlightController(element);
-      if (controller && (0, import_isFunction.default)(controller.start)) {
+      if (controller && (0, import_lodash_es2.isFunction)(controller.start)) {
         controller.start();
         this.highlightControllers.push(controller);
       }
@@ -4519,7 +4595,7 @@ var RendererManager = class extends EventTarget {
   };
   clearHighlightElements = () => {
     this.highlightControllers.forEach((controller) => {
-      if ((0, import_isFunction.default)(controller?.clear)) controller.clear();
+      if ((0, import_lodash_es2.isFunction)(controller?.clear)) controller.clear();
     });
   };
   /** 
@@ -4795,18 +4871,12 @@ var IndoorMap = class extends EventTarget {
   async #legacy_createElements() {
     const {
       // 2D
-      createVenue,
       createOpening,
       createSection,
-      createFixture,
-      createOccupant,
       createDecoration,
       // 3D
-      create3DFootprint,
       create3DBillboard,
-      createExtrudedUnit,
       create3DAmenityMarker,
-      create3DOccupantAmenityMarker,
       create3DOpeningMarker
     } = this.#styler;
     let elements = {};