@archilogic/floor-plan-sdk 5.1.8 → 5.1.10

package/dist/fpe.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 /*!
-  Archilogic Floor Plan Engine SDK v5.1.8 webgl build 250429-111617-277c93
+  Archilogic Floor Plan Engine SDK v5.1.10 webgl build 250709-150249-53c0fd
 
   Copyright (c) 2025 Archilogic AG. All rights reserved.
 
@@ -390,41 +390,6 @@ class Connection {
     __publicField(this, "temporaryAccessToken");
     __publicField(this, "temporaryAccessTokenPromise");
     __publicField(this, "durationSeconds", 3600);
-    __publicField(this, "getTemporaryAccessToken", async () => {
-      if (this.isAccessTokenActive && this.temporaryAccessToken) {
-        return this.temporaryAccessToken;
-      }
-      if (!this.temporaryAccessTokenPromise) {
-        this.temporaryAccessTokenPromise = new Promise(async (resolve2, reject) => {
-          if (this.temporaryAccessTokenFunction) {
-            this.temporaryAccessToken = await this.temporaryAccessTokenFunction({
-              scopes: this.tempScopes,
-              durationSeconds: this.durationSeconds
-            });
-            if (this.isAccessTokenActive) {
-              resolve2(this.temporaryAccessToken);
-            }
-          }
-          if (this.temporaryAccessToken) {
-            const expired = /* @__PURE__ */ new Date();
-            expired.setTime(this.temporaryAccessToken.expiresAt * 1e3);
-            reject(new SpaceApiError(`Temporary access token expired at ${expired.toString()}`, void 0, void 0));
-          } else {
-            reject(new SpaceApiError("Temporary access token not defined", void 0, void 0));
-          }
-        });
-      }
-      try {
-        return await this.temporaryAccessTokenPromise;
-      } catch (rejectedTokenError) {
-        this.temporaryAccessTokenPromise = void 0;
-        throw rejectedTokenError;
-      } finally {
-        if (this.isAccessTokenActive) {
-          this.temporaryAccessTokenPromise = void 0;
-        }
-      }
-    });
     this.config = getTokenConfig(options);
     if (options.temporaryAccessToken || options.temporaryAccessTokenFunction) {
       this.temporaryAccessTokenFunction = options.temporaryAccessTokenFunction;
@@ -438,6 +403,41 @@ class Connection {
     const currentTime = (/* @__PURE__ */ new Date()).getTime() / 1e3;
     return !!this.temporaryAccessToken && this.temporaryAccessToken.expiresAt > currentTime;
   }
+  async getTemporaryAccessToken() {
+    if (this.isAccessTokenActive && this.temporaryAccessToken) {
+      return this.temporaryAccessToken;
+    }
+    if (!this.temporaryAccessTokenPromise) {
+      this.temporaryAccessTokenPromise = new Promise(async (resolve2, reject) => {
+        if (this.temporaryAccessTokenFunction) {
+          this.temporaryAccessToken = await this.temporaryAccessTokenFunction({
+            scopes: this.tempScopes,
+            durationSeconds: this.durationSeconds
+          });
+          if (this.isAccessTokenActive) {
+            resolve2(this.temporaryAccessToken);
+          }
+        }
+        if (this.temporaryAccessToken) {
+          const expired = /* @__PURE__ */ new Date();
+          expired.setTime(this.temporaryAccessToken.expiresAt * 1e3);
+          reject(new SpaceApiError(`Temporary access token expired at ${expired.toString()}`, void 0, void 0));
+        } else {
+          reject(new SpaceApiError("Temporary access token not defined", void 0, void 0));
+        }
+      });
+    }
+    try {
+      return await this.temporaryAccessTokenPromise;
+    } catch (rejectedTokenError) {
+      this.temporaryAccessTokenPromise = void 0;
+      throw rejectedTokenError;
+    } finally {
+      if (this.isAccessTokenActive) {
+        this.temporaryAccessTokenPromise = void 0;
+      }
+    }
+  }
   async callSpaceAPI(method, path2, params = {}, config = this.config) {
     switch (config.type) {
       case "secret":
@@ -485,6 +485,9 @@ class SpaceAPI {
       this[key] = fn;
     }
   }
+  async getTemporaryAccessToken() {
+    return this.connection.getTemporaryAccessToken();
+  }
   async createFloor(floor) {
     return this.connection.callSpaceAPI("POST", `/v2/floor`, floor);
   }
@@ -553,14 +556,19 @@ class SpaceAPI {
     return this.connection.callSpaceAPI("GET", "/v2/floor", query);
   }
   async getAllFloors(geometry = false, includeArchived = false, includeRelations = false, teamId, includeCustomAttributes) {
+    const limit2 = geometry || includeRelations ? 1e3 : 1e4;
     const allFloors = await this.queryFloors({
       geometry,
       includeArchived,
       includeRelations,
       includeCustomAttributes,
-      teamId
+      teamId,
+      limit: limit2
     });
-    let floors = allFloors.features;
+    let floors = allFloors.features || [];
+    if (floors.length < limit2) {
+      return allFloors;
+    }
     while (floors == null ? void 0 : floors.length) {
       floors = (await this.queryFloors({
         geometry,
@@ -568,8 +576,9 @@ class SpaceAPI {
         includeRelations,
         includeCustomAttributes,
         teamId,
-        offset: allFloors.features.length
-      })).features;
+        offset: allFloors.features.length,
+        limit: limit2
+      })).features || [];
       allFloors.features.push(...floors);
     }
     return allFloors;
@@ -608,21 +617,27 @@ class SpaceAPI {
     return this.connection.callSpaceAPI("GET", "/v2/space", query);
   }
   async getAllSpacesByFloorId(floorId, geometry = false, includeRelations, includeCustomAttributes) {
+    const limit2 = 1e3;
     const allSpaces = await this.querySpaces({
       floorId,
       geometry,
       includeRelations,
-      includeCustomAttributes
+      includeCustomAttributes,
+      limit: limit2
     });
-    let spaces = allSpaces.features;
+    let spaces = allSpaces.features || [];
+    if (spaces.length < limit2) {
+      return allSpaces;
+    }
     while (spaces == null ? void 0 : spaces.length) {
       spaces = (await this.querySpaces({
         floorId,
         geometry,
         includeRelations,
         includeCustomAttributes,
-        offset: allSpaces.features.length
-      })).features;
+        offset: allSpaces.features.length,
+        limit: limit2
+      })).features || [];
       allSpaces.features.push(...spaces);
     }
     return allSpaces;
@@ -635,13 +650,18 @@ class SpaceAPI {
     return this.connection.callSpaceAPI("GET", "/v2/asset", query);
   }
   async getAllAssets(query) {
-    const allAssets = await this.queryAssets(query);
-    let assets = allAssets.features;
+    const { limit: limit2 = 1e4, ...rest } = query;
+    const allAssets = await this.queryAssets({ ...rest, limit: limit2 });
+    let assets = allAssets.features || [];
+    if (assets.length < limit2) {
+      return allAssets;
+    }
     while (assets == null ? void 0 : assets.length) {
       assets = (await this.queryAssets({
         ...query,
-        offset: (query.offset || 0) + allAssets.features.length
-      })).features;
+        offset: (query.offset || 0) + allAssets.features.length,
+        limit: limit2
+      })).features || [];
       allAssets.features.push(...assets);
     }
     return allAssets;
@@ -799,7 +819,7 @@ class SpaceAPI {
     return this.connection.callSpaceAPI("PATCH", `/v2/layout/${layoutId}/revisions/${revisionId}`, params);
   }
   getLayoutRevisions(layoutId, revisionFilter) {
-    const queryString = generateQueryString({ filter: revisionFilter });
+    const queryString = generateQueryString(revisionFilter ? { filter: revisionFilter } : {});
     return this.connection.callSpaceAPI("GET", `/v2/layout/${layoutId}/revisions${queryString}`);
   }
   getLayoutRevision(layoutId, revisionId) {
@@ -823,6 +843,33 @@ class SpaceAPI {
   getImdfs(params) {
     return this.connection.callSpaceAPI("POST", `/v2/floor/imdf`, params);
   }
+  listExtensions() {
+    return this.connection.callSpaceAPI("GET", "/v2/extensions");
+  }
+  createExtension(extension) {
+    return this.connection.callSpaceAPI("POST", "/v2/extensions", extension);
+  }
+  updateExtension(extensionId, extension) {
+    return this.connection.callSpaceAPI("PATCH", `/v2/extensions/${extensionId}`, extension);
+  }
+  deleteExtension(extensionId) {
+    return this.connection.callSpaceAPI("DELETE", `/v2/extensions/${extensionId}`);
+  }
+  listBuildings() {
+    return this.connection.callSpaceAPI("GET", "/v2/buildings");
+  }
+  createBuilding(params) {
+    return this.connection.callSpaceAPI("POST", "/v2/buildings", params);
+  }
+  getBuildingById(id) {
+    return this.connection.callSpaceAPI("GET", `/v2/buildings/${id}`);
+  }
+  updateBuilding(id, params) {
+    return this.connection.callSpaceAPI("PATCH", `/v2/buildings/${id}`, params);
+  }
+  deleteBuilding(id) {
+    return this.connection.callSpaceAPI("DELETE", `/v2/buildings/${id}`);
+  }
 }
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -5881,6 +5928,13 @@ E$2.prototype = {
 };
 tinyEmitter$1.exports = E$2;
 var TinyEmitter$1 = tinyEmitter$1.exports.TinyEmitter = E$2;
+var __typeError$1 = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
+var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
+var _SpaceGraphProductBase_instances, getAttributesJson_fn;
 const defaultLevels$1 = ["info", "warnings", "errors"];
 class SpaceGraphLogger extends at {
   error(...args) {
@@ -5889,6 +5943,7 @@ class SpaceGraphLogger extends at {
         args[0] = "Internal error: " + args[0];
       }
       console.error(...args);
+      this.emit("error", ...args);
     }
   }
 }
@@ -6811,13 +6866,13 @@ function getPolygonCenter(polygon) {
   const { min, max: max2 } = polygonBounds([polygon]);
   return [min[0] + (max2[0] - min[0]) / 2, min[1] + (max2[1] - min[1]) / 2];
 }
-function getPolygonLabelPoint(polygonWithHoles) {
+function getPolygonLabelPoint(polygonWithHoles, precision = 0.1) {
   let labelPoint;
   const area2 = getPolygonWithHolesArea(polygonWithHoles);
   if (area2 < 0.1) {
     labelPoint = getPolygonCenter(polygonWithHoles[0]);
   } else {
-    const point = polylabel$2(polygonWithHoles, 0.1);
+    const point = polylabel$2(polygonWithHoles, precision);
     labelPoint = [point[0], point[1]];
   }
   return labelPoint;
@@ -8445,6 +8500,7 @@ const layoutToCustomAttributeResourceTypeMap = {
   "spatialStructure:layout": "layout",
   "layout:space": "space",
   "product:static": "product",
+  "product:component": "product",
   "spatialStructure:building": "building",
   "spatialStructure:floor": "floor",
   "element:asset": "element",
@@ -10467,6 +10523,7 @@ function doRemoveBoundaryElement(boundaryElement) {
   }
 }
 function doRemoveElement(element) {
+  var _a;
   switch (element.type) {
     case "element:boundaryWall":
     case "element:ceiling":
@@ -10478,6 +10535,9 @@ function doRemoveElement(element) {
     case "element:wall":
       doRemoveEdgeElement(element);
       break;
+    case "element:asset":
+      (_a = element.product) == null ? void 0 : _a.instances.delete(element);
+      break;
   }
 }
 function getSpaceBoundaryPolygons(space) {
@@ -12345,11 +12405,20 @@ class LayoutAsset extends LayoutTransformElementBase {
     this.product = null;
     this.parameters = JSON.parse(JSON.stringify(defaultAssetParameters));
   }
+  get isComponentInstance() {
+    var _a;
+    return ((_a = this.product) == null ? void 0 : _a.type) === "product:component";
+  }
+  get isComponentInstanceChild() {
+    var _a;
+    return ((_a = this.parent) == null ? void 0 : _a.type) === "element:asset" && this.parent.isComponentInstance;
+  }
   setParameters(parameters) {
     super.setParameters(parameters);
   }
   setProduct(product) {
     this.product = product;
+    this.product.instances.add(this);
     this.emit("node-property-change", this, "product");
     this.emit("geometry-update", this);
   }
@@ -12573,28 +12642,29 @@ class LayoutGeneric extends LayoutTransformElementBase {
     super.setParameters(parameters);
   }
 }
-const SpaceGraphProductTypeValue = "product:static";
-class SpaceGraphProduct extends SpaceGraphNodeWithCustomAttributesBase {
-  constructor(id) {
-    super(id, SpaceGraphProductTypeValue);
-    this.geometries = [];
-    this.attributes = {
-      manufacturer: "",
-      categories: [],
-      subCategories: [],
-      thumbnail: "",
-      boundingBox: {
-        min: [1, 0, 0],
-        max: [-1, 0, 0]
-      },
-      seatCapacity: 0,
-      updatedAt: ""
-    };
+const SpaceGraphProductStaticTypeValue = "product:static";
+const defaultAttributes = {
+  manufacturer: "",
+  categories: [],
+  subCategories: [],
+  thumbnail: "",
+  boundingBox: {
+    min: [0, 0, 0],
+    max: [0, 0, 0]
+  },
+  seatCapacity: 0,
+  updatedAt: ""
+};
+class SpaceGraphProductBase extends SpaceGraphNodeWithCustomAttributesBase {
+  constructor(id, type2) {
+    super(id, type2);
+    __privateAdd$1(this, _SpaceGraphProductBase_instances);
+    this.instances = /* @__PURE__ */ new Set();
+    this.attributes = JSON.parse(JSON.stringify(defaultAttributes));
   }
   copyForClone(product) {
     super.copyForClone(product);
     this.attributes = JSON.parse(JSON.stringify(product.attributes));
-    this.geometries = JSON.parse(JSON.stringify(product.geometries));
   }
   setAttributes(attributesJson) {
     var _a, _b;
@@ -12612,38 +12682,106 @@ class SpaceGraphProduct extends SpaceGraphNodeWithCustomAttributesBase {
   }
   toJSON() {
     const productJson = super.toJSON();
-    let attributes = this.attributes;
-    let attributesJson = {};
-    if (attributes.manufacturer !== "") {
-      attributesJson.manufacturer = attributes.manufacturer;
-    }
-    if (attributes.categories.length > 0) {
-      attributesJson.categories = [...attributes.categories];
-    }
-    if (attributes.subCategories.length > 0) {
-      attributesJson.subCategories = [...attributes.subCategories];
-    }
-    if (attributes.thumbnail !== "") {
-      attributesJson.thumbnail = attributes.thumbnail;
-    }
-    let { min, max: max2 } = attributes.boundingBox;
-    if (min[0] !== 1 && max2[0] !== -1) {
-      attributesJson.boundingBox = {
-        min: [...attributes.boundingBox.min],
-        max: [...attributes.boundingBox.max]
-      };
-    }
-    if (attributes.seatCapacity > 0) {
-      attributesJson.seatCapacity = attributes.seatCapacity;
-    }
-    if (attributes.updatedAt !== void 0) {
-      attributesJson.updatedAt = attributes.updatedAt;
-    }
-    productJson.attributes = attributesJson;
-    productJson.geometries = JSON.parse(JSON.stringify(this.geometries));
+    productJson.attributes = __privateMethod$1(this, _SpaceGraphProductBase_instances, getAttributesJson_fn).call(this);
     return productJson;
   }
 }
+_SpaceGraphProductBase_instances = /* @__PURE__ */ new WeakSet();
+getAttributesJson_fn = function() {
+  const attributesJson = {};
+  const attributes = this.attributes;
+  if (attributes.manufacturer !== "") {
+    attributesJson.manufacturer = attributes.manufacturer;
+  }
+  if (attributes.categories.length > 0) {
+    attributesJson.categories = [...attributes.categories];
+  }
+  if (attributes.subCategories.length > 0) {
+    attributesJson.subCategories = [...attributes.subCategories];
+  }
+  if (attributes.thumbnail !== "") {
+    attributesJson.thumbnail = attributes.thumbnail;
+  }
+  let { min, max: max2 } = attributes.boundingBox;
+  if (min[0] !== 1 && max2[0] !== -1) {
+    attributesJson.boundingBox = {
+      min: [...attributes.boundingBox.min],
+      max: [...attributes.boundingBox.max]
+    };
+  }
+  if (attributes.seatCapacity > 0) {
+    attributesJson.seatCapacity = attributes.seatCapacity;
+  }
+  if (attributes.updatedAt !== void 0) {
+    attributesJson.updatedAt = attributes.updatedAt;
+  }
+  return attributesJson;
+};
+class SpaceGraphProductStatic extends SpaceGraphProductBase {
+  constructor(id) {
+    super(id, SpaceGraphProductStaticTypeValue);
+    this.geometries = [];
+  }
+  copyForClone(product) {
+    super.copyForClone(product);
+    this.geometries = JSON.parse(JSON.stringify(product.geometries));
+  }
+  toJSON() {
+    const productJson = super.toJSON();
+    return {
+      ...productJson,
+      type: SpaceGraphProductStaticTypeValue,
+      geometries: JSON.parse(JSON.stringify(this.geometries))
+    };
+  }
+}
+const SpaceGraphProductComponentTypeValue = "product:component";
+class SpaceGraphProductComponent extends SpaceGraphProductBase {
+  constructor(id) {
+    super(id, SpaceGraphProductComponentTypeValue);
+    this.products = [];
+    this.geometries = [];
+    this.attributes = JSON.parse(JSON.stringify(defaultAttributes));
+  }
+  copyForClone(product) {
+    super.copyForClone(product);
+    this.products = JSON.parse(JSON.stringify(product.products));
+  }
+  toJSON() {
+    const productJson = super.toJSON();
+    return {
+      ...productJson,
+      type: SpaceGraphProductComponentTypeValue,
+      products: JSON.parse(JSON.stringify(this.products)),
+      // for compatibility
+      geometries: []
+    };
+  }
+  setProducts(products) {
+    this.products = JSON.parse(JSON.stringify(products));
+  }
+  setInstances() {
+    var _a;
+    for (const instance of this.instances) {
+      if (this.products.length !== instance.elements.length) {
+        continue;
+      }
+      for (let i2 = 0; i2 < this.products.length; i2++) {
+        const productEntry = this.products[i2];
+        if ("type" in productEntry.position) {
+          continue;
+        }
+        if (typeof productEntry.rotation !== "number") {
+          continue;
+        }
+        const asset = instance.elements[i2];
+        if (asset.type === "element:asset" && ((_a = asset.product) == null ? void 0 : _a.id) === productEntry.product) {
+          asset.setTransform(productEntry.position, productEntry.rotation);
+        }
+      }
+    }
+  }
+}
 function clearNestedElements(element) {
   for (let i2 = element.elements.length - 1; i2 >= 0; i2--) {
     element.removeElement(element.elements[i2]);
@@ -12668,7 +12806,7 @@ function getSinkProduct(spaceGraph) {
   if (spaceGraph == null ? void 0 : spaceGraph.productsById[sinkProductId]) {
     return spaceGraph == null ? void 0 : spaceGraph.productsById[sinkProductId];
   }
-  let sink = new SpaceGraphProduct(sinkProductId);
+  let sink = new SpaceGraphProductStatic(sinkProductId);
   sink.setAttributes({
     categories: ["appliances"],
     subCategories: ["kitchen"],
@@ -13776,6 +13914,24 @@ class Graph {
     }
     return null;
   }
+  toJSON() {
+    const nodes = [];
+    const edges = [];
+    for (const [node, edgeMap] of this.nodeMap.entries()) {
+      nodes.push({ id: node.id, type: node.type });
+      for (const [edgeType, destinations] of edgeMap.entries()) {
+        for (const destination of destinations) {
+          if (node.id < destination.id) {
+            edges.push({
+              type: String(edgeType),
+              nodes: [node.id, destination.id]
+            });
+          }
+        }
+      }
+    }
+    return { nodes, edges };
+  }
 }
 const createByType = (map2) => {
   const byType = {};
@@ -14376,7 +14532,8 @@ const spaceGraphMaterialTypeValues = {
   "material:standard": SpaceGraphStandardMaterial
 };
 const spaceGraphProductTypeValues = {
-  "product:static": SpaceGraphProduct
+  "product:static": SpaceGraphProductStatic,
+  "product:component": SpaceGraphProductComponent
 };
 const spaceGraphRelationTypeValues = {
   "relation:group": GroupRelation
@@ -14431,7 +14588,7 @@ function getCustomAttributesJson(customAttributes) {
   }
   return customAttributesJson;
 }
-const version = "0.21.2";
+const version = "0.22.1";
 const schemaVersion = version;
 class SpaceGraph {
   constructor(sourceSchemaVersion) {
@@ -14602,8 +14759,13 @@ class SpaceGraph {
     this.unregisterNode(product);
     this.emit("product-delete", product);
   }
-  createProduct(id) {
-    let product = new SpaceGraphProduct(id);
+  createProduct(id, type2) {
+    let product;
+    if (type2 === SpaceGraphProductComponentTypeValue) {
+      product = new SpaceGraphProductComponent(id);
+    } else {
+      product = new SpaceGraphProductStatic(id);
+    }
     this.insertProduct(product);
     return product;
   }
@@ -15256,7 +15418,14 @@ function loadJsonNameAndCustomId(node, nodeJson) {
   node.customId = nodeJson.customId ?? node.customId;
 }
 function getProductFromProductJson(productJson, customAttributesById) {
-  let product = new SpaceGraphProduct(productJson.id);
+  let product;
+  if (productJson.type === SpaceGraphProductComponentTypeValue) {
+    product = new SpaceGraphProductComponent(productJson.id);
+    product.products = JSON.parse(JSON.stringify(productJson.products));
+  } else {
+    product = new SpaceGraphProductStatic(productJson.id);
+    product.geometries = JSON.parse(JSON.stringify(productJson.geometries));
+  }
   if (productJson.attributes) {
     product.setAttributes(productJson.attributes);
   }
@@ -15264,7 +15433,6 @@ function getProductFromProductJson(productJson, customAttributesById) {
     product.setCustomAttributes(productJson.customAttributes, customAttributesById);
   }
   loadJsonNameAndCustomId(product, productJson);
-  product.geometries = JSON.parse(JSON.stringify(productJson.geometries));
   return product;
 }
 function getGeometryFromGeometryJson(geometryJson) {
@@ -17827,8 +17995,10 @@ const setApiUrls = ({
 const defaultLevels = ["info", "warnings", "errors"];
 let logger = new at(defaultLevels);
 function loadAssetResources(loader, node) {
+  var _a;
   let uriGeometry;
   let productGeometryEntry = node.product.geometries[0];
+  const isComponent = ((_a = node.product) == null ? void 0 : _a.type) === "product:component";
   if (typeof productGeometryEntry === "string") {
     let geometryRef = productGeometryEntry;
     uriGeometry = node.spaceGraph.geometriesById[geometryRef];
@@ -17836,15 +18006,17 @@ function loadAssetResources(loader, node) {
     uriGeometry = productGeometryEntry.geometry;
   }
   let isUriGeometry = (uriGeometry == null ? void 0 : uriGeometry.type) === "geometry:uri";
-  if (!isUriGeometry) {
+  if (!isComponent && !isUriGeometry) {
     return Promise.reject("Unsupported product geometry: " + node.product.id);
   }
-  return loader.loadResources(node.product.id, node, ["productJson", "productContour"]).catch((e2) => logger.error(e2));
+  const resources = isComponent ? ["productJson"] : ["productJson", "productContour"];
+  return loader.loadResources(node.product.id, node, resources).catch((e2) => logger.error(e2));
 }
 const loadAllAssetResources = (floorPlan) => {
   const assets = [];
   floorPlan.layout.elementsByType["element:asset"].forEach((element) => {
-    if ("product" in element && element.product) {
+    var _a;
+    if ("product" in element && ((_a = element.product) == null ? void 0 : _a.type) === "product:static") {
       assets.push(element);
     }
   });
@@ -42872,7 +43044,7 @@ function checkProductQueueStatus(element, floorPlan) {
   }
 }
 function getProductGraphics(element, nodeContainer, floorPlan, style) {
-  var _a;
+  var _a, _b, _c, _d;
   checkProductQueueStatus(element, floorPlan);
   const { view, settings: settings2, loader } = floorPlan;
   const { theme, showCeilingLamps } = settings2;
@@ -42882,7 +43054,10 @@ function getProductGraphics(element, nodeContainer, floorPlan, style) {
   const productId = (_a = element.product) == null ? void 0 : _a.id;
   const productData = loader.resources.productJson.get(
     productId
-  ) || { subCategories: [] };
+  ) || {
+    subCategories: []
+  };
+  const isComponent = ((_b = element.product) == null ? void 0 : _b.type) === "product:component";
   const productContours = loader.resources.productContour.get(productId);
   const textureData = loader.resources.texture.get(productId);
   const contourShapes = getPolygonShapes(productContours);
@@ -42890,10 +43065,24 @@ function getProductGraphics(element, nodeContainer, floorPlan, style) {
   if (hideCeilingLamps) {
     return [];
   }
-  const zValue = getIndex(element.type, getOrder(productData));
+  let order = 0;
+  if (isComponent) {
+    for (const child of element.elements) {
+      if (child.type !== "element:asset" || !child.product) {
+        continue;
+      }
+      const childOrder = getOrder(child.product.attributes);
+      if (childOrder > order) {
+        order = childOrder;
+      }
+    }
+  } else {
+    order = getOrder(productData);
+  }
+  const zValue = getIndex(element.type, order);
   nodeContainer.zIndex = zValue || 0;
   let resolvedStyle = getNodeStyle({ element, settings: settings2, style });
-  if (!productContours && productData.boundingBox) {
+  if (!productContours && !isComponent && productData.boundingBox) {
     const boxContours = getBoundingBoxContour(productData.boundingBox);
     shapes = getPolygonShapes(boxContours);
     gfx = new Graphics();
@@ -42912,6 +43101,16 @@ function getProductGraphics(element, nodeContainer, floorPlan, style) {
     gfx.anchor.x = textureData.anchor.x;
     gfx.anchor.y = textureData.anchor.y;
     gfx.zIndex = 1;
+    if (((_c = productData.categories) == null ? void 0 : _c.includes("tables")) || ((_d = productData.categories) == null ? void 0 : _d.includes("seating"))) {
+      const hitArea = new Polygon(
+        contourShapes[0].polygons[0].flatMap((p2) => [
+          p2[0] * scale / gfx.scale.x,
+          p2[1] * scale / gfx.scale.y
+        ])
+      );
+      gfx.hitArea = hitArea;
+      gfx.interactive = true;
+    }
     if (style === "selected") {
       if (!textureData.contourTexture) {
         textureData.contourTexture = textureFromShapes(contourShapes, {
@@ -43035,6 +43234,9 @@ function drawNode(node, floorPlan, { ctx, style, container, preview }) {
     createNodeGraphics(node, nodeContainer, floorPlan, style, preview, ctx);
   }
   if (node && "elements" in node) {
+    if (node.elements.length) {
+      nodeContainer.sortableChildren = true;
+    }
     for (const child of node.elements) {
       drawNode(child, floorPlan, { ctx: nodeContainer, style, preview });
     }