@collabdt/core 0.0.42 → 0.0.44

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileHandler.js

@@ -1,86 +1,38 @@
 import * as THREE from "three";
 import {
   createFileMarker,
-  updateMarkerPosition,
   createGenericFileMarker
 } from "./FileMarkerUtils";
-const subscribeToGizmoTransformEnd = (gizmoController, callback) => {
-  if (!gizmoController)
-    return;
-  const controller = gizmoController;
-  const eventKeys = ["onTransformEnd", "onAfterTransform", "onChange", "onUpdated"];
-  for (const key of eventKeys) {
-    const eventCandidate = controller[key];
-    if (eventCandidate && typeof eventCandidate.add === "function") {
-      eventCandidate.add(callback);
-      return;
-    }
-  }
-};
-const addFileToScene = async (addedFile, fileScale, fileRotation, world, modelManager, addDxf, toolsDispatch, setCurrent3DFileId, onMarkerContextMenu) => {
-  if (!world || !modelManager || !addDxf) return;
+const addFileToScene = async (addedFile, fileScale, fileRotation, world, modelManager, addDxf, setCurrent3DFileId, onAction) => {
+  if (!world || !modelManager || !addDxf) return null;
   const fileName = addedFile.file.name.toLowerCase();
   if (fileName.endsWith(".glb") || fileName.endsWith(".gltf")) {
-    try {
-      const modelInfo = await modelManager.load(
-        addedFile.file,
-        addedFile.id,
-        addedFile.file.name,
-        {
-          position: addedFile.position,
-          scale: fileScale,
-          rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0),
-          enableGizmo: true,
-          enableAnimations: true
-        }
-      );
-      if (modelInfo) {
-        setCurrent3DFileId(addedFile.id);
-        const markerObj = createFileMarker(addedFile, modelInfo.model, () => {
-        }, world, onMarkerContextMenu);
-        subscribeToGizmoTransformEnd(modelInfo.gizmoController, () => {
-          updateMarkerPosition(markerObj, modelInfo.model);
-        });
-        setTimeout(() => {
-          updateMarkerPosition(markerObj, modelInfo.model);
-        }, 100);
-      }
-    } catch (error) {
-      console.error("Error loading 3D model:", error);
-    }
-    return;
+    const modelInfo = await modelManager.load(addedFile.file, addedFile.id, addedFile.file.name, {
+      position: addedFile.position,
+      scale: fileScale,
+      rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0),
+      enableGizmo: true,
+      enableAnimations: true
+    });
+    if (!modelInfo) return null;
+    setCurrent3DFileId(addedFile.id);
+    const marker2 = createFileMarker(addedFile, modelInfo.model, world, onAction);
+    return { kind: "model", marker: marker2, object3D: modelInfo.model };
   }
   if (fileName.endsWith(".dxf")) {
-    try {
-      const dxfInfo = await addDxf.loadDxf(
-        addedFile.file,
-        addedFile.id,
-        {
-          position: addedFile.position,
-          scale: fileScale,
-          rotation: fileRotation,
-          enableGizmo: true
-        }
-      );
-      if (dxfInfo) {
-        setCurrent3DFileId(addedFile.id);
-        const markerObj = createFileMarker(addedFile, dxfInfo.group, () => {
-        }, world, onMarkerContextMenu);
-        addDxf.onDxfTransformed.add((transformedDxfInfo) => {
-          if (transformedDxfInfo.id === addedFile.id) {
-            updateMarkerPosition(markerObj, dxfInfo.group);
-          }
-        });
-        setTimeout(() => {
-          updateMarkerPosition(markerObj, dxfInfo.group);
-        }, 100);
-      }
-    } catch (error) {
-      console.error("Error loading DXF file:", error);
-    }
-    return;
+    const dxfInfo = await addDxf.loadDxf(addedFile.file, addedFile.id, {
+      position: addedFile.position,
+      scale: fileScale,
+      rotation: fileRotation,
+      enableGizmo: true
+    });
+    if (!dxfInfo) return null;
+    setCurrent3DFileId(addedFile.id);
+    const marker2 = createFileMarker(addedFile, dxfInfo.group, world, onAction);
+    return { kind: "dxf", marker: marker2, object3D: dxfInfo.group };
   }
-  createGenericFileMarker(addedFile, world, toolsDispatch, onMarkerContextMenu);
+  const { marker, object3D } = createGenericFileMarker(addedFile, world, onAction);
+  return { kind: "generic", marker, object3D };
 };
 export {
   addFileToScene

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileHandler.ts"],"sourcesContent":["import * as THREE from 'three'\r\nimport * as OBC from '@thatopen/components'\r\nimport { ModelManager } from '../../../ModelManager'\r\nimport { AddDxf } from './AddDxf'\r\nimport {\r\n  AddedFile,\r\n  createFileMarker,\r\n  updateMarkerPosition,\r\n  createGenericFileMarker,\r\n} from './FileMarkerUtils'\r\n\r\nconst subscribeToGizmoTransformEnd = (\r\n  gizmoController: THREE.GizmoController | null | undefined,\r\n  callback: () => void,\r\n) => {\r\n  if (!gizmoController)\r\n    return\r\n\r\n  const controller = gizmoController as unknown as Record<string, unknown>\r\n  const eventKeys = ['onTransformEnd', 'onAfterTransform', 'onChange', 'onUpdated']\r\n\r\n  for (const key of eventKeys) {\r\n    const eventCandidate = controller[key] as { add?: (fn: () => void) => void } | undefined\r\n    if (eventCandidate && typeof eventCandidate.add === 'function') {\r\n      eventCandidate.add(callback)\r\n      return\r\n    }\r\n  }\r\n}\r\n\r\nexport const addFileToScene = async (\r\n  addedFile: AddedFile,\r\n  fileScale: number,\r\n  fileRotation: number,\r\n  world: OBC.World | null,\r\n  modelManager: ModelManager | null,\r\n  addDxf: AddDxf | null,\r\n  toolsDispatch: any,\r\n  setCurrent3DFileId: (id: string | null) => void,\r\n  onMarkerContextMenu?: (event: MouseEvent) => void,\r\n) => {\r\n  if (!world || !modelManager || !addDxf) return\r\n\r\n  const fileName = addedFile.file.name.toLowerCase()\r\n\r\n  // Handle 3D models (GLB/GLTF)\r\n  if (fileName.endsWith('.glb') || fileName.endsWith('.gltf')) {\r\n    try {\r\n      const modelInfo = await modelManager.load(\r\n        addedFile.file,\r\n        addedFile.id,\r\n        addedFile.file.name,\r\n        {\r\n          position: addedFile.position,\r\n          scale: fileScale,\r\n          rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0),\r\n          enableGizmo: true,\r\n          enableAnimations: true,\r\n        },\r\n      )\r\n\r\n      if (modelInfo) {\r\n        // Store current 3D file ID for real-time updates\r\n        setCurrent3DFileId(addedFile.id)\r\n\r\n        // Create CSS2D label for the 3D model\r\n        const markerObj = createFileMarker(addedFile, modelInfo.model, () => {\r\n          // Click on marker — no-op (actions handled via sidebar/context menu)\r\n        }, world, onMarkerContextMenu)\r\n\r\n        // Set up transform listener to update marker position\r\n        subscribeToGizmoTransformEnd(modelInfo.gizmoController, () => {\r\n          updateMarkerPosition(markerObj, modelInfo.model)\r\n        })\r\n\r\n        // Initial marker position update after model is loaded\r\n        setTimeout(() => {\r\n          updateMarkerPosition(markerObj, modelInfo.model)\r\n        }, 100)\r\n      }\r\n    }\r\n    catch (error) {\r\n      console.error('Error loading 3D model:', error)\r\n    }\r\n    return\r\n  }\r\n\r\n  // Handle DXF files\r\n  if (fileName.endsWith('.dxf')) {\r\n    try {\r\n      const dxfInfo = await addDxf.loadDxf(\r\n        addedFile.file,\r\n        addedFile.id,\r\n        {\r\n          position: addedFile.position,\r\n          scale: fileScale,\r\n          rotation: fileRotation,\r\n          enableGizmo: true,\r\n        },\r\n      )\r\n\r\n      if (dxfInfo) {\r\n        // Store current 3D file ID for real-time updates\r\n        setCurrent3DFileId(addedFile.id)\r\n\r\n        // Create CSS2D label for the DXF\r\n        const markerObj = createFileMarker(addedFile, dxfInfo.group, () => {\r\n          // Click on marker — no-op (actions handled via sidebar/context menu)\r\n        }, world, onMarkerContextMenu)\r\n\r\n        // Set up transform listener to update marker position\r\n        addDxf.onDxfTransformed.add((transformedDxfInfo) => {\r\n          if (transformedDxfInfo.id === addedFile.id) {\r\n            updateMarkerPosition(markerObj, dxfInfo.group)\r\n          }\r\n        })\r\n\r\n        // Initial marker position update after DXF is loaded\r\n        setTimeout(() => {\r\n          updateMarkerPosition(markerObj, dxfInfo.group)\r\n        }, 100)\r\n      }\r\n    }\r\n    catch (error) {\r\n      console.error('Error loading DXF file:', error)\r\n    }\r\n    return\r\n  }\r\n\r\n  // Handle other files (create sphere marker)\r\n  createGenericFileMarker(addedFile, world, toolsDispatch, onMarkerContextMenu)\r\n}\r\n"],"mappings":"AAAA,YAAY,WAAW;AAIvB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,+BAA+B,CACnC,iBACA,aACG;AACH,MAAI,CAAC;AACH;AAEF,QAAM,aAAa;AACnB,QAAM,YAAY,CAAC,kBAAkB,oBAAoB,YAAY,WAAW;AAEhF,aAAW,OAAO,WAAW;AAC3B,UAAM,iBAAiB,WAAW,GAAG;AACrC,QAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,qBAAe,IAAI,QAAQ;AAC3B;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAC5B,WACA,WACA,cACA,OACA,cACA,QACA,eACA,oBACA,wBACG;AACH,MAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAQ;AAExC,QAAM,WAAW,UAAU,KAAK,KAAK,YAAY;AAGjD,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,OAAO,GAAG;AAC3D,QAAI;AACF,YAAM,YAAY,MAAM,aAAa;AAAA,QACnC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU,KAAK;AAAA,QACf;AAAA,UACE,UAAU,UAAU;AAAA,UACpB,OAAO;AAAA,UACP,UAAU,IAAI,MAAM,MAAM,GAAG,MAAM,UAAU,SAAS,YAAY,GAAG,CAAC;AAAA,UACtE,aAAa;AAAA,UACb,kBAAkB;AAAA,QACpB;AAAA,MACF;AAEA,UAAI,WAAW;AAEb,2BAAmB,UAAU,EAAE;AAG/B,cAAM,YAAY,iBAAiB,WAAW,UAAU,OAAO,MAAM;AAAA,QAErE,GAAG,OAAO,mBAAmB;AAG7B,qCAA6B,UAAU,iBAAiB,MAAM;AAC5D,+BAAqB,WAAW,UAAU,KAAK;AAAA,QACjD,CAAC;AAGD,mBAAW,MAAM;AACf,+BAAqB,WAAW,UAAU,KAAK;AAAA,QACjD,GAAG,GAAG;AAAA,MACR;AAAA,IACF,SACO,OAAO;AACZ,cAAQ,MAAM,2BAA2B,KAAK;AAAA,IAChD;AACA;AAAA,EACF;AAGA,MAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,QAAI;AACF,YAAM,UAAU,MAAM,OAAO;AAAA,QAC3B,UAAU;AAAA,QACV,UAAU;AAAA,QACV;AAAA,UACE,UAAU,UAAU;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,aAAa;AAAA,QACf;AAAA,MACF;AAEA,UAAI,SAAS;AAEX,2BAAmB,UAAU,EAAE;AAG/B,cAAM,YAAY,iBAAiB,WAAW,QAAQ,OAAO,MAAM;AAAA,QAEnE,GAAG,OAAO,mBAAmB;AAG7B,eAAO,iBAAiB,IAAI,CAAC,uBAAuB;AAClD,cAAI,mBAAmB,OAAO,UAAU,IAAI;AAC1C,iCAAqB,WAAW,QAAQ,KAAK;AAAA,UAC/C;AAAA,QACF,CAAC;AAGD,mBAAW,MAAM;AACf,+BAAqB,WAAW,QAAQ,KAAK;AAAA,QAC/C,GAAG,GAAG;AAAA,MACR;AAAA,IACF,SACO,OAAO;AACZ,cAAQ,MAAM,2BAA2B,KAAK;AAAA,IAChD;AACA;AAAA,EACF;AAGA,0BAAwB,WAAW,OAAO,eAAe,mBAAmB;AAC9E;","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileHandler.ts"],"sourcesContent":["import * as THREE from 'three'\r\nimport * as OBC from '@thatopen/components'\r\nimport { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js'\r\nimport { ModelManager } from '../../../ModelManager'\r\nimport { AddDxf } from './AddDxf'\r\nimport {\r\n  AddedFile,\r\n  createFileMarker,\r\n  createGenericFileMarker,\r\n} from './FileMarkerUtils'\r\nimport type { FileMarkerAction } from '../../../../../../ui/FilesManager/src/FileMarker'\r\n\r\nexport type PlacedKind = 'dxf' | 'model' | 'generic'\r\n\r\nexport interface PlacedResult {\r\n  kind: PlacedKind\r\n  marker: CSS2DObject | null\r\n  object3D: THREE.Object3D\r\n}\r\n\r\nexport const addFileToScene = async (\r\n  addedFile: AddedFile,\r\n  fileScale: number,\r\n  fileRotation: number,\r\n  world: OBC.World | null,\r\n  modelManager: ModelManager | null,\r\n  addDxf: AddDxf | null,\r\n  setCurrent3DFileId: (id: string | null) => void,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): Promise<PlacedResult | null> => {\r\n  if (!world || !modelManager || !addDxf) return null\r\n\r\n  const fileName = addedFile.file.name.toLowerCase()\r\n\r\n  if (fileName.endsWith('.glb') || fileName.endsWith('.gltf')) {\r\n    const modelInfo = await modelManager.load(addedFile.file, addedFile.id, addedFile.file.name, {\r\n      position: addedFile.position,\r\n      scale: fileScale,\r\n      rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0),\r\n      enableGizmo: true,\r\n      enableAnimations: true,\r\n    })\r\n    if (!modelInfo) return null\r\n\r\n    setCurrent3DFileId(addedFile.id)\r\n    const marker = createFileMarker(addedFile, modelInfo.model, world, onAction)\r\n    return { kind: 'model', marker, object3D: modelInfo.model }\r\n  }\r\n\r\n  if (fileName.endsWith('.dxf')) {\r\n    const dxfInfo = await addDxf.loadDxf(addedFile.file, addedFile.id, {\r\n      position: addedFile.position,\r\n      scale: fileScale,\r\n      rotation: fileRotation,\r\n      enableGizmo: true,\r\n    })\r\n    if (!dxfInfo) return null\r\n\r\n    setCurrent3DFileId(addedFile.id)\r\n    const marker = createFileMarker(addedFile, dxfInfo.group, world, onAction)\r\n    return { kind: 'dxf', marker, object3D: dxfInfo.group }\r\n  }\r\n\r\n  const { marker, object3D } = createGenericFileMarker(addedFile, world, onAction)\r\n  return { kind: 'generic', marker, object3D }\r\n}\r\n"],"mappings":"AAAA,YAAY,WAAW;AAKvB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAWA,MAAM,iBAAiB,OAC5B,WACA,WACA,cACA,OACA,cACA,QACA,oBACA,aACiC;AACjC,MAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAQ,QAAO;AAE/C,QAAM,WAAW,UAAU,KAAK,KAAK,YAAY;AAEjD,MAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,OAAO,GAAG;AAC3D,UAAM,YAAY,MAAM,aAAa,KAAK,UAAU,MAAM,UAAU,IAAI,UAAU,KAAK,MAAM;AAAA,MAC3F,UAAU,UAAU;AAAA,MACpB,OAAO;AAAA,MACP,UAAU,IAAI,MAAM,MAAM,GAAG,MAAM,UAAU,SAAS,YAAY,GAAG,CAAC;AAAA,MACtE,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB,CAAC;AACD,QAAI,CAAC,UAAW,QAAO;AAEvB,uBAAmB,UAAU,EAAE;AAC/B,UAAMA,UAAS,iBAAiB,WAAW,UAAU,OAAO,OAAO,QAAQ;AAC3E,WAAO,EAAE,MAAM,SAAS,QAAAA,SAAQ,UAAU,UAAU,MAAM;AAAA,EAC5D;AAEA,MAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,UAAM,UAAU,MAAM,OAAO,QAAQ,UAAU,MAAM,UAAU,IAAI;AAAA,MACjE,UAAU,UAAU;AAAA,MACpB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AACD,QAAI,CAAC,QAAS,QAAO;AAErB,uBAAmB,UAAU,EAAE;AAC/B,UAAMA,UAAS,iBAAiB,WAAW,QAAQ,OAAO,OAAO,QAAQ;AACzE,WAAO,EAAE,MAAM,OAAO,QAAAA,SAAQ,UAAU,QAAQ,MAAM;AAAA,EACxD;AAEA,QAAM,EAAE,QAAQ,SAAS,IAAI,wBAAwB,WAAW,OAAO,QAAQ;AAC/E,SAAO,EAAE,MAAM,WAAW,QAAQ,SAAS;AAC7C;","names":["marker"]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.d.ts

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js';
+import { type FileMarkerAction } from '../../../../../../ui/FilesManager/src/FileMarker';
 export interface AddedFile {
     id: string;
     file: File;
@@ -7,7 +8,10 @@ export interface AddedFile {
     imageUrl?: string;
 }
 export declare const initializeCSS2DRenderer: (world: any) => any;
-export declare const createFileMarker: (addedFile: AddedFile, object3D: THREE.Object3D, onClick: () => void, world: any, onContextMenu?: (event: MouseEvent) => void) => CSS2DObject | null;
-export declare const updateMarkerPosition: (marker: CSS2DObject | null, object3D: THREE.Object3D) => void;
-export declare const createGenericFileMarker: (addedFile: AddedFile, world: any, toolsDispatch: any, onContextMenu?: (event: MouseEvent) => void) => void;
+export declare const createFileMarker: (addedFile: AddedFile, object3D: THREE.Object3D, world: any, onAction?: (action: FileMarkerAction) => void) => CSS2DObject | null;
+export declare const createGenericFileMarker: (addedFile: AddedFile, world: any, onAction?: (action: FileMarkerAction) => void) => {
+    marker: CSS2DObject | null;
+    object3D: THREE.Object3D;
+};
+export declare const removeMarker: (marker: CSS2DObject | null, world?: any) => void;
 //# sourceMappingURL=FileMarkerUtils.d.ts.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileMarkerUtils.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,WAAW,EACZ,MAAM,yCAAyC,CAAA;AAKhD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,GAAI,OAAO,GAAG,QA0CjD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,WAAW,SAAS,EACpB,UAAU,KAAK,CAAC,QAAQ,EACxB,SAAS,MAAM,IAAI,EACnB,OAAO,GAAG,EACV,gBAAgB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,KAC1C,WAAW,GAAG,IA2EhB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW,GAAG,IAAI,EAAE,UAAU,KAAK,CAAC,QAAQ,SAQxF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,SAAS,EACpB,OAAO,GAAG,EACV,eAAe,GAAG,EAClB,gBAAgB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,SAe5C,CAAA"}
+{"version":3,"file":"FileMarkerUtils.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,WAAW,EACZ,MAAM,yCAAyC,CAAA;AAEhD,OAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AAGpG,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,GAAI,OAAO,GAAG,QA4BjD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,WAAW,SAAS,EACpB,UAAU,KAAK,CAAC,QAAQ,EACxB,OAAO,GAAG,EACV,WAAW,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,KAC5C,WAAW,GAAG,IA8BhB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,SAAS,EACpB,OAAO,GAAG,EACV,WAAW,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,KAC5C;IAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAA;CAWxD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW,GAAG,IAAI,EAAE,QAAQ,GAAG,SAKnE,CAAA"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.js

@@ -8,113 +8,77 @@ import { createRoot } from "react-dom/client";
 import FileMarker from "../../../../../../ui/FilesManager/src/FileMarker";
 const initializeCSS2DRenderer = (world) => {
   if (!world) return null;
-  let css2dRenderer = world.css2dRenderer;
-  if (css2dRenderer) {
-    console.log("CSS2D Renderer already exists", css2dRenderer);
-  } else {
-    css2dRenderer = new CSS2DRenderer();
-    css2dRenderer.setSize(
-      world.renderer.three.domElement.clientWidth,
-      world.renderer.three.domElement.clientHeight
-    );
-    css2dRenderer.domElement.style.position = "absolute";
-    css2dRenderer.domElement.style.top = "0";
-    css2dRenderer.domElement.style.left = "0";
-    css2dRenderer.domElement.style.pointerEvents = "none";
-    css2dRenderer.domElement.style.zIndex = "1000";
-    css2dRenderer.domElement.classList.add("css2d-renderer");
-    const container = world.renderer.three.domElement.parentElement;
-    container.append(css2dRenderer.domElement);
-    world.css2dRenderer = css2dRenderer;
-    const originalRender = world.renderer.three.render;
-    world.renderer.three.render = function(scene, camera) {
-      originalRender.call(this, scene, camera);
-      css2dRenderer.render(scene, camera);
-    };
-  }
+  if (world.css2dRenderer) return world.css2dRenderer;
+  const css2dRenderer = new CSS2DRenderer();
+  css2dRenderer.setSize(
+    world.renderer.three.domElement.clientWidth,
+    world.renderer.three.domElement.clientHeight
+  );
+  css2dRenderer.domElement.style.position = "absolute";
+  css2dRenderer.domElement.style.top = "0";
+  css2dRenderer.domElement.style.left = "0";
+  css2dRenderer.domElement.style.pointerEvents = "none";
+  css2dRenderer.domElement.style.zIndex = "1000";
+  css2dRenderer.domElement.classList.add("css2d-renderer");
+  const container = world.renderer.three.domElement.parentElement;
+  container.append(css2dRenderer.domElement);
+  world.css2dRenderer = css2dRenderer;
+  const originalRender = world.renderer.three.render;
+  world.renderer.three.render = function(scene, camera) {
+    originalRender.call(this, scene, camera);
+    css2dRenderer.render(scene, camera);
+  };
   return css2dRenderer;
 };
-const createFileMarker = (addedFile, object3D, onClick, world, onContextMenu) => {
+const createFileMarker = (addedFile, object3D, world, onAction) => {
   var _a;
   if (!world) return null;
-  console.log("Creating FileMarker for:", addedFile.file.name, "at position:", addedFile.position);
   const markerFile = {
     id: Number.parseInt(addedFile.id, 10) || 0,
     name: addedFile.file.name,
     type: addedFile.file.type || "application/octet-stream",
-    url: (_a = addedFile.imageUrl) != null ? _a : URL.createObjectURL(addedFile.file),
+    url: (_a = addedFile.imageUrl) != null ? _a : "",
     assetId: addedFile.id,
     uploadedAt: (/* @__PURE__ */ new Date()).toISOString(),
     fileOrganizationId: 0
   };
   const labelDiv = document.createElement("div");
-  labelDiv.style.display = "block";
-  labelDiv.style.visibility = "visible";
   labelDiv.style.pointerEvents = "auto";
   labelDiv.style.zIndex = "1001";
-  if (onContextMenu) {
-    labelDiv.addEventListener("contextmenu", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      onContextMenu(e);
-    });
-  }
-  const root = createRoot(labelDiv);
-  root.render(
-    React.createElement(FileMarker, {
-      file: markerFile,
-      onClick
-    })
+  labelDiv.addEventListener("contextmenu", (e) => e.preventDefault());
+  createRoot(labelDiv).render(
+    React.createElement(FileMarker, { file: markerFile, onAction })
   );
   const css2dObject = new CSS2DObject(labelDiv);
   css2dObject.position.copy(addedFile.position);
   css2dObject.position.y += 0.2;
-  css2dObject.visible = true;
-  css2dObject.layers.set(0);
-  world.scene.three.add(css2dObject);
   css2dObject.fileId = addedFile.id;
   css2dObject.object3D = object3D;
-  const forceRender = () => {
-    if (world.css2dRenderer) {
-      world.css2dRenderer.render(world.scene.three, world.camera.three);
-    }
-  };
-  forceRender();
-  setTimeout(forceRender, 0);
-  setTimeout(forceRender, 100);
-  setTimeout(forceRender, 500);
-  console.log("FileMarker created and added to scene", {
-    position: css2dObject.position,
-    fileId: addedFile.id,
-    objectPosition: object3D.position,
-    visible: css2dObject.visible,
-    element: labelDiv,
-    renderer: world.css2dRenderer
-  });
+  world.scene.three.add(css2dObject);
   return css2dObject;
 };
-const updateMarkerPosition = (marker, object3D) => {
-  if (!marker || !object3D) return;
-  const worldPosition = new THREE.Vector3();
-  object3D.getWorldPosition(worldPosition);
-  marker.position.copy(worldPosition);
-  marker.position.y += 0.2;
-};
-const createGenericFileMarker = (addedFile, world, toolsDispatch, onContextMenu) => {
-  if (!world) return;
-  const sphereGeometry = new THREE.SphereGeometry(0.025, 10, 10);
-  const sphereMaterial = new THREE.MeshBasicMaterial({ color: 16777215 });
-  const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
+const createGenericFileMarker = (addedFile, world, onAction) => {
+  const sphere = new THREE.Mesh(
+    new THREE.SphereGeometry(0.025, 10, 10),
+    new THREE.MeshBasicMaterial({ color: 16777215 })
+  );
   sphere.position.copy(addedFile.position);
-  world.scene.three.add(sphere);
-  createFileMarker(addedFile, sphere, () => {
-  }, world, onContextMenu);
   sphere.fileId = addedFile.id;
+  if (world) world.scene.three.add(sphere);
+  const marker = createFileMarker(addedFile, sphere, world, onAction);
+  return { marker, object3D: sphere };
+};
+const removeMarker = (marker, world) => {
+  var _a;
+  if (!marker) return;
+  if (world) world.scene.three.remove(marker);
+  const el = marker.element;
+  (_a = el == null ? void 0 : el.parentElement) == null ? void 0 : _a.removeChild(el);
 };
 export {
   createFileMarker,
   createGenericFileMarker,
   initializeCSS2DRenderer,
-  updateMarkerPosition
+  removeMarker
 };
 //# sourceMappingURL=FileMarkerUtils.js.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"sourcesContent":["import * as THREE from 'three'\r\nimport * as React from 'react'\r\nimport {\r\n  CSS2DRenderer,\r\n  CSS2DObject,\r\n} from 'three/addons/renderers/CSS2DRenderer.js'\r\nimport { createRoot } from 'react-dom/client'\r\nimport FileMarker from '../../../../../../ui/FilesManager/src/FileMarker'\r\nimport type { DbFile } from '../../../../../../../types/dbTypes'\r\n\r\nexport interface AddedFile {\r\n  id: string\r\n  file: File\r\n  position: THREE.Vector3\r\n  imageUrl?: string\r\n}\r\n\r\nexport const initializeCSS2DRenderer = (world: any) => {\r\n  if (!world) return null\r\n\r\n  // Check if CSS2D renderer already exists\r\n  let css2dRenderer = (world as any).css2dRenderer\r\n\r\n  if (css2dRenderer) {\r\n    console.log('CSS2D Renderer already exists', css2dRenderer)\r\n  }\r\n  else {\r\n    // Create and set up the CSS2D renderer\r\n    css2dRenderer = new CSS2DRenderer()\r\n    css2dRenderer.setSize(\r\n      world.renderer!.three.domElement!.clientWidth,\r\n      world.renderer!.three.domElement!.clientHeight,\r\n    )\r\n    css2dRenderer.domElement.style.position = 'absolute'\r\n    css2dRenderer.domElement.style.top = '0'\r\n    css2dRenderer.domElement.style.left = '0'\r\n    css2dRenderer.domElement.style.pointerEvents = 'none'\r\n    css2dRenderer.domElement.style.zIndex = '1000'\r\n    css2dRenderer.domElement.classList.add('css2d-renderer')\r\n\r\n    // Add to DOM\r\n    const container = world.renderer!.three.domElement!.parentElement!\r\n    container.append(css2dRenderer.domElement);\r\n\r\n    // Store reference\r\n    (world as any).css2dRenderer = css2dRenderer\r\n\r\n    // Hook into the render loop\r\n    const originalRender = world.renderer!.three.render\r\n    world.renderer!.three.render = function (\r\n      scene: THREE.Scene,\r\n      camera: THREE.Camera,\r\n    ) {\r\n      originalRender.call(this, scene, camera)\r\n      css2dRenderer.render(scene, camera)\r\n    }\r\n  }\r\n\r\n  return css2dRenderer\r\n}\r\n\r\nexport const createFileMarker = (\r\n  addedFile: AddedFile,\r\n  object3D: THREE.Object3D,\r\n  onClick: () => void,\r\n  world: any,\r\n  onContextMenu?: (event: MouseEvent) => void,\r\n): CSS2DObject | null => {\r\n  if (!world) return null\r\n\r\n  console.log('Creating FileMarker for:', addedFile.file.name, 'at position:', addedFile.position)\r\n  const markerFile = {\r\n    id: Number.parseInt(addedFile.id, 10) || 0,\r\n    name: addedFile.file.name,\r\n    type: addedFile.file.type || 'application/octet-stream',\r\n    url: addedFile.imageUrl ?? URL.createObjectURL(addedFile.file),\r\n    assetId: addedFile.id,\r\n    uploadedAt: new Date().toISOString(),\r\n    fileOrganizationId: 0,\r\n  } as DbFile\r\n\r\n  const labelDiv = document.createElement('div')\r\n  labelDiv.style.display = 'block'\r\n  labelDiv.style.visibility = 'visible'\r\n  labelDiv.style.pointerEvents = 'auto'\r\n  labelDiv.style.zIndex = '1001'\r\n\r\n  if (onContextMenu) {\r\n    labelDiv.addEventListener('contextmenu', (e) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      onContextMenu(e)\r\n    })\r\n  }\r\n\r\n  const root = createRoot(labelDiv)\r\n\r\n  root.render(\r\n    React.createElement(FileMarker, {\r\n      file: markerFile,\r\n      onClick,\r\n    }),\r\n  )\r\n\r\n  const css2dObject = new CSS2DObject(labelDiv)\r\n  css2dObject.position.copy(addedFile.position)\r\n  css2dObject.position.y += 0.2\r\n\r\n  // Ensure the object is visible\r\n  css2dObject.visible = true\r\n  css2dObject.layers.set(0) // Ensure it's on the default layer\r\n\r\n  world.scene.three.add(css2dObject);\r\n\r\n  (css2dObject as any).fileId = addedFile.id;\r\n  (css2dObject as any).object3D = object3D // Store reference to 3D object\r\n\r\n  // Force render multiple times to ensure it appears\r\n  const forceRender = () => {\r\n    if ((world as any).css2dRenderer) {\r\n      (world as any).css2dRenderer.render(world.scene.three, world.camera.three)\r\n    }\r\n  }\r\n\r\n  // Force immediate render\r\n  forceRender()\r\n\r\n  // Force render after DOM updates\r\n  setTimeout(forceRender, 0)\r\n  setTimeout(forceRender, 100)\r\n  setTimeout(forceRender, 500)\r\n\r\n  console.log('FileMarker created and added to scene', {\r\n    position: css2dObject.position,\r\n    fileId: addedFile.id,\r\n    objectPosition: object3D.position,\r\n    visible: css2dObject.visible,\r\n    element: labelDiv,\r\n    renderer: (world as any).css2dRenderer,\r\n  })\r\n\r\n  return css2dObject\r\n}\r\n\r\nexport const updateMarkerPosition = (marker: CSS2DObject | null, object3D: THREE.Object3D) => {\r\n  if (!marker || !object3D) return\r\n\r\n  // Update marker position to follow the 3D object\r\n  const worldPosition = new THREE.Vector3()\r\n  object3D.getWorldPosition(worldPosition)\r\n  marker.position.copy(worldPosition)\r\n  marker.position.y += 0.2 // Offset above the object\r\n}\r\n\r\nexport const createGenericFileMarker = (\r\n  addedFile: AddedFile,\r\n  world: any,\r\n  toolsDispatch: any,\r\n  onContextMenu?: (event: MouseEvent) => void,\r\n) => {\r\n  if (!world) return\r\n\r\n  const sphereGeometry = new THREE.SphereGeometry(0.025, 10, 10)\r\n  const sphereMaterial = new THREE.MeshBasicMaterial({ color: 0xFFFFFF })\r\n  const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial)\r\n  sphere.position.copy(addedFile.position)\r\n  world.scene.three.add(sphere)\r\n\r\n  createFileMarker(addedFile, sphere, () => {\r\n    // Click on marker — no-op (actions handled via sidebar/context menu)\r\n  }, world, onContextMenu);\r\n\r\n  (sphere as any).fileId = addedFile.id\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"sourcesContent":["import * as THREE from 'three'\r\nimport * as React from 'react'\r\nimport {\r\n  CSS2DRenderer,\r\n  CSS2DObject,\r\n} from 'three/addons/renderers/CSS2DRenderer.js'\r\nimport { createRoot } from 'react-dom/client'\r\nimport FileMarker, { type FileMarkerAction } from '../../../../../../ui/FilesManager/src/FileMarker'\r\nimport type { DbFile } from '../../../../../../../types/dbTypes'\r\n\r\nexport interface AddedFile {\r\n  id: string\r\n  file: File\r\n  position: THREE.Vector3\r\n  imageUrl?: string\r\n}\r\n\r\nexport const initializeCSS2DRenderer = (world: any) => {\r\n  if (!world) return null\r\n  if ((world as any).css2dRenderer) return (world as any).css2dRenderer\r\n\r\n  const css2dRenderer = new CSS2DRenderer()\r\n  css2dRenderer.setSize(\r\n    world.renderer!.three.domElement!.clientWidth,\r\n    world.renderer!.three.domElement!.clientHeight,\r\n  )\r\n  css2dRenderer.domElement.style.position = 'absolute'\r\n  css2dRenderer.domElement.style.top = '0'\r\n  css2dRenderer.domElement.style.left = '0'\r\n  css2dRenderer.domElement.style.pointerEvents = 'none'\r\n  css2dRenderer.domElement.style.zIndex = '1000'\r\n  css2dRenderer.domElement.classList.add('css2d-renderer')\r\n\r\n  const container = world.renderer!.three.domElement!.parentElement!\r\n  container.append(css2dRenderer.domElement)\r\n  ;(world as any).css2dRenderer = css2dRenderer\r\n\r\n  // Render the CSS2D layer on top of every world render.\r\n  const originalRender = world.renderer!.three.render\r\n  world.renderer!.three.render = function (scene: THREE.Scene, camera: THREE.Camera) {\r\n    originalRender.call(this, scene, camera)\r\n    css2dRenderer.render(scene, camera)\r\n  }\r\n\r\n  return css2dRenderer\r\n}\r\n\r\nexport const createFileMarker = (\r\n  addedFile: AddedFile,\r\n  object3D: THREE.Object3D,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): CSS2DObject | null => {\r\n  if (!world) return null\r\n\r\n  const markerFile = {\r\n    id: Number.parseInt(addedFile.id, 10) || 0,\r\n    name: addedFile.file.name,\r\n    type: addedFile.file.type || 'application/octet-stream',\r\n    url: addedFile.imageUrl ?? '',\r\n    assetId: addedFile.id,\r\n    uploadedAt: new Date().toISOString(),\r\n    fileOrganizationId: 0,\r\n  } as DbFile\r\n\r\n  const labelDiv = document.createElement('div')\r\n  labelDiv.style.pointerEvents = 'auto'\r\n  labelDiv.style.zIndex = '1001'\r\n  labelDiv.addEventListener('contextmenu', e => e.preventDefault())\r\n\r\n  createRoot(labelDiv).render(\r\n    React.createElement(FileMarker, { file: markerFile, onAction }),\r\n  )\r\n\r\n  const css2dObject = new CSS2DObject(labelDiv)\r\n  css2dObject.position.copy(addedFile.position)\r\n  css2dObject.position.y += 0.2\r\n  ;(css2dObject as any).fileId = addedFile.id\r\n  ;(css2dObject as any).object3D = object3D\r\n  world.scene.three.add(css2dObject)\r\n\r\n  return css2dObject\r\n}\r\n\r\nexport const createGenericFileMarker = (\r\n  addedFile: AddedFile,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): { marker: CSS2DObject | null, object3D: THREE.Object3D } => {\r\n  const sphere = new THREE.Mesh(\r\n    new THREE.SphereGeometry(0.025, 10, 10),\r\n    new THREE.MeshBasicMaterial({ color: 0xFFFFFF }),\r\n  )\r\n  sphere.position.copy(addedFile.position)\r\n  ;(sphere as any).fileId = addedFile.id\r\n  if (world) world.scene.three.add(sphere)\r\n\r\n  const marker = createFileMarker(addedFile, sphere, world, onAction)\r\n  return { marker, object3D: sphere }\r\n}\r\n\r\nexport const removeMarker = (marker: CSS2DObject | null, world?: any) => {\r\n  if (!marker) return\r\n  if (world) world.scene.three.remove(marker)\r\n  const el = marker.element as HTMLElement | undefined\r\n  el?.parentElement?.removeChild(el)\r\n}\r\n"],"mappings":"AAAA,YAAY,WAAW;AACvB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,OAAO,gBAA2C;AAU3C,MAAM,0BAA0B,CAAC,UAAe;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,MAAK,MAAc,cAAe,QAAQ,MAAc;AAExD,QAAM,gBAAgB,IAAI,cAAc;AACxC,gBAAc;AAAA,IACZ,MAAM,SAAU,MAAM,WAAY;AAAA,IAClC,MAAM,SAAU,MAAM,WAAY;AAAA,EACpC;AACA,gBAAc,WAAW,MAAM,WAAW;AAC1C,gBAAc,WAAW,MAAM,MAAM;AACrC,gBAAc,WAAW,MAAM,OAAO;AACtC,gBAAc,WAAW,MAAM,gBAAgB;AAC/C,gBAAc,WAAW,MAAM,SAAS;AACxC,gBAAc,WAAW,UAAU,IAAI,gBAAgB;AAEvD,QAAM,YAAY,MAAM,SAAU,MAAM,WAAY;AACpD,YAAU,OAAO,cAAc,UAAU;AACxC,EAAC,MAAc,gBAAgB;AAGhC,QAAM,iBAAiB,MAAM,SAAU,MAAM;AAC7C,QAAM,SAAU,MAAM,SAAS,SAAU,OAAoB,QAAsB;AACjF,mBAAe,KAAK,MAAM,OAAO,MAAM;AACvC,kBAAc,OAAO,OAAO,MAAM;AAAA,EACpC;AAEA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAC9B,WACA,UACA,OACA,aACuB;AApDzB;AAqDE,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,aAAa;AAAA,IACjB,IAAI,OAAO,SAAS,UAAU,IAAI,EAAE,KAAK;AAAA,IACzC,MAAM,UAAU,KAAK;AAAA,IACrB,MAAM,UAAU,KAAK,QAAQ;AAAA,IAC7B,MAAK,eAAU,aAAV,YAAsB;AAAA,IAC3B,SAAS,UAAU;AAAA,IACnB,aAAY,oBAAI,KAAK,GAAE,YAAY;AAAA,IACnC,oBAAoB;AAAA,EACtB;AAEA,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS,MAAM,gBAAgB;AAC/B,WAAS,MAAM,SAAS;AACxB,WAAS,iBAAiB,eAAe,OAAK,EAAE,eAAe,CAAC;AAEhE,aAAW,QAAQ,EAAE;AAAA,IACnB,MAAM,cAAc,YAAY,EAAE,MAAM,YAAY,SAAS,CAAC;AAAA,EAChE;AAEA,QAAM,cAAc,IAAI,YAAY,QAAQ;AAC5C,cAAY,SAAS,KAAK,UAAU,QAAQ;AAC5C,cAAY,SAAS,KAAK;AACzB,EAAC,YAAoB,SAAS,UAAU;AACxC,EAAC,YAAoB,WAAW;AACjC,QAAM,MAAM,MAAM,IAAI,WAAW;AAEjC,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,WACA,OACA,aAC6D;AAC7D,QAAM,SAAS,IAAI,MAAM;AAAA,IACvB,IAAI,MAAM,eAAe,OAAO,IAAI,EAAE;AAAA,IACtC,IAAI,MAAM,kBAAkB,EAAE,OAAO,SAAS,CAAC;AAAA,EACjD;AACA,SAAO,SAAS,KAAK,UAAU,QAAQ;AACtC,EAAC,OAAe,SAAS,UAAU;AACpC,MAAI,MAAO,OAAM,MAAM,MAAM,IAAI,MAAM;AAEvC,QAAM,SAAS,iBAAiB,WAAW,QAAQ,OAAO,QAAQ;AAClE,SAAO,EAAE,QAAQ,UAAU,OAAO;AACpC;AAEO,MAAM,eAAe,CAAC,QAA4B,UAAgB;AArGzE;AAsGE,MAAI,CAAC,OAAQ;AACb,MAAI,MAAO,OAAM,MAAM,MAAM,OAAO,MAAM;AAC1C,QAAM,KAAK,OAAO;AAClB,iCAAI,kBAAJ,mBAAmB,YAAY;AACjC;","names":[]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Position3DCard.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,qBAwGrB"}
+{"version":3,"file":"Position3DCard.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,qBA6ErB"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.js

@@ -1,10 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../../../ui/Card";
+import * as LR from "lucide-react";
+import { Card, CardContent, CardHeader } from "../../../../../../ui/Card";
 import { Button } from "../../../../../../ui/Button";
 import { Input } from "../../../../../../ui/Input";
 import { Label } from "../../../../../../ui/Label";
 import { Separator } from "../../../../../../ui/Separator";
-import * as LR from "lucide-react";
+import { SliderWithInput } from "../../../../../../ui/Slider";
+const SCALE_PRESETS = [
+  { label: "mm", value: 1e-3, title: "Millimetres \u2192 metres" },
+  { label: "cm", value: 0.01, title: "Centimetres \u2192 metres" },
+  { label: "in", value: 0.0254, title: "Inches \u2192 metres" }
+];
 function Position3DCard({
   fileType,
   fileName,
@@ -15,99 +21,70 @@ function Position3DCard({
   onConfirm,
   onCancel
 }) {
-  const defaultScale = fileType === "dxf" ? 1e-3 : 1;
-  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-10 right-0 z-50 max-w-[238px] pointer-events-auto ", children: /* @__PURE__ */ jsxs(Card, { className: "shadow-sm border bg-background/95 backdrop-blur-sm rounded-sm", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "pb-2 pt-3 px-4", children: [
+  const isDxf = fileType === "dxf";
+  const defaultScale = isDxf ? 1e-3 : 1;
+  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-10 right-4 z-50 w-64 pointer-events-auto", children: /* @__PURE__ */ jsxs(Card, { className: "shadow-lg border bg-background/95 backdrop-blur-sm", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "p-3 pb-2 space-y-1.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs(CardTitle, { className: "text-sm flex items-center gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsx(LR.Move, { size: 14, className: "text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          isDxf ? /* @__PURE__ */ jsx(LR.DraftingCompass, { size: 15, className: "text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx(LR.Box, { size: 15, className: "text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium truncate", children: [
             fileType.toUpperCase(),
-            " Placement"
+            " placement"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-6 w-6 shrink-0",
-            onClick: onCancel,
-            children: /* @__PURE__ */ jsx(LR.X, { size: 13 })
-          }
-        )
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0", onClick: onCancel, children: /* @__PURE__ */ jsx(LR.X, { size: 13 }) })
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", title: fileName, children: fileName }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70", children: "Double-click to place \u2022 S / G / R to adjust" })
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground/70 leading-tight", children: "Double-click in the scene to place. Drag the gizmo or press G / R / S to move, rotate or scale." })
     ] }),
     /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsxs(CardContent, { className: "px-4 pt-3 pb-3 space-y-2.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { className: "text-xs w-12 shrink-0 text-muted-foreground", children: "Scale" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "number",
-            value: scale,
-            onChange: (e) => onScaleChange(Number.parseFloat(e.target.value) || defaultScale),
-            step: fileType === "dxf" ? "0.001" : "0.1",
-            min: fileType === "dxf" ? "0.001" : "0.1",
-            max: "10",
-            className: "h-7 text-xs w-28"
-          }
-        ),
-        fileType === "dxf" && /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: () => onScaleChange(1e-3),
-              className: "text-xs px-2 h-7",
-              title: "Millimetres to metres",
-              children: "mm"
-            }
-          ),
-          /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(CardContent, { className: "p-3 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground", children: "Scale" }),
+          isDxf && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: SCALE_PRESETS.map((preset) => /* @__PURE__ */ jsx(
             Button,
             {
-              variant: "outline",
+              variant: Math.abs(scale - preset.value) < 1e-6 ? "default" : "outline",
               size: "sm",
-              onClick: () => onScaleChange(0.0254),
-              className: "text-xs px-2 h-7",
-              title: "Inches to metres",
-              children: "in"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { className: "text-xs w-12 shrink-0 text-muted-foreground", children: "Rotate" }),
+              onClick: () => onScaleChange(preset.value),
+              className: "text-xs px-2 h-6",
+              title: preset.title,
+              children: preset.label
+            },
+            preset.label
+          )) })
+        ] }),
         /* @__PURE__ */ jsx(
           Input,
           {
             type: "number",
-            value: rotation,
-            onChange: (e) => onRotationChange(Number.parseFloat(e.target.value) || 0),
-            step: "0.1",
-            min: "-360",
-            max: "360",
-            className: "h-7 text-xs w-28"
+            value: scale,
+            onChange: (e) => onScaleChange(Number.parseFloat(e.target.value) || defaultScale),
+            step: isDxf ? 1e-3 : 0.1,
+            min: isDxf ? 1e-3 : 0.1,
+            max: 10,
+            className: "h-7 text-xs"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(
-        Button,
+      /* @__PURE__ */ jsx(
+        SliderWithInput,
         {
-          onClick: onConfirm,
-          size: "sm",
-          className: "w-full h-7 text-xs mt-1",
-          children: [
-            /* @__PURE__ */ jsx(LR.Check, { size: 12, className: "mr-1" }),
-            "Confirm Placement"
-          ]
+          label: "Rotation",
+          unit: "\xB0",
+          value: [rotation],
+          onValueChange: (value) => onRotationChange(value[0]),
+          min: 0,
+          max: 360,
+          step: 1
         }
-      )
+      ),
+      /* @__PURE__ */ jsxs(Button, { onClick: onConfirm, size: "sm", className: "w-full h-8 text-xs", children: [
+        /* @__PURE__ */ jsx(LR.Check, { size: 13, className: "mr-1" }),
+        "Confirm placement"
+      ] })
     ] })
   ] }) });
 }

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../../../../ui/Card'\r\nimport { Button } from '../../../../../../ui/Button'\r\nimport { Input } from '../../../../../../ui/Input'\r\nimport { Label } from '../../../../../../ui/Label'\r\nimport { Separator } from '../../../../../../ui/Separator'\r\nimport * as LR from 'lucide-react'\r\n\r\ninterface Position3DCardProps {\r\n  fileType: 'dxf' | 'model'\r\n  fileName: string\r\n  scale: number\r\n  rotation: number\r\n  onScaleChange: (scale: number) => void\r\n  onRotationChange: (rotation: number) => void\r\n  onConfirm: () => void\r\n  onCancel: () => void\r\n}\r\n\r\nexport default function Position3DCard({\r\n  fileType,\r\n  fileName,\r\n  scale,\r\n  rotation,\r\n  onScaleChange,\r\n  onRotationChange,\r\n  onConfirm,\r\n  onCancel,\r\n}: Position3DCardProps) {\r\n  const defaultScale = fileType === 'dxf' ? 0.001 : 1\r\n\r\n  return (\r\n    <div className=\"absolute bottom-10 right-0 z-50 max-w-[238px] pointer-events-auto \">\r\n      <Card className=\"shadow-sm border bg-background/95 backdrop-blur-sm rounded-sm\">\r\n        <CardHeader className=\"pb-2 pt-3 px-4\">\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <CardTitle className=\"text-sm flex items-center gap-1.5 min-w-0\">\r\n              <LR.Move size={14} className=\"text-muted-foreground shrink-0\" />\r\n              <span className=\"truncate\">{fileType.toUpperCase()} Placement</span>\r\n            </CardTitle>\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              className=\"h-6 w-6 shrink-0\"\r\n              onClick={onCancel}\r\n            >\r\n              <LR.X size={13} />\r\n            </Button>\r\n          </div>\r\n          <p className=\"text-xs text-muted-foreground truncate\" title={fileName}>\r\n            {fileName}\r\n          </p>\r\n          <p className=\"text-xs text-muted-foreground/70\">\r\n            Double-click to place &bull; S / G / R to adjust\r\n          </p>\r\n        </CardHeader>\r\n\r\n        <Separator />\r\n\r\n        <CardContent className=\"px-4 pt-3 pb-3 space-y-2.5\">\r\n          {/* Scale row */}\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <Label className=\"text-xs w-12 shrink-0 text-muted-foreground\">Scale</Label>\r\n            <Input\r\n              type=\"number\"\r\n              value={scale}\r\n              onChange={e => onScaleChange(Number.parseFloat(e.target.value) || defaultScale)}\r\n              step={fileType === 'dxf' ? '0.001' : '0.1'}\r\n              min={fileType === 'dxf' ? '0.001' : '0.1'}\r\n              max=\"10\"\r\n              className=\"h-7 text-xs w-28\"\r\n            />\r\n            {fileType === 'dxf' && (\r\n              <div className=\"flex gap-1\">\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={() => onScaleChange(0.001)}\r\n                  className=\"text-xs px-2 h-7\"\r\n                  title=\"Millimetres to metres\"\r\n                >\r\n                  mm\r\n                </Button>\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={() => onScaleChange(0.0254)}\r\n                  className=\"text-xs px-2 h-7\"\r\n                  title=\"Inches to metres\"\r\n                >\r\n                  in\r\n                </Button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {/* Rotation row */}\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <Label className=\"text-xs w-12 shrink-0 text-muted-foreground\">Rotate</Label>\r\n            <Input\r\n              type=\"number\"\r\n              value={rotation}\r\n              onChange={e => onRotationChange(Number.parseFloat(e.target.value) || 0)}\r\n              step=\"0.1\"\r\n              min=\"-360\"\r\n              max=\"360\"\r\n              className=\"h-7 text-xs w-28\"\r\n            />\r\n            {/* <div className=\"flex gap-1\">\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={() => onRotationChange(90)}\r\n                  className=\"text-xs px-2 h-7\"\r\n                >\r\n                  +{90}°\r\n                </Button>\r\n            </div> */}\r\n          </div>\r\n\r\n          <Button\r\n            onClick={onConfirm}\r\n            size=\"sm\"\r\n            className=\"w-full h-7 text-xs mt-1\"\r\n          >\r\n            <LR.Check size={12} className=\"mr-1\" />\r\n            Confirm Placement\r\n          </Button>\r\n        </CardContent>\r\n      </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAqCc,cACA,YADA;AApCd,SAAS,MAAM,aAAa,YAAY,iBAAiB;AACzD,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,YAAY,QAAQ;AAaL,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,eAAe,aAAa,QAAQ,OAAQ;AAElD,SACE,oBAAC,SAAI,WAAU,sEACb,+BAAC,QAAK,WAAU,iEACd;AAAA,yBAAC,cAAW,WAAU,kBACpB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,6BAAC,aAAU,WAAU,6CACnB;AAAA,8BAAC,GAAG,MAAH,EAAQ,MAAM,IAAI,WAAU,kCAAiC;AAAA,UAC9D,qBAAC,UAAK,WAAU,YAAY;AAAA,qBAAS,YAAY;AAAA,YAAE;AAAA,aAAU;AAAA,WAC/D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YAET,8BAAC,GAAG,GAAH,EAAK,MAAM,IAAI;AAAA;AAAA,QAClB;AAAA,SACF;AAAA,MACA,oBAAC,OAAE,WAAU,0CAAyC,OAAO,UAC1D,oBACH;AAAA,MACA,oBAAC,OAAE,WAAU,oCAAmC,8DAEhD;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,qBAAC,eAAY,WAAU,8BAErB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,4BAAC,SAAM,WAAU,+CAA8C,mBAAK;AAAA,QACpE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,OAAK,cAAc,OAAO,WAAW,EAAE,OAAO,KAAK,KAAK,YAAY;AAAA,YAC9E,MAAM,aAAa,QAAQ,UAAU;AAAA,YACrC,KAAK,aAAa,QAAQ,UAAU;AAAA,YACpC,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,aAAa,SACZ,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,IAAK;AAAA,cAClC,WAAU;AAAA,cACV,OAAM;AAAA,cACP;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,MAAM;AAAA,cACnC,WAAU;AAAA,cACV,OAAM;AAAA,cACP;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SAEJ;AAAA,MAGA,qBAAC,SAAI,WAAU,2CACb;AAAA,4BAAC,SAAM,WAAU,+CAA8C,oBAAM;AAAA,QACrE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,OAAK,iBAAiB,OAAO,WAAW,EAAE,OAAO,KAAK,KAAK,CAAC;AAAA,YACtE,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACZ;AAAA,SAWF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,MAAK;AAAA,UACL,WAAU;AAAA,UAEV;AAAA,gCAAC,GAAG,OAAH,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,YAAE;AAAA;AAAA;AAAA,MAEzC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"sourcesContent":["import React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Card, CardContent, CardHeader } from '../../../../../../ui/Card'\r\nimport { Button } from '../../../../../../ui/Button'\r\nimport { Input } from '../../../../../../ui/Input'\r\nimport { Label } from '../../../../../../ui/Label'\r\nimport { Separator } from '../../../../../../ui/Separator'\r\nimport { SliderWithInput } from '../../../../../../ui/Slider'\r\n\r\ninterface Position3DCardProps {\r\n  fileType: 'dxf' | 'model'\r\n  fileName: string\r\n  scale: number\r\n  rotation: number\r\n  onScaleChange: (scale: number) => void\r\n  onRotationChange: (rotation: number) => void\r\n  onConfirm: () => void\r\n  onCancel: () => void\r\n}\r\n\r\nconst SCALE_PRESETS: { label: string, value: number, title: string }[] = [\r\n  { label: 'mm', value: 0.001, title: 'Millimetres → metres' },\r\n  { label: 'cm', value: 0.01, title: 'Centimetres → metres' },\r\n  { label: 'in', value: 0.0254, title: 'Inches → metres' },\r\n]\r\n\r\nexport default function Position3DCard({\r\n  fileType,\r\n  fileName,\r\n  scale,\r\n  rotation,\r\n  onScaleChange,\r\n  onRotationChange,\r\n  onConfirm,\r\n  onCancel,\r\n}: Position3DCardProps) {\r\n  const isDxf = fileType === 'dxf'\r\n  const defaultScale = isDxf ? 0.001 : 1\r\n\r\n  return (\r\n    <div className=\"absolute bottom-10 right-4 z-50 w-64 pointer-events-auto\">\r\n      <Card className=\"shadow-lg border bg-background/95 backdrop-blur-sm\">\r\n        <CardHeader className=\"p-3 pb-2 space-y-1.5\">\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <div className=\"flex items-center gap-1.5 min-w-0\">\r\n              {isDxf\r\n                ? <LR.DraftingCompass size={15} className=\"text-muted-foreground shrink-0\" />\r\n                : <LR.Box size={15} className=\"text-muted-foreground shrink-0\" />}\r\n              <span className=\"text-sm font-medium truncate\">{fileType.toUpperCase()} placement</span>\r\n            </div>\r\n            <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 shrink-0\" onClick={onCancel}>\r\n              <LR.X size={13} />\r\n            </Button>\r\n          </div>\r\n          <p className=\"text-xs text-muted-foreground truncate\" title={fileName}>{fileName}</p>\r\n          <p className=\"text-[11px] text-muted-foreground/70 leading-tight\">\r\n            Double-click in the scene to place. Drag the gizmo or press G / R / S to move, rotate or scale.\r\n          </p>\r\n        </CardHeader>\r\n\r\n        <Separator />\r\n\r\n        <CardContent className=\"p-3 space-y-3\">\r\n          <div className=\"space-y-1.5\">\r\n            <div className=\"flex items-center justify-between gap-2\">\r\n              <Label className=\"text-xs text-muted-foreground\">Scale</Label>\r\n              {isDxf && (\r\n                <div className=\"flex gap-1\">\r\n                  {SCALE_PRESETS.map(preset => (\r\n                    <Button\r\n                      key={preset.label}\r\n                      variant={Math.abs(scale - preset.value) < 1e-6 ? 'default' : 'outline'}\r\n                      size=\"sm\"\r\n                      onClick={() => onScaleChange(preset.value)}\r\n                      className=\"text-xs px-2 h-6\"\r\n                      title={preset.title}\r\n                    >\r\n                      {preset.label}\r\n                    </Button>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <Input\r\n              type=\"number\"\r\n              value={scale}\r\n              onChange={e => onScaleChange(Number.parseFloat(e.target.value) || defaultScale)}\r\n              step={isDxf ? 0.001 : 0.1}\r\n              min={isDxf ? 0.001 : 0.1}\r\n              max={10}\r\n              className=\"h-7 text-xs\"\r\n            />\r\n          </div>\r\n\r\n          <SliderWithInput\r\n            label=\"Rotation\"\r\n            unit=\"°\"\r\n            value={[rotation]}\r\n            onValueChange={value => onRotationChange(value[0])}\r\n            min={0}\r\n            max={360}\r\n            step={1}\r\n          />\r\n\r\n          <Button onClick={onConfirm} size=\"sm\" className=\"w-full h-8 text-xs\">\r\n            <LR.Check size={13} className=\"mr-1\" />\r\n            Confirm placement\r\n          </Button>\r\n        </CardContent>\r\n      </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AA8CkB,cAEJ,YAFI;AA7ClB,YAAY,QAAQ;AACpB,SAAS,MAAM,aAAa,kBAAkB;AAC9C,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAahC,MAAM,gBAAmE;AAAA,EACvE,EAAE,OAAO,MAAM,OAAO,MAAO,OAAO,4BAAuB;AAAA,EAC3D,EAAE,OAAO,MAAM,OAAO,MAAM,OAAO,4BAAuB;AAAA,EAC1D,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,uBAAkB;AACzD;AAEe,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,QAAQ,aAAa;AAC3B,QAAM,eAAe,QAAQ,OAAQ;AAErC,SACE,oBAAC,SAAI,WAAU,4DACb,+BAAC,QAAK,WAAU,sDACd;AAAA,yBAAC,cAAW,WAAU,wBACpB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,6BAAC,SAAI,WAAU,qCACZ;AAAA,kBACG,oBAAC,GAAG,iBAAH,EAAmB,MAAM,IAAI,WAAU,kCAAiC,IACzE,oBAAC,GAAG,KAAH,EAAO,MAAM,IAAI,WAAU,kCAAiC;AAAA,UACjE,qBAAC,UAAK,WAAU,gCAAgC;AAAA,qBAAS,YAAY;AAAA,YAAE;AAAA,aAAU;AAAA,WACnF;AAAA,QACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,oBAAmB,SAAS,UACxE,8BAAC,GAAG,GAAH,EAAK,MAAM,IAAI,GAClB;AAAA,SACF;AAAA,MACA,oBAAC,OAAE,WAAU,0CAAyC,OAAO,UAAW,oBAAS;AAAA,MACjF,oBAAC,OAAE,WAAU,sDAAqD,6GAElE;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,qBAAC,eAAY,WAAU,iBACrB;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,6BAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,SAAM,WAAU,iCAAgC,mBAAK;AAAA,UACrD,SACC,oBAAC,SAAI,WAAU,cACZ,wBAAc,IAAI,YACjB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,IAAI,OAAO,YAAY;AAAA,cAC7D,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,cACzC,WAAU;AAAA,cACV,OAAO,OAAO;AAAA,cAEb,iBAAO;AAAA;AAAA,YAPH,OAAO;AAAA,UAQd,CACD,GACH;AAAA,WAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,OAAK,cAAc,OAAO,WAAW,EAAE,OAAO,KAAK,KAAK,YAAY;AAAA,YAC9E,MAAM,QAAQ,OAAQ;AAAA,YACtB,KAAK,QAAQ,OAAQ;AAAA,YACrB,KAAK;AAAA,YACL,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAO,CAAC,QAAQ;AAAA,UAChB,eAAe,WAAS,iBAAiB,MAAM,CAAC,CAAC;AAAA,UACjD,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA;AAAA,MACR;AAAA,MAEA,qBAAC,UAAO,SAAS,WAAW,MAAK,MAAK,WAAU,sBAC9C;AAAA,4BAAC,GAAG,OAAH,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,QAAE;AAAA,SAEzC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}