@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/index.js

@@ -0,0 +1,173 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Marker } from "react-map-gl/maplibre";
+import { FilesContext, MapContext } from "../../../../../../../store";
+import MapFileMarker from "./components/MapFileMarker";
+import MapFileManager from "./components/MapFileManager";
+import { openPopupWindow } from "./utils/openFileInPopUpWindow";
+import { FileModelLayer } from "./FileModelLayer/FileModelLayer";
+import { useFile, useFiles, useDeleteFile } from "../../../../../../../hooks/files/files";
+import { EditPosition } from "../EditPosition";
+import { PlaceOnMap } from "../PlaceOnMap";
+import { downloadDbFile, ViewerContextMenu } from "../../../../../../ui/FilesManager";
+const is3DModelFile = (extension) => {
+  if (!extension) return false;
+  return ["glb", "gltf", "fbx", "obj", "collada"].includes(extension.toLowerCase());
+};
+const isHiddenFileType = (extension) => {
+  if (!extension) return false;
+  const ext = extension.toLowerCase();
+  return ext === "frag" || ext === "ifc";
+};
+const shouldExcludeByTag = (tag) => {
+  if (!tag) return false;
+  return tag === "user" || tag === "bim-file" || tag === "fragment-file" || tag === "bimModel";
+};
+const FileMarkerItem = React.memo(({ id, editingFileId, onContextMenu }) => {
+  const { file } = useFile(id);
+  if (!file) return null;
+  if (file.id === editingFileId) return null;
+  if (is3DModelFile(file.extension) || isHiddenFileType(file.extension) || shouldExcludeByTag(file.tag)) return null;
+  if (!file.lat || !file.lng) return null;
+  return /* @__PURE__ */ jsx(Marker, { latitude: file.lat, longitude: file.lng, children: /* @__PURE__ */ jsx("div", { onContextMenu: (e) => onContextMenu(e, file), children: /* @__PURE__ */ jsx(
+    MapFileMarker,
+    {
+      mimeType: file.mimeType,
+      extension: file.extension,
+      url: file.url,
+      onDbClick: () => openPopupWindow(file)
+    }
+  ) }) });
+});
+FileMarkerItem.displayName = "FileMarkerItem";
+const FileLayers = () => {
+  const { state: fileState, dispatch: fileDispatch } = React.useContext(FilesContext);
+  const { mapFileIds, isMapFileManagerOpen, editingFile } = fileState.files;
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const handleMapRepaint = React.useCallback(() => {
+    map == null ? void 0 : map.triggerRepaint();
+  }, [map]);
+  const tempPositionsRef = React.useRef({});
+  const tempRotationsRef = React.useRef({});
+  const tempElevationsRef = React.useRef({});
+  const editingFileNameRef = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    editingFileNameRef.current = (_a = editingFile == null ? void 0 : editingFile.name) != null ? _a : null;
+  }, [editingFile]);
+  const handleExitEditFileMode = React.useCallback(() => {
+    fileDispatch({ type: "EDIT_FILE", payload: { file: null } });
+  }, [fileDispatch]);
+  const handleFileSaveSuccess = React.useCallback((file, lat, lng, elevation, rotation) => {
+    fileDispatch({
+      type: "UPDATE_FILE_COORDS",
+      payload: { id: file.id, lat, lng, elevation, rotation }
+    });
+  }, [fileDispatch]);
+  const { files, isLoading, isError } = useFiles();
+  React.useEffect(() => {
+    if (isLoading || isError) return;
+    fileDispatch({ type: "SET_FILES", payload: { files } });
+  }, [files, isLoading, isError]);
+  const { deleteFile } = useDeleteFile();
+  const [contextMenu, setContextMenu] = React.useState(null);
+  const handleContextMenu = React.useCallback((e, file) => {
+    e.preventDefault();
+    setContextMenu({ x: e.clientX, y: e.clientY, file });
+  }, []);
+  const handleContextMenuAction = React.useCallback((action, file) => {
+    if (action === "view") {
+      const isOnMap = mapFileIds.includes(file.id);
+      fileDispatch({
+        type: isOnMap ? "REMOVE_FROM_MAP" : "ADD_TO_MAP",
+        payload: { id: file.id }
+      });
+    } else if (action === "move") {
+      fileDispatch({ type: "EDIT_FILE", payload: { file } });
+    } else if (action === "download") {
+      downloadDbFile(file);
+    } else if (action === "delete") {
+      fileDispatch({ type: "REMOVE_FILE", payload: { id: file.id } });
+      deleteFile(file.id).catch((err) => {
+        console.error("Failed to delete file:", err);
+        fileDispatch({ type: "ADD_FILE", payload: { file } });
+      });
+    }
+  }, [fileDispatch, mapFileIds, deleteFile]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FileModelLayer,
+      {
+        tempPositionsRef,
+        editingFileNameRef,
+        tempRotationsRef,
+        tempElevationsRef,
+        onContextMenu: (file, x, y) => setContextMenu({ x, y, file })
+      }
+    ),
+    mapFileIds.map((id) => /* @__PURE__ */ jsx(
+      FileMarkerItem,
+      {
+        id,
+        editingFileId: editingFile == null ? void 0 : editingFile.id,
+        onContextMenu: handleContextMenu
+      },
+      id
+    )),
+    editingFile && (() => {
+      if (editingFile.lat == null || editingFile.lng == null) {
+        return /* @__PURE__ */ jsx(
+          PlaceOnMap,
+          {
+            file: editingFile,
+            onPlaced: (file, lat, lng) => {
+              fileDispatch({ type: "UPDATE_FILE_COORDS", payload: { id: file.id, lat, lng, type: "map-file" } });
+              fileDispatch({ type: "ADD_TO_MAP", payload: { id: file.id } });
+              fileDispatch({ type: "EDIT_FILE", payload: { file: null } });
+            },
+            onCancel: handleExitEditFileMode
+          }
+        );
+      }
+      const editing3D = is3DModelFile(editingFile.extension);
+      return /* @__PURE__ */ jsx(
+        EditPosition,
+        {
+          file: editingFile,
+          mode: editing3D ? "3d" : "2d",
+          onExitEditMode: handleExitEditFileMode,
+          onSaveSuccess: handleFileSaveSuccess,
+          tempPositionsRef,
+          tempRotationsRef: editing3D ? tempRotationsRef : void 0,
+          tempElevationsRef: editing3D ? tempElevationsRef : void 0,
+          onMapRepaint: handleMapRepaint,
+          dragHandle: !editing3D ? /* @__PURE__ */ jsx(
+            MapFileMarker,
+            {
+              mimeType: editingFile.mimeType,
+              extension: editingFile.extension
+            }
+          ) : void 0
+        }
+      );
+    })(),
+    /* @__PURE__ */ jsx("div", { className: isMapFileManagerOpen ? "block" : "hidden", children: /* @__PURE__ */ jsx(MapFileManager, { closeFileManager: () => fileDispatch({ type: "HIDE_MAP_FILE_MANAGER" }) }) }),
+    contextMenu && /* @__PURE__ */ jsx(
+      ViewerContextMenu,
+      {
+        x: contextMenu.x,
+        y: contextMenu.y,
+        file: contextMenu.file,
+        options: ["view", "move", "download", "delete"],
+        onAction: handleContextMenuAction,
+        onClose: () => setContextMenu(null)
+      }
+    )
+  ] });
+};
+export {
+  FileLayers
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/index.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\nimport { Marker } from 'react-map-gl/maplibre'\r\nimport { FilesContext, MapContext } from '../../../../../../../store'\r\nimport MapFileMarker from './components/MapFileMarker'\r\nimport MapFileManager from './components/MapFileManager'\r\nimport { openPopupWindow } from './utils/openFileInPopUpWindow'\r\nimport { FileModelLayer } from './FileModelLayer/FileModelLayer'\r\nimport { useFile, useFiles, useDeleteFile } from '../../../../../../../hooks/files/files'\r\nimport { DbFile } from '../../../../../../../types/dbTypes'\r\nimport { EditPosition } from '../EditPosition'\r\nimport { PlaceOnMap } from '../PlaceOnMap'\r\nimport type { FileAction } from '../../../../../../../types/global'\r\nimport { downloadDbFile, ViewerContextMenu } from '../../../../../../ui/FilesManager'\r\n\r\nconst is3DModelFile = (extension?: string | null): boolean => {\r\n  if (!extension) return false\r\n  return ['glb', 'gltf', 'fbx', 'obj', 'collada'].includes(extension.toLowerCase())\r\n}\r\n\r\nconst isHiddenFileType = (extension?: string | null): boolean => {\r\n  if (!extension) return false\r\n  const ext = extension.toLowerCase()\r\n  return ext === 'frag' || ext === 'ifc'\r\n}\r\n\r\nconst shouldExcludeByTag = (tag?: string | null): boolean => {\r\n  if (!tag) return false\r\n  return tag === 'user' || tag === 'bim-file' || tag === 'fragment-file' || tag === 'bimModel'\r\n}\r\n\r\n// ── Per-marker component — fetches its own file data via useFile(id) ──────────\r\ninterface FileMarkerItemProps {\r\n  id: number\r\n  editingFileId?: number\r\n  onContextMenu: (e: React.MouseEvent, file: DbFile) => void\r\n}\r\n\r\nconst FileMarkerItem = React.memo(({ id, editingFileId, onContextMenu }: FileMarkerItemProps) => {\r\n  const { file } = useFile(id)\r\n\r\n  if (!file) return null\r\n  if (file.id === editingFileId) return null\r\n  if (is3DModelFile(file.extension) || isHiddenFileType(file.extension) || shouldExcludeByTag(file.tag)) return null\r\n  if (!file.lat || !file.lng) return null\r\n\r\n  return (\r\n    <Marker latitude={file.lat} longitude={file.lng}>\r\n      <div onContextMenu={e => onContextMenu(e, file)}>\r\n        <MapFileMarker\r\n          mimeType={file.mimeType}\r\n          extension={file.extension}\r\n          url={file.url}\r\n          onDbClick={() => openPopupWindow(file)}\r\n        />\r\n      </div>\r\n    </Marker>\r\n  )\r\n})\r\nFileMarkerItem.displayName = 'FileMarkerItem'\r\n\r\n// ── Main layer ────────────────────────────────────────────────────────────────\r\nexport const FileLayers = () => {\r\n  const { state: fileState, dispatch: fileDispatch } = React.useContext(FilesContext)\r\n  const { mapFileIds, isMapFileManagerOpen, editingFile } = fileState.files\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const handleMapRepaint = React.useCallback(() => {\r\n    map?.triggerRepaint()\r\n  }, [map])\r\n\r\n  const tempPositionsRef = React.useRef<Record<string, { lat: number; lng: number }>>({})\r\n  const tempRotationsRef = React.useRef<Record<string, number>>({})\r\n  const tempElevationsRef = React.useRef<Record<string, number>>({})\r\n  const editingFileNameRef = React.useRef<string | null>(null)\r\n\r\n  React.useEffect(() => {\r\n    editingFileNameRef.current = editingFile?.name ?? null\r\n  }, [editingFile])\r\n\r\n  const handleExitEditFileMode = React.useCallback(() => {\r\n    fileDispatch({ type: 'EDIT_FILE', payload: { file: null } })\r\n  }, [fileDispatch])\r\n\r\n  const handleFileSaveSuccess = React.useCallback((file: DbFile, lat: number, lng: number, elevation?: number, rotation?: number) => {\r\n    fileDispatch({\r\n      type: 'UPDATE_FILE_COORDS',\r\n      payload: { id: file.id, lat, lng, elevation, rotation },\r\n    })\r\n  }, [fileDispatch])\r\n\r\n  // Sync SWR files into the store (for FileModelLayer and other consumers)\r\n  const { files, isLoading, isError } = useFiles()\r\n  React.useEffect(() => {\r\n    if (isLoading || isError) return\r\n    fileDispatch({ type: 'SET_FILES', payload: { files } })\r\n  }, [files, isLoading, isError])\r\n\r\n  const { deleteFile } = useDeleteFile()\r\n\r\n  const [contextMenu, setContextMenu] = React.useState<{ x: number; y: number; file: DbFile } | null>(null)\r\n\r\n  const handleContextMenu = React.useCallback((e: React.MouseEvent, file: DbFile) => {\r\n    e.preventDefault()\r\n    setContextMenu({ x: e.clientX, y: e.clientY, file })\r\n  }, [])\r\n\r\n  const handleContextMenuAction = React.useCallback((action: FileAction, file: DbFile) => {\r\n    if (action === 'view') {\r\n      const isOnMap = mapFileIds.includes(file.id)\r\n      fileDispatch({\r\n        type: isOnMap ? 'REMOVE_FROM_MAP' : 'ADD_TO_MAP',\r\n        payload: { id: file.id },\r\n      })\r\n    }\r\n    else if (action === 'move') {\r\n      fileDispatch({ type: 'EDIT_FILE', payload: { file } })\r\n    }\r\n    else if (action === 'download') {\r\n      downloadDbFile(file)\r\n    }\r\n    else if (action === 'delete') {\r\n      // Optimistically remove from local state, then delete from DB\r\n      fileDispatch({ type: 'REMOVE_FILE', payload: { id: file.id } })\r\n      deleteFile(file.id).catch(err => {\r\n        // Re-add to store on failure so the UI stays consistent\r\n        console.error('Failed to delete file:', err)\r\n        fileDispatch({ type: 'ADD_FILE', payload: { file } })\r\n      })\r\n    }\r\n  }, [fileDispatch, mapFileIds, deleteFile])\r\n\r\n  return (\r\n    <>\r\n      <FileModelLayer\r\n        tempPositionsRef={tempPositionsRef}\r\n        editingFileNameRef={editingFileNameRef}\r\n        tempRotationsRef={tempRotationsRef}\r\n        tempElevationsRef={tempElevationsRef}\r\n        onContextMenu={(file, x, y) => setContextMenu({ x, y, file })}\r\n      />\r\n\r\n      {mapFileIds.map(id => (\r\n        <FileMarkerItem\r\n          key={id}\r\n          id={id}\r\n          editingFileId={editingFile?.id}\r\n          onContextMenu={handleContextMenu}\r\n        />\r\n      ))}\r\n\r\n      {editingFile && (() => {\r\n        if (editingFile.lat == null || editingFile.lng == null) {\r\n          return (\r\n            <PlaceOnMap\r\n              file={editingFile}\r\n              onPlaced={(file, lat, lng) => {\r\n                fileDispatch({ type: 'UPDATE_FILE_COORDS', payload: { id: file.id, lat, lng, type: 'map-file' } })\r\n                fileDispatch({ type: 'ADD_TO_MAP', payload: { id: file.id } })\r\n                fileDispatch({ type: 'EDIT_FILE', payload: { file: null } })\r\n              }}\r\n              onCancel={handleExitEditFileMode}\r\n            />\r\n          )\r\n        }\r\n\r\n        const editing3D = is3DModelFile(editingFile.extension)\r\n        return (\r\n          <EditPosition\r\n            file={editingFile}\r\n            mode={editing3D ? '3d' : '2d'}\r\n            onExitEditMode={handleExitEditFileMode}\r\n            onSaveSuccess={handleFileSaveSuccess}\r\n            tempPositionsRef={tempPositionsRef}\r\n            tempRotationsRef={editing3D ? tempRotationsRef : undefined}\r\n            tempElevationsRef={editing3D ? tempElevationsRef : undefined}\r\n            onMapRepaint={handleMapRepaint}\r\n            dragHandle={!editing3D ? (\r\n              <MapFileMarker\r\n                mimeType={editingFile.mimeType}\r\n                extension={editingFile.extension}\r\n              />\r\n            ) : undefined}\r\n          />\r\n        )\r\n      })()}\r\n\r\n      <div className={isMapFileManagerOpen ? 'block' : 'hidden'}>\r\n        <MapFileManager closeFileManager={() => fileDispatch({ type: 'HIDE_MAP_FILE_MANAGER' })} />\r\n      </div>\r\n\r\n      {contextMenu && (\r\n        <ViewerContextMenu\r\n          x={contextMenu.x}\r\n          y={contextMenu.y}\r\n          file={contextMenu.file}\r\n          options={['view', 'move', 'download', 'delete']}\r\n          onAction={handleContextMenuAction}\r\n          onClose={() => setContextMenu(null)}\r\n        />\r\n      )}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.d.ts

@@ -0,0 +1,17 @@
+import { type Map } from 'maplibre-gl';
+import * as THREE from 'three';
+import { DbFile } from '../../../../../../../../types/dbTypes';
+type TempPositionsRef = React.MutableRefObject<Record<string, {
+    lat: number;
+    lng: number;
+}>>;
+type TempRotationsRef = React.MutableRefObject<Record<string, number>>;
+type TempElevationsRef = React.MutableRefObject<Record<string, number>>;
+type EditingFileNameRef = React.MutableRefObject<string | null>;
+export declare const CustomModelLayer: (modelFile: DbFile, map: Map, renderer: THREE.WebGLRenderer, tempPositionsRef?: TempPositionsRef, editingFileNameRef?: EditingFileNameRef, tempRotationsRef?: TempRotationsRef, tempElevationsRef?: TempElevationsRef) => {
+    cleanup: () => void;
+    remove: () => void;
+    hitTest: (ndcX: number, ndcY: number) => boolean;
+};
+export {};
+//# sourceMappingURL=CustomModelLayer.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomModelLayer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,GAAG,EAAE,MAAM,aAAa,CAAA;AAClF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AAG9D,KAAK,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAA;AAC5F,KAAK,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AACtE,KAAK,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AACvE,KAAK,kBAAkB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;AA8B/D,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,KAAK,GAAG,EACR,UAAU,KAAK,CAAC,aAAa,EAC7B,mBAAmB,gBAAgB,EACnC,qBAAqB,kBAAkB,EACvC,mBAAmB,gBAAgB,EACnC,oBAAoB,iBAAiB,KACpC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;CAqN7F,CAAA"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.js

@@ -0,0 +1,180 @@
+import * as THREE from "three";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { disposeThreeScene } from "../../disposeThreeScene";
+function resolveModelCoordinates(file) {
+  if (typeof file.lng === "number" && typeof file.lat === "number") {
+    return { lng: file.lng, lat: file.lat };
+  }
+  const rawPosition = file.position;
+  if (rawPosition && typeof rawPosition === "object") {
+    const pos = rawPosition;
+    if (typeof pos.lng === "number" && typeof pos.lat === "number") {
+      return { lng: pos.lng, lat: pos.lat };
+    }
+  }
+  if (typeof rawPosition === "string") {
+    try {
+      const parsed = JSON.parse(rawPosition);
+      if (typeof parsed.lng === "number" && typeof parsed.lat === "number") {
+        return { lng: parsed.lng, lat: parsed.lat };
+      }
+    } catch (e) {
+    }
+  }
+  return { lng: 0, lat: 0 };
+}
+const CustomModelLayer = (modelFile, map, renderer, tempPositionsRef, editingFileNameRef, tempRotationsRef, tempElevationsRef) => {
+  let components = null;
+  let customLayer = null;
+  if (!map || !modelFile) {
+    return { cleanup: () => {
+    }, remove: () => {
+    }, hitTest: () => false };
+  }
+  let cameraRef = null;
+  let sceneRef = null;
+  const _hitInv = new THREE.Matrix4();
+  const _hitNear = new THREE.Vector3();
+  const _hitFar = new THREE.Vector3();
+  const _hitDir = new THREE.Vector3();
+  const _raycaster = new THREE.Raycaster();
+  const createCustomLayer = () => {
+    var _a;
+    let lastAppliedRotation = (_a = modelFile.rotation) != null ? _a : 0;
+    let disposed = false;
+    const _m = new THREE.Matrix4();
+    const _l = new THREE.Matrix4();
+    return {
+      id: `model-${modelFile.id}`,
+      type: "custom",
+      renderingMode: "3d",
+      onAdd(map2, gl) {
+        this.camera = new THREE.Camera();
+        this.scene = new THREE.Scene();
+        this.renderer = renderer;
+        cameraRef = this.camera;
+        sceneRef = this.scene;
+        const scene = this.scene;
+        if (lastAppliedRotation !== 0) {
+          scene.rotateY(lastAppliedRotation * (Math.PI / 180));
+        }
+        scene.background = null;
+        scene.fog = new THREE.Fog(2107698, 10, 200);
+        scene.add(new THREE.AmbientLight(16777215, 1));
+        scene.add(new THREE.HemisphereLight(16777147, 526368, 0.5));
+        const sun = new THREE.DirectionalLight(16777215, 1.5);
+        sun.position.set(0, -70, 100).normalize();
+        sun.castShadow = true;
+        sun.shadow.mapSize.set(2048, 2048);
+        scene.add(sun);
+        const fill = new THREE.DirectionalLight(16777215, 1);
+        fill.position.set(0, 70, 100).normalize();
+        scene.add(fill);
+        this.renderer.toneMapping = THREE.ACESFilmicToneMapping;
+        this.renderer.autoClear = false;
+        this.clock = new THREE.Clock();
+        const loader = new GLTFLoader();
+        loader.load(
+          modelFile.url,
+          (gltf) => {
+            if (disposed) return;
+            gltf.scene.scale.setScalar(1);
+            if (gltf.animations && gltf.animations.length > 0) {
+              this.mixer = new THREE.AnimationMixer(gltf.scene);
+              for (const clip of gltf.animations) {
+                this.mixer.clipAction(clip).play();
+              }
+            }
+            scene.add(gltf.scene);
+          },
+          void 0,
+          (error) => {
+            console.error("Error loading model:", error);
+          }
+        );
+      },
+      render(gl, args) {
+        var _a2, _b, _c;
+        if (map.getZoom() < 15.5) return;
+        const isEditing = (editingFileNameRef == null ? void 0 : editingFileNameRef.current) === modelFile.name;
+        let lng;
+        let lat;
+        if (isEditing && (tempPositionsRef == null ? void 0 : tempPositionsRef.current[modelFile.name])) {
+          const tp = tempPositionsRef.current[modelFile.name];
+          lng = tp.lng;
+          lat = tp.lat;
+        } else {
+          const coords = resolveModelCoordinates(modelFile);
+          lng = coords.lng;
+          lat = coords.lat;
+        }
+        if (lng === 0 && lat === 0) return;
+        const targetRotation = isEditing && (tempRotationsRef == null ? void 0 : tempRotationsRef.current[modelFile.name]) !== void 0 ? tempRotationsRef.current[modelFile.name] : (_a2 = modelFile.rotation) != null ? _a2 : 0;
+        if (targetRotation !== lastAppliedRotation) {
+          ;
+          this.scene.rotateY(
+            (targetRotation - lastAppliedRotation) * (Math.PI / 180)
+          );
+          lastAppliedRotation = targetRotation;
+        }
+        const fileElevation = isEditing && (tempElevationsRef == null ? void 0 : tempElevationsRef.current[modelFile.name]) !== void 0 ? tempElevationsRef.current[modelFile.name] : (_b = modelFile.elevation) != null ? _b : 0;
+        const modelOrigin = [lng, lat];
+        const terrainAltitude = (_c = map.queryTerrainElevation([lng, lat])) != null ? _c : 0;
+        const altitude = terrainAltitude + fileElevation;
+        const modelMatrix = map.transform.getMatrixForModel(modelOrigin, altitude);
+        _m.fromArray(args.defaultProjectionData.mainMatrix);
+        _l.fromArray(modelMatrix);
+        this.camera.projectionMatrix.multiplyMatrices(_m, _l);
+        if (this.mixer) {
+          this.mixer.update(this.clock.getDelta());
+        }
+        this.renderer.resetState();
+        this.renderer.render(this.scene, this.camera);
+        map.triggerRepaint();
+      },
+      onRemove() {
+        disposed = true;
+        if (this.mixer) {
+          ;
+          this.mixer.stopAllAction();
+          this.mixer = null;
+        }
+        if (this.scene) disposeThreeScene(this.scene);
+        cameraRef = null;
+        sceneRef = null;
+        this.renderer = null;
+        this.camera = null;
+        this.scene = null;
+      }
+    };
+  };
+  const hitTest = (ndcX, ndcY) => {
+    if (!cameraRef || !sceneRef) return false;
+    _hitInv.copy(cameraRef.projectionMatrix).invert();
+    _hitNear.set(ndcX, ndcY, -1).applyMatrix4(_hitInv);
+    _hitFar.set(ndcX, ndcY, 1).applyMatrix4(_hitInv);
+    _hitDir.copy(_hitFar).sub(_hitNear).normalize();
+    _raycaster.set(_hitNear, _hitDir);
+    const intersects = _raycaster.intersectObjects(sceneRef.children, true);
+    return intersects.length > 0;
+  };
+  customLayer = createCustomLayer();
+  if (!map.getLayer(customLayer.id)) {
+    map.addLayer(customLayer);
+  }
+  const removeLayer = () => {
+    if (customLayer && map.getLayer(customLayer.id)) {
+      map.removeLayer(customLayer.id);
+    }
+  };
+  const cleanup = () => {
+    removeLayer();
+    components = null;
+    customLayer = null;
+  };
+  return { cleanup, remove: removeLayer, hitTest };
+};
+export {
+  CustomModelLayer
+};
+//# sourceMappingURL=CustomModelLayer.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/CustomModelLayer.ts"],"sourcesContent":["import { type CustomLayerInterface, type LngLatLike, type Map } from 'maplibre-gl'\r\nimport * as THREE from 'three'\r\nimport { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'\r\nimport { DbFile } from '../../../../../../../../types/dbTypes'\r\nimport { disposeThreeScene } from '../../disposeThreeScene'\r\n\r\ntype TempPositionsRef = React.MutableRefObject<Record<string, { lat: number; lng: number }>>\r\ntype TempRotationsRef = React.MutableRefObject<Record<string, number>>\r\ntype TempElevationsRef = React.MutableRefObject<Record<string, number>>\r\ntype EditingFileNameRef = React.MutableRefObject<string | null>\r\n\r\nfunction resolveModelCoordinates(file: DbFile): { lng: number, lat: number } {\r\n  if (typeof file.lng === 'number' && typeof file.lat === 'number') {\r\n    return { lng: file.lng, lat: file.lat }\r\n  }\r\n\r\n  const rawPosition = file.position as unknown\r\n  if (rawPosition && typeof rawPosition === 'object') {\r\n    const pos = rawPosition as { lng?: number, lat?: number }\r\n    if (typeof pos.lng === 'number' && typeof pos.lat === 'number') {\r\n      return { lng: pos.lng, lat: pos.lat }\r\n    }\r\n  }\r\n\r\n  if (typeof rawPosition === 'string') {\r\n    try {\r\n      const parsed = JSON.parse(rawPosition) as { lng?: number, lat?: number }\r\n      if (typeof parsed.lng === 'number' && typeof parsed.lat === 'number') {\r\n        return { lng: parsed.lng, lat: parsed.lat }\r\n      }\r\n    }\r\n    catch {\r\n      // Ignore malformed legacy position payloads.\r\n    }\r\n  }\r\n\r\n  return { lng: 0, lat: 0 }\r\n}\r\n\r\nexport const CustomModelLayer = (\r\n  modelFile: DbFile,\r\n  map: Map,\r\n  renderer: THREE.WebGLRenderer,\r\n  tempPositionsRef?: TempPositionsRef,\r\n  editingFileNameRef?: EditingFileNameRef,\r\n  tempRotationsRef?: TempRotationsRef,\r\n  tempElevationsRef?: TempElevationsRef,\r\n): { cleanup: () => void, remove: () => void, hitTest: (ndcX: number, ndcY: number) => boolean } => {\r\n  let components = null\r\n  let customLayer: CustomLayerInterface | null = null\r\n\r\n  if (!map || !modelFile) {\r\n    return { cleanup: () => {}, remove: () => {}, hitTest: () => false }\r\n  }\r\n\r\n  // Refs into the layer's camera and scene so raycasting can read the last\r\n  // rendered frame's transform without entering the render loop.\r\n  let cameraRef: THREE.Camera | null = null\r\n  let sceneRef: THREE.Scene | null = null\r\n\r\n  // Reused temps for hitTest raycasting — avoid per-call allocation (audit B3).\r\n  const _hitInv = new THREE.Matrix4()\r\n  const _hitNear = new THREE.Vector3()\r\n  const _hitFar = new THREE.Vector3()\r\n  const _hitDir = new THREE.Vector3()\r\n  const _raycaster = new THREE.Raycaster()\r\n\r\n  const createCustomLayer = (): CustomLayerInterface => {\r\n    // Track last applied rotation so we can apply delta increments (same as BimLayer)\r\n    let lastAppliedRotation = modelFile.rotation ?? 0\r\n    // Layer-removed-mid-load guard (audit B4) + reused per-frame matrices (audit B2)\r\n    let disposed = false\r\n    const _m = new THREE.Matrix4()\r\n    const _l = new THREE.Matrix4()\r\n\r\n    return {\r\n      id: `model-${modelFile.id}`,\r\n      type: 'custom',\r\n      renderingMode: '3d',\r\n      onAdd(map, gl) {\r\n        this.camera = new THREE.Camera()\r\n        this.scene = new THREE.Scene()\r\n        this.renderer = renderer\r\n\r\n        // Expose to closure for raycasting\r\n        cameraRef = this.camera as THREE.Camera\r\n        sceneRef = this.scene as THREE.Scene\r\n\r\n        const scene = this.scene as THREE.Scene\r\n\r\n        // Apply initial rotation\r\n        if (lastAppliedRotation !== 0) {\r\n          scene.rotateY(lastAppliedRotation * (Math.PI / 180))\r\n        }\r\n\r\n        // Lighting to match OBC library setup\r\n        scene.background = null\r\n        scene.fog = new THREE.Fog(0x20_29_32, 10, 200)\r\n        scene.add(new THREE.AmbientLight(0xFF_FF_FF, 1))\r\n        scene.add(new THREE.HemisphereLight(0xFF_FF_BB, 0x08_08_20, 0.5))\r\n\r\n        const sun = new THREE.DirectionalLight(0xFF_FF_FF, 1.5)\r\n        sun.position.set(0, -70, 100).normalize()\r\n        sun.castShadow = true\r\n        sun.shadow.mapSize.set(2048, 2048)\r\n        scene.add(sun)\r\n\r\n        const fill = new THREE.DirectionalLight(0xFF_FF_FF, 1)\r\n        fill.position.set(0, 70, 100).normalize()\r\n        scene.add(fill)\r\n\r\n        this.renderer.toneMapping = THREE.ACESFilmicToneMapping\r\n        this.renderer.autoClear = false\r\n        this.clock = new THREE.Clock()\r\n\r\n        const loader = new GLTFLoader()\r\n        loader.load(\r\n          modelFile.url!,\r\n          (gltf) => {\r\n            // Layer was removed before the async load resolved — don't attach to a\r\n            // dead scene; let the gltf be GC'd (no GPU upload happened yet). (audit B4)\r\n            if (disposed) return\r\n            gltf.scene.scale.setScalar(1)\r\n\r\n            if (gltf.animations && gltf.animations.length > 0) {\r\n              this.mixer = new THREE.AnimationMixer(gltf.scene)\r\n              for (const clip of gltf.animations) {\r\n                this.mixer!.clipAction(clip).play()\r\n              }\r\n            }\r\n\r\n            scene.add(gltf.scene)\r\n          },\r\n          undefined,\r\n          (error) => { console.error('Error loading model:', error) },\r\n        )\r\n      },\r\n\r\n      render(gl, args) {\r\n        if (map.getZoom() < 15.5) return\r\n\r\n        const isEditing = editingFileNameRef?.current === modelFile.name\r\n\r\n        // ── Position ──────────────────────────────────────────────────────────\r\n        let lng: number\r\n        let lat: number\r\n        if (isEditing && tempPositionsRef?.current[modelFile.name]) {\r\n          const tp = tempPositionsRef.current[modelFile.name]\r\n          lng = tp.lng\r\n          lat = tp.lat\r\n        } else {\r\n          const coords = resolveModelCoordinates(modelFile)\r\n          lng = coords.lng\r\n          lat = coords.lat\r\n        }\r\n\r\n        if (lng === 0 && lat === 0) return\r\n\r\n        // ── Rotation (delta-increment, same pattern as BimLayer) ──────────────\r\n        const targetRotation = (isEditing && tempRotationsRef?.current[modelFile.name] !== undefined)\r\n          ? tempRotationsRef.current[modelFile.name]\r\n          : (modelFile.rotation ?? 0)\r\n\r\n        if (targetRotation !== lastAppliedRotation) {\r\n          ;(this.scene as THREE.Scene).rotateY(\r\n            (targetRotation - lastAppliedRotation) * (Math.PI / 180)\r\n          )\r\n          lastAppliedRotation = targetRotation\r\n        }\r\n\r\n        // ── Elevation ─────────────────────────────────────────────────────────\r\n        const fileElevation = (isEditing && tempElevationsRef?.current[modelFile.name] !== undefined)\r\n          ? tempElevationsRef.current[modelFile.name]\r\n          : (modelFile.elevation ?? 0)\r\n\r\n        const modelOrigin = [lng, lat] as LngLatLike\r\n        const terrainAltitude = map.queryTerrainElevation([lng, lat]) ?? 0\r\n        const altitude = terrainAltitude + fileElevation\r\n\r\n        const modelMatrix = map.transform.getMatrixForModel(modelOrigin, altitude)\r\n        // Reuse temps and write into the camera's own matrix — no per-frame\r\n        // allocation. The previous `.scale(1,1,1)` was an identity no-op. (audit B2)\r\n        _m.fromArray(args.defaultProjectionData.mainMatrix)\r\n        _l.fromArray(modelMatrix)\r\n        this.camera.projectionMatrix.multiplyMatrices(_m, _l)\r\n\r\n        if (this.mixer) {\r\n          this.mixer.update((this.clock as THREE.Clock).getDelta())\r\n        }\r\n\r\n        this.renderer.resetState()\r\n        this.renderer.render(this.scene, this.camera)\r\n\r\n        map.triggerRepaint()\r\n      },\r\n\r\n      onRemove() {\r\n        disposed = true\r\n        // Stop + release the animation mixer so it isn't left running/holding the\r\n        // scene after removal (audit B5).\r\n        if (this.mixer) {\r\n          ;(this.mixer as THREE.AnimationMixer).stopAllAction()\r\n          this.mixer = null\r\n        }\r\n        if (this.scene) disposeThreeScene(this.scene as THREE.Scene)\r\n        cameraRef = null\r\n        sceneRef = null\r\n        this.renderer = null\r\n        this.camera = null\r\n        this.scene = null\r\n      },\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Raycast against this model using the last rendered frame's camera matrix.\r\n   *\r\n   * The camera.projectionMatrix = VP * M (view-projection × model-to-world),\r\n   * so its inverse transforms clip-space → model-space, which is exactly the\r\n   * coordinate system the Three.js scene lives in. We manually unproject near/far\r\n   * clip-space points through that inverse to build the ray.\r\n   */\r\n  const hitTest = (ndcX: number, ndcY: number): boolean => {\r\n    if (!cameraRef || !sceneRef) return false\r\n\r\n    // Invert the combined VP*M matrix to go clip-space → model-space.\r\n    // Reuses module-scope temps + a singleton raycaster (audit B3).\r\n    _hitInv.copy(cameraRef.projectionMatrix).invert()\r\n\r\n    // Unproject near and far clip-space points into model space\r\n    _hitNear.set(ndcX, ndcY, -1).applyMatrix4(_hitInv)\r\n    _hitFar.set(ndcX, ndcY, 1).applyMatrix4(_hitInv)\r\n\r\n    _hitDir.copy(_hitFar).sub(_hitNear).normalize()\r\n\r\n    _raycaster.set(_hitNear, _hitDir)\r\n\r\n    const intersects = _raycaster.intersectObjects(sceneRef.children, true)\r\n    return intersects.length > 0\r\n  }\r\n\r\n  customLayer = createCustomLayer()\r\n\r\n  if (!map.getLayer(customLayer.id)) {\r\n    map.addLayer(customLayer)\r\n  }\r\n\r\n  const removeLayer = () => {\r\n    if (customLayer && map.getLayer(customLayer.id)) {\r\n      map.removeLayer(customLayer.id)\r\n    }\r\n  }\r\n\r\n  const cleanup = () => {\r\n    removeLayer()\r\n    components = null\r\n    customLayer = null\r\n  }\r\n\r\n  return { cleanup, remove: removeLayer, hitTest }\r\n}\r\n"],"mappings":"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","names":["map","_a"]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.d.ts

@@ -0,0 +1,3 @@
+import { DbFile } from '../../../../../../../../types/dbTypes';
+export declare const openPopupWindow: (file: DbFile) => void;
+//# sourceMappingURL=openFileInPopUpWindow.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openFileInPopUpWindow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AAE9D,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,SAqH3C,CAAA"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.js

@@ -0,0 +1,111 @@
+const openPopupWindow = (file) => {
+  const width = Math.floor(screen.width * 0.8);
+  const height = Math.floor(screen.height * 0.8);
+  const left = Math.floor((screen.width - width) / 2);
+  const top = Math.floor((screen.height - height) / 2);
+  const scale = 0.9;
+  const windowFeatures = `
+    width=${width * scale},
+    height=${height * scale},
+    left=${left},
+    top=${top},
+      resizable=yes,
+      scrollbars=yes,
+      status=no,
+      location=no,
+      toolbar=no,
+      menubar=no
+    `.replaceAll(/\s/g, "");
+  const getFileType = (file2) => {
+    var _a;
+    if (file2.mimeType.startsWith("image/")) return "image";
+    if (file2.mimeType.startsWith("video/")) return "video";
+    if (file2.mimeType === "application/pdf") return "pdf";
+    const extension = (_a = file2.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+    switch (extension) {
+      case "jpg":
+      case "jpeg":
+      case "png":
+      case "gif":
+      case "webp":
+      case "svg":
+        return "image";
+      case "mp4":
+      case "webm":
+      case "ogg":
+      case "avi":
+      case "mov":
+        return "video";
+      case "pdf":
+        return "pdf";
+      default:
+        return "iframe";
+    }
+  };
+  const detectedType = getFileType(file);
+  const title = file.name || "CDT - File Viewer";
+  const newWindow = window.open("", "_blank", windowFeatures);
+  if (newWindow) {
+    let content = "";
+    switch (detectedType) {
+      case "image":
+        content = `<img src="${file.url}" alt="${file.name}" />`;
+        break;
+      case "video":
+        content = `
+                  <video controls autoplay style="max-width: 100%; max-height: 100%;">
+                    <source src="${file.url}" type="${file.mimeType || "video/mp4"}">
+                    Your browser does not support the video tag.
+                  </video>`;
+        break;
+      case "pdf":
+        content = `<iframe src="${file.url}" style="width: 100%; height: 100%; border: none;"></iframe>`;
+        break;
+      default:
+        content = `<iframe src="${file.url}" style="width: 100%; height: 100%; border: none;"></iframe>`;
+    }
+    newWindow.document.write(`
+        <!DOCTYPE html>
+        <html>
+            <head>
+                <title>${title}</title>
+                <style>
+                    body, html {
+                        margin: 0;
+                        padding: 0;
+                        width: 100%;
+                        height: 100%;
+                        overflow: ${detectedType === "pdf" ? "hidden" : "auto"};
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        background-color: #f5f5f5;
+                    }
+                    img {
+                        max-width: 100%;
+                        max-height: 100%;
+                        object-fit: contain;
+                    }
+                    video {
+                        max-width: 100%;
+                        max-height: 100%;
+                    }
+                    iframe {
+                        width: 100%;
+                        height: 100%;
+                        border: none;
+                    }
+                </style>
+            </head>
+            <body>
+                ${content}
+            </body>
+        </html>
+        `);
+    newWindow.document.close();
+  }
+};
+export {
+  openPopupWindow
+};
+//# sourceMappingURL=openFileInPopUpWindow.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/utils/openFileInPopUpWindow.ts"],"sourcesContent":["import { DbFile } from '../../../../../../../../types/dbTypes'\r\n\r\nexport const openPopupWindow = (file: DbFile) => {\r\n  const width = Math.floor(screen.width * 0.8)\r\n  const height = Math.floor(screen.height * 0.8)\r\n  const left = Math.floor((screen.width - width) / 2)\r\n  const top = Math.floor((screen.height - height) / 2)\r\n\r\n  const scale = 0.9\r\n\r\n  const windowFeatures = `\r\n    width=${width * scale},\r\n    height=${height * scale},\r\n    left=${left},\r\n    top=${top},\r\n      resizable=yes,\r\n      scrollbars=yes,\r\n      status=no,\r\n      location=no,\r\n      toolbar=no,\r\n      menubar=no\r\n    `.replaceAll(/\\s/g, '')\r\n\r\n  // Determine file type from MIME type and extension\r\n  const getFileType = (file: DbFile): string => {\r\n    // First check MIME type\r\n    if (file.mimeType.startsWith('image/')) return 'image'\r\n    if (file.mimeType.startsWith('video/')) return 'video'\r\n    if (file.mimeType === 'application/pdf') return 'pdf'\r\n\r\n    // Fall back to extension\r\n    const extension = file.name.split('.').pop()?.toLowerCase()\r\n    switch (extension) {\r\n      case 'jpg':\r\n      case 'jpeg':\r\n      case 'png':\r\n      case 'gif':\r\n      case 'webp':\r\n      case 'svg':\r\n        return 'image'\r\n      case 'mp4':\r\n      case 'webm':\r\n      case 'ogg':\r\n      case 'avi':\r\n      case 'mov':\r\n        return 'video'\r\n      case 'pdf':\r\n        return 'pdf'\r\n      default:\r\n        return 'iframe'\r\n    }\r\n  }\r\n\r\n  const detectedType = getFileType(file)\r\n  const title = file.name || 'CDT - File Viewer'\r\n\r\n  const newWindow = window.open('', '_blank', windowFeatures)\r\n\r\n  if (newWindow) {\r\n    let content = ''\r\n\r\n    switch (detectedType) {\r\n      case 'image':\r\n        content = `<img src=\"${file.url}\" alt=\"${file.name}\" />`\r\n        break\r\n      case 'video':\r\n        content = `\r\n                  <video controls autoplay style=\"max-width: 100%; max-height: 100%;\">\r\n                    <source src=\"${file.url}\" type=\"${file.mimeType || 'video/mp4'}\">\r\n                    Your browser does not support the video tag.\r\n                  </video>`\r\n        break\r\n      case 'pdf':\r\n        content = `<iframe src=\"${file.url}\" style=\"width: 100%; height: 100%; border: none;\"></iframe>`\r\n        break\r\n      default:\r\n        content = `<iframe src=\"${file.url}\" style=\"width: 100%; height: 100%; border: none;\"></iframe>`\r\n    }\r\n\r\n    newWindow.document.write(`\r\n        <!DOCTYPE html>\r\n        <html>\r\n            <head>\r\n                <title>${title}</title>\r\n                <style>\r\n                    body, html {\r\n                        margin: 0;\r\n                        padding: 0;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        overflow: ${detectedType === 'pdf' ? 'hidden' : 'auto'};\r\n                        display: flex;\r\n                        align-items: center;\r\n                        justify-content: center;\r\n                        background-color: #f5f5f5;\r\n                    }\r\n                    img {\r\n                        max-width: 100%;\r\n                        max-height: 100%;\r\n                        object-fit: contain;\r\n                    }\r\n                    video {\r\n                        max-width: 100%;\r\n                        max-height: 100%;\r\n                    }\r\n                    iframe {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        border: none;\r\n                    }\r\n                </style>\r\n            </head>\r\n            <body>\r\n                ${content}\r\n            </body>\r\n        </html>\r\n        `)\r\n    newWindow.document.close()\r\n  }\r\n}\r\n"],"mappings":"AAEO,MAAM,kBAAkB,CAAC,SAAiB;AAC/C,QAAM,QAAQ,KAAK,MAAM,OAAO,QAAQ,GAAG;AAC3C,QAAM,SAAS,KAAK,MAAM,OAAO,SAAS,GAAG;AAC7C,QAAM,OAAO,KAAK,OAAO,OAAO,QAAQ,SAAS,CAAC;AAClD,QAAM,MAAM,KAAK,OAAO,OAAO,SAAS,UAAU,CAAC;AAEnD,QAAM,QAAQ;AAEd,QAAM,iBAAiB;AAAA,YACb,QAAQ,KAAK;AAAA,aACZ,SAAS,KAAK;AAAA,WAChB,IAAI;AAAA,UACL,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOP,WAAW,OAAO,EAAE;AAGxB,QAAM,cAAc,CAACA,UAAyB;AAxBhD;AA0BI,QAAIA,MAAK,SAAS,WAAW,QAAQ,EAAG,QAAO;AAC/C,QAAIA,MAAK,SAAS,WAAW,QAAQ,EAAG,QAAO;AAC/C,QAAIA,MAAK,aAAa,kBAAmB,QAAO;AAGhD,UAAM,aAAY,KAAAA,MAAK,KAAK,MAAM,GAAG,EAAE,IAAI,MAAzB,mBAA4B;AAC9C,YAAQ,WAAW;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,QAAM,eAAe,YAAY,IAAI;AACrC,QAAM,QAAQ,KAAK,QAAQ;AAE3B,QAAM,YAAY,OAAO,KAAK,IAAI,UAAU,cAAc;AAE1D,MAAI,WAAW;AACb,QAAI,UAAU;AAEd,YAAQ,cAAc;AAAA,MACpB,KAAK;AACH,kBAAU,aAAa,KAAK,GAAG,UAAU,KAAK,IAAI;AAClD;AAAA,MACF,KAAK;AACH,kBAAU;AAAA;AAAA,mCAEiB,KAAK,GAAG,WAAW,KAAK,YAAY,WAAW;AAAA;AAAA;AAG1E;AAAA,MACF,KAAK;AACH,kBAAU,gBAAgB,KAAK,GAAG;AAClC;AAAA,MACF;AACE,kBAAU,gBAAgB,KAAK,GAAG;AAAA,IACtC;AAEA,cAAU,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA,yBAIJ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAOM,iBAAiB,QAAQ,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAuB5D,OAAO;AAAA;AAAA;AAAA,SAGhB;AACL,cAAU,SAAS,MAAM;AAAA,EAC3B;AACF;","names":["file"]}

package/dist/core/components/viewers/map/src/MapLayers/src/OpenDataLayer/src/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare const OpenDataLayers: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/OpenDataLayer/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/OpenDataLayer/src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiX/B,eAAO,MAAM,cAAc,yBAyL1B,CAAC"}