@collabdt/core 0.0.40

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/FileTab/src/PointCloudSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport { FileItemComponent } from '../../../../../../../ui/FilesManager/src/FileItemComponent'\r\nimport { useFileActions } from '../../../../../../../ui/FilesManager/src/useFileActions'\r\nimport ConfirmDialog from '../../../../../../../ConfirmDialog'\r\nimport { Button } from '../../../../../../../ui/Button'\r\nimport { useOrganization } from '../../../../../../../../hooks/organizations/organizations'\r\nimport { DbFile } from '../../../../../../../../types/dbTypes'\r\nimport { PointCloudContext } from '../../../../../../../../store'\r\n\r\nconst API_BASE = process.env.NEXT_PUBLIC_POINTCLOUD_API_URL ?? 'http://localhost:5101'\r\n\r\ntype CreatePointCloudResponse = {\r\n  pointCloud: {\r\n    id: string\r\n    name: string\r\n  }\r\n  upload: {\r\n    uploadUrl: string\r\n  }\r\n}\r\n\r\ntype StartConversionResponse = {\r\n  jobId: string\r\n}\r\n\r\n// Audit Phase 1.C (F-19): hoist so React.memo on FileItemComponent isn't\r\n// defeated by per-render array identity.\r\nconst POINT_CLOUD_OPTIONS: import('../../../../../../../../types/global').FileAction[] = ['view', 'delete', 'info']\r\n\r\ninterface PointCloudsSectionProps {\r\n  files: DbFile[]\r\n}\r\n\r\nexport function PointCloudsSection({ files }: PointCloudsSectionProps) {\r\n  // Translation\r\n  const t = useTranslations('PointCloudManagement')\r\n\r\n  // Get current user session\r\n  const { data: session } = useSession()\r\n  const organizationId = session?.user?.organizationId ?? null;\r\n  const { organization } = useOrganization(organizationId ? organizationId.toString() : null);\r\n\r\n  // Point cloud context for loading/unloading clouds in the viewer\r\n  const { dispatch: pointCloudDispatch } = React.useContext(PointCloudContext)\r\n\r\n  // State for point clouds — includes isVisible to track which are loaded in viewer\r\n  const [pointcloudsFiles, setPointcloudsFiles] = React.useState<(DbFile & { isVisible?: boolean })[]>(\r\n    () => files.map(f => ({ ...f, isVisible: false }))\r\n  )\r\n  const esRef = React.useRef<EventSource | null>(null)\r\n  const autoLoadedRef = React.useRef(false)\r\n\r\n  const fileSyncKey = files\r\n    .map(\r\n      (file) =>\r\n        `${file.id}:${file.name}:${Boolean(file.pointCloudUploaded)}:${Boolean(file.pointCloudPotreeConverted)}:${file.uploadedAt}:${file.potreeMetadataFileKey ?? ''}`\r\n    )\r\n    .join('|')\r\n\r\n  // Sync incoming files from props while preserving isVisible state for known files\r\n  React.useEffect(() => {\r\n    setPointcloudsFiles(prev => {\r\n      const prevMap = new Map(prev.map(f => [String(f.id), f]))\r\n      return files.map(f => ({\r\n        ...f,\r\n        isVisible: prevMap.get(String(f.id))?.isVisible ?? false,\r\n      }))\r\n    })\r\n  }, [fileSyncKey])\r\n\r\n  // Auto-load the most recently uploaded converted file on first access\r\n  React.useEffect(() => {\r\n    if (autoLoadedRef.current || files.length === 0) return\r\n\r\n    const readyFiles = files.filter(f => Boolean(f.pointCloudPotreeConverted))\r\n    if (readyFiles.length === 0) return\r\n\r\n    const lastFile = readyFiles.reduce((latest, f) =>\r\n      new Date(f.uploadedAt) > new Date(latest.uploadedAt) ? f : latest\r\n    )\r\n\r\n    autoLoadedRef.current = true\r\n    pointCloudDispatch({ type: 'LOAD_POINT_CLOUD', payload: { id: String(lastFile.id) } })\r\n    setPointcloudsFiles(prev =>\r\n      prev.map(f => ({ ...f, isVisible: String(f.id) === String(lastFile.id) }))\r\n    )\r\n  }, [fileSyncKey, files, pointCloudDispatch])\r\n\r\n  React.useEffect(() => {\r\n    // Cleanup SSE on unmount\r\n    return () => {\r\n      if (esRef.current) {\r\n        esRef.current.close()\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  // Toggle a point cloud on/off in the viewer via context\r\n  const handleView = React.useCallback((file: DbFile, newVisibility: boolean) => {\r\n    const id = String(file.id)\r\n    if (newVisibility) {\r\n      pointCloudDispatch({ type: 'LOAD_POINT_CLOUD', payload: { id } })\r\n    } else {\r\n      pointCloudDispatch({ type: 'UNLOAD_POINT_CLOUD', payload: { id } })\r\n    }\r\n  }, [pointCloudDispatch])\r\n\r\n  const handleDeleteFile = React.useCallback(async (file: DbFile) => {\r\n    const res = await fetch(`${API_BASE}/point-cloud/${encodeURIComponent(String(file.id))}`, {\r\n      method: 'DELETE',\r\n    })\r\n\r\n    if (!res.ok) {\r\n      const msg = await res.text()\r\n      throw new Error(msg || `Delete failed (${res.status})`)\r\n    }\r\n  }, [])\r\n\r\n  const handleConvert = React.useCallback(async (file: DbFile) => {\r\n    const res = await fetch(\r\n      `${API_BASE}/point-cloud/${encodeURIComponent(String(file.id))}/convert-to-potree`,\r\n      {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ options: { sampling_method: 'poisson' } }),\r\n      }\r\n    )\r\n\r\n    if (!res.ok) {\r\n      const msg = await res.text()\r\n      throw new Error(msg || `Conversion failed (${res.status})`)\r\n    }\r\n\r\n    const { jobId } = await res.json() as StartConversionResponse\r\n    subscribeToProgress(jobId, file.id)\r\n  }, [])\r\n\r\n  // Audit Phase 1.C (F-19b): pass useCallback'd handlers so the\r\n  // onView/onDelete prop identities stay stable. Previously these were\r\n  // inline arrows, defeating React.memo on FileItemComponent transitively\r\n  // via useFileActions' internal memo dep list.\r\n  // handleView is already useCallback'd above — pass it directly.\r\n  const handleDeletePointCloud = React.useCallback((file: DbFile) => {\r\n    pointCloudDispatch({ type: 'UNLOAD_POINT_CLOUD', payload: { id: String(file.id) } })\r\n  }, [pointCloudDispatch])\r\n\r\n  // Use the generic file actions hook\r\n  const { handleAction, deleteDialog } = useFileActions({\r\n    files: pointcloudsFiles,\r\n    setFiles: setPointcloudsFiles as React.Dispatch<React.SetStateAction<(DbFile & { isVisible?: boolean })[]>>,\r\n    buildingId: 0,\r\n    handleDeleteFile,\r\n    onView: handleView,\r\n    onDelete: handleDeletePointCloud,\r\n  })\r\n\r\n  // Sort: visible (loaded) files at the top, preserving relative order within each group\r\n  const sortedFiles = React.useMemo(() => {\r\n    return [...pointcloudsFiles].sort((a, b) => {\r\n      const aLoaded = a.isVisible !== false ? 1 : 0\r\n      const bLoaded = b.isVisible !== false ? 1 : 0\r\n      return bLoaded - aLoaded\r\n    })\r\n  }, [pointcloudsFiles])\r\n\r\n  // Create point cloud entry\r\n  async function createPointCloud(name: string, uploadedBy: string | null): Promise<CreatePointCloudResponse> {\r\n    const res = await fetch(`${API_BASE}/point-cloud`, {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n      body: JSON.stringify({ \r\n        name, \r\n        uploadedBy,\r\n        organizationName: organization?.name,\r\n        organizationId: organizationId\r\n      }),\r\n    })\r\n\r\n    if (!res.ok) {\r\n      const msg = await res.text()\r\n      throw new Error(`Create point-cloud failed: ${msg || res.status}`)\r\n    }\r\n\r\n    return res.json()\r\n  }\r\n\r\n  // Upload to presigned URL\r\n  function uploadToPresignedUrl(\r\n    url: string,\r\n    file: File,\r\n    onProgress?: (pct: number) => void\r\n  ): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n      try {\r\n        const xhr = new XMLHttpRequest()\r\n        xhr.open('PUT', url, true)\r\n\r\n        if (onProgress) {\r\n          xhr.upload.onprogress = (evt) => {\r\n            if (evt.lengthComputable) {\r\n              const pct = Math.round((evt.loaded / evt.total) * 100)\r\n              onProgress(pct)\r\n            }\r\n          }\r\n        }\r\n\r\n        xhr.onload = () => {\r\n          if (xhr.status >= 200 && xhr.status < 300) resolve()\r\n          else reject(new Error(`Upload failed with status ${xhr.status}`))\r\n        }\r\n\r\n        xhr.onerror = () => reject(new Error('Network error during upload'))\r\n        xhr.send(file)\r\n      } catch (err) {\r\n        reject(err)\r\n      }\r\n    })\r\n  }\r\n\r\n  // Start conversion\r\n  async function startConversion(pointCloudId: string): Promise<StartConversionResponse> {\r\n    const res = await fetch(\r\n      `${API_BASE}/point-cloud/${encodeURIComponent(pointCloudId)}/convert-to-potree`,\r\n      {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ options: { sampling_method: 'poisson' } }),\r\n      }\r\n    )\r\n\r\n    if (!res.ok) {\r\n      const msg = await res.text()\r\n      throw new Error(`convert-to-potree failed: ${msg || res.status}`)\r\n    }\r\n\r\n    return res.json()\r\n  }\r\n\r\n  // Subscribe to conversion progress\r\n  function subscribeToProgress(jobId: string, pointCloudId: number) {\r\n    if (!jobId) return\r\n\r\n    if (esRef.current) {\r\n      esRef.current.close()\r\n    }\r\n\r\n    const es = new EventSource(\r\n      `${API_BASE}/events/convert-progress/${encodeURIComponent(jobId)}`\r\n    )\r\n    esRef.current = es\r\n\r\n    es.onopen = () => console.log('SSE connection opened')\r\n\r\n    es.onerror = (event) => {\r\n      console.error('SSE error:', event)\r\n      // Update to failed state\r\n      setPointcloudsFiles((prev) =>\r\n        prev.map((pc) =>\r\n          Number(pc.id) === pointCloudId\r\n            ? { ...pc, status: 'idle', conversionProgress: 0 }\r\n            : pc\r\n        )\r\n      )\r\n    }\r\n\r\n    es.addEventListener('progress', (event) => {\r\n      try {\r\n        const msgEvent = event as MessageEvent\r\n        const data = JSON.parse(msgEvent.data)\r\n\r\n        console.log('[progress]', data.status, data.message, data.progress)\r\n\r\n        if (typeof data.progress === 'number') {\r\n          setPointcloudsFiles((prev) =>\r\n            prev.map((pc) =>\r\n              Number(pc.id) === pointCloudId\r\n                ? { ...pc, conversionProgress: data.progress }\r\n                : pc\r\n            )\r\n          )\r\n        }\r\n      } catch (err) {\r\n        console.error('Failed to parse progress event', err)\r\n      }\r\n    })\r\n\r\n    es.addEventListener('finished', () => {\r\n      console.log('[finished] Conversion completed')\r\n      setPointcloudsFiles((prev) =>\r\n        prev.map((pc) =>\r\n          Number(pc.id) === pointCloudId\r\n            ? { ...pc, status: 'idle', conversionProgress: 100 }\r\n            : pc\r\n        )\r\n      )\r\n      es.close()\r\n      esRef.current = null\r\n    })\r\n\r\n    es.addEventListener('failed', () => {\r\n      console.log('[failed] Conversion failed')\r\n      setPointcloudsFiles((prev) =>\r\n        prev.map((pc) =>\r\n          Number(pc.id) === pointCloudId\r\n            ? { ...pc, status: 'idle', conversionProgress: 0 }\r\n            : pc\r\n        )\r\n      )\r\n      es.close()\r\n      esRef.current = null\r\n    })\r\n  }\r\n\r\n  // Handle file upload\r\n  const handleFileUpload = async (file: File) => {\r\n    if (!file) return\r\n\r\n    const originalFileName = file.name\r\n    const fileExt = originalFileName.toLowerCase()\r\n    const baseFileName = originalFileName.replace(/\\.(laz|las)$/i, '')\r\n\r\n    // Validate file extension\r\n    if (!fileExt.endsWith('.laz') && !fileExt.endsWith('.las')) {\r\n      alert('Please select a LAZ or LAS file.')\r\n      return\r\n    }\r\n\r\n    // Check for duplicate names and append (1), (2), etc.\r\n    let fileName = baseFileName\r\n    let counter = 1\r\n    const existingNames = pointcloudsFiles.map((pc) => pc.name)\r\n    \r\n    while (existingNames.includes(fileName)) {\r\n      fileName = `${baseFileName} (${counter})`\r\n      counter++\r\n    }\r\n\r\n    try {\r\n      console.log('Creating point cloud entry...')\r\n      const userEmail = session?.user?.email || null\r\n      const { pointCloud, upload } = await createPointCloud(fileName, userEmail)\r\n      console.log('Point cloud created:', pointCloud.id)\r\n\r\n      console.log('Uploading file...')\r\n      await uploadToPresignedUrl(upload.uploadUrl, file, (pct) => {\r\n        console.log(`Upload progress: ${pct}%`)\r\n      })\r\n      console.log('Upload complete!')\r\n\r\n      console.log('Starting conversion...')\r\n      const conversion = await startConversion(pointCloud.id)\r\n      console.log('Conversion started:', conversion.jobId)\r\n\r\n      // Subscribe to progress\r\n      subscribeToProgress(conversion.jobId, Number(pointCloud.id))\r\n    } catch (error) {\r\n      console.error('Error uploading point cloud:', error)\r\n      \r\n      alert(\r\n        error instanceof Error\r\n          ? `Failed to upload: ${error.message}`\r\n          : 'Failed to upload point cloud'\r\n      )\r\n    }\r\n  }\r\n\r\n  // Handle upload button click\r\n  const handleUpload = () => {\r\n    const input = document.createElement('input')\r\n    input.type = 'file'\r\n    input.accept = '.laz,.las'\r\n    input.onchange = (e) => {\r\n      const file = (e.target as HTMLInputElement).files?.[0]\r\n      if (file) {\r\n        handleFileUpload(file)\r\n      }\r\n    }\r\n    input.click()\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <CollapsibleSection\r\n        title={t('title')}\r\n        icon={LR.Grip}\r\n        className=\"h-1/2 overflow-y-auto\"\r\n        itemCount={pointcloudsFiles.length}\r\n        onAddItem={handleUpload}\r\n        addItemTitle={t('uploadTitle')}\r\n      >\r\n        <div className=\"space-y-1\">\r\n          {sortedFiles.length === 0 ? (\r\n            <div className=\"px-2 py-3 text-sm text-muted-foreground text-center\">\r\n              {t('noPointClouds')}\r\n            </div>\r\n          ) : (\r\n            sortedFiles.map((file) => (\r\n              <div key={file.id} className=\"flex items-center gap-1\">\r\n                <div className=\"flex-1 min-w-0\">\r\n                  <FileItemComponent\r\n                    file={file}\r\n                    onAction={handleAction}\r\n                    options={POINT_CLOUD_OPTIONS}\r\n                  />\r\n                </div>\r\n                {Boolean(file.pointCloudUploaded) && !Boolean(file.pointCloudPotreeConverted) && (\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    className=\"h-6 w-6 p-0\"\r\n                    onClick={() => void handleConvert(file)}\r\n                    title={t('convertTitle')}\r\n                  >\r\n                    <LR.RefreshCw className=\"h-3 w-3\" />\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            ))\r\n          )}\r\n        </div>\r\n      </CollapsibleSection>\r\n\r\n      <ConfirmDialog\r\n        isOpen={deleteDialog.isOpen}\r\n        isDeleting={deleteDialog.isDeleting}\r\n        onOpenChange={deleteDialog.onOpenChange}\r\n        handleConfirm={deleteDialog.onConfirm}\r\n        itemName={deleteDialog.itemName}\r\n        dataType=\"file\"\r\n      />\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b"]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.d.ts

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

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,wBAAgB,WAAW,sBAW1B"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { GridManagement } from "./src/GridManagement";
+import { PerformanceSettings } from "./src/PerformanceSettings";
+import { CameraSettings } from "./src/CameraSettings";
+function SettingsTab() {
+  const t = useTranslations("SettingsTab");
+  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col gap-6 p-4 overflow-y-auto point", children: [
+    /* @__PURE__ */ jsx(PerformanceSettings, {}),
+    /* @__PURE__ */ jsx(CameraSettings, {}),
+    /* @__PURE__ */ jsx(GridManagement, {})
+  ] });
+}
+export {
+  SettingsTab
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/index.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\nimport { GridManagement } from './src/GridManagement'\r\nimport { PerformanceSettings } from './src/PerformanceSettings'\r\nimport { CameraSettings } from './src/CameraSettings'\r\n\r\nexport function SettingsTab() {\r\n  // Translation\r\n  const t = useTranslations('SettingsTab')\r\n\r\n  return (\r\n    <div className=\"w-full h-full flex flex-col gap-6 p-4 overflow-y-auto point\">\r\n      <PerformanceSettings />\r\n      <CameraSettings />\r\n      <GridManagement />\r\n    </div>\r\n  )\r\n}"],"mappings":";AAaI,SACE,KADF;AAVJ,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAExB,SAAS,cAAc;AAE5B,QAAM,IAAI,gBAAgB,aAAa;AAEvC,SACE,qBAAC,SAAI,WAAU,+DACb;AAAA,wBAAC,uBAAoB;AAAA,IACrB,oBAAC,kBAAe;AAAA,IAChB,oBAAC,kBAAe;AAAA,KAClB;AAEJ;","names":[]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function CameraSettings(): React.JSX.Element;
+//# sourceMappingURL=CameraSettings.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6C9B,wBAAgB,cAAc,sBAuK7B"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.js

@@ -0,0 +1,197 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { PointCloudContext } from "../../../../../../../../store";
+import { CameraControl } from "../../../../../../../../store/PointCloud/reducer";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import { Slider } from "../../../../../../../ui/Slider";
+import { Label } from "../../../../../../../ui/Label";
+import { Switch } from "../../../../../../../ui/Switch";
+import * as LR from "lucide-react";
+import { CameraMode } from "../../../../../define";
+const CustomButton = ({
+  active,
+  onClick,
+  disabled = false,
+  icon,
+  label
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      disabled,
+      className: `flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${active ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-input"} ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1", children: [
+        icon,
+        label
+      ] })
+    }
+  );
+};
+function CameraSettings() {
+  const t = useTranslations("CameraSettings");
+  const { state: pointCloudState, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext);
+  const { viewer, cameraProjection, cameraControl, moveSpeed, lockElevation } = pointCloudState.pointcloud;
+  React.useEffect(() => {
+    var _a;
+    if (!viewer) return;
+    (_a = viewer.setMoveSpeed) == null ? void 0 : _a.call(viewer, moveSpeed);
+  }, [moveSpeed, viewer]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    const fp = viewer == null ? void 0 : viewer.fpControls;
+    if (!fp) return;
+    if (typeof fp.setLockElevation === "function") fp.setLockElevation(lockElevation);
+    else fp.lockElevation = !!lockElevation;
+  }, [lockElevation, viewer]);
+  const setCameraOption = (cameraOption) => {
+    var _a;
+    if (!viewer) return;
+    pointCloudDispatch({
+      type: "SET_CAMERA_CONTROL",
+      payload: { cameraControl: cameraOption }
+    });
+    switch (cameraOption) {
+      case CameraControl.EARTH_CONTROL:
+        viewer.setControls(viewer.earthControls);
+        break;
+      case CameraControl.FIRST_PERSON:
+        viewer.setControls(viewer.fpControls);
+        (_a = viewer.setMoveSpeed) == null ? void 0 : _a.call(viewer, moveSpeed);
+        break;
+      case CameraControl.ORBIT_CONTROL:
+      default:
+        viewer.setControls(viewer.orbitControls);
+        break;
+    }
+  };
+  const setCameraMode = (cameraMode) => {
+    if (!viewer) return;
+    pointCloudDispatch({
+      type: "SET_CAMERA_PROJECTION",
+      payload: { cameraProjection: cameraMode }
+    });
+    viewer.setCameraMode(cameraMode);
+  };
+  const handleSpeedChange = (value) => {
+    pointCloudDispatch({
+      type: "SET_MOVE_SPEED",
+      payload: { moveSpeed: value[0] }
+    });
+  };
+  const handleLockElevationChange = (checked) => {
+    pointCloudDispatch({
+      type: "SET_LOCK_ELEVATION",
+      payload: { lockElevation: checked }
+    });
+  };
+  return /* @__PURE__ */ jsx(CollapsibleSection, { title: t("title"), chevronPosition: "right", icon: LR.Camera, defaultOpen: false, children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("cameraProjection") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            active: cameraProjection === CameraMode.PERSPECTIVE,
+            onClick: () => setCameraMode(CameraMode.PERSPECTIVE),
+            disabled: !viewer,
+            icon: /* @__PURE__ */ jsx(LR.Orbit, { size: 14 }),
+            label: t("perspective")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            active: cameraProjection === CameraMode.ORTHOGRAPHIC,
+            onClick: () => setCameraMode(CameraMode.ORTHOGRAPHIC),
+            disabled: !viewer,
+            icon: /* @__PURE__ */ jsx(LR.Orbit, { size: 14 }),
+            label: t("orthographic")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("cameraControl") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            active: cameraControl === CameraControl.EARTH_CONTROL,
+            onClick: () => setCameraOption(CameraControl.EARTH_CONTROL),
+            disabled: !viewer,
+            icon: /* @__PURE__ */ jsx(LR.Globe2, { size: 14 }),
+            label: t("earth")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            active: cameraControl === CameraControl.ORBIT_CONTROL,
+            onClick: () => setCameraOption(CameraControl.ORBIT_CONTROL),
+            disabled: !viewer,
+            icon: /* @__PURE__ */ jsx(LR.Orbit, { size: 14 }),
+            label: t("orbit")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            active: cameraControl === CameraControl.FIRST_PERSON,
+            onClick: () => setCameraOption(CameraControl.FIRST_PERSON),
+            disabled: !viewer,
+            icon: /* @__PURE__ */ jsx(LR.PersonStanding, { size: 14 }),
+            label: t("firstPerson")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("firstPersonSettings") }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(LR.Rabbit, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("moveSpeed") })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums opacity-70", children: moveSpeed })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            value: [moveSpeed],
+            onValueChange: handleSpeedChange,
+            max: 10,
+            min: 1,
+            disabled: !viewer
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[11px] opacity-60", children: [
+          /* @__PURE__ */ jsx("span", { children: t("slow") }),
+          /* @__PURE__ */ jsx("span", { children: t("fast") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(LR.Lock, { className: "h-4 w-4 text-gray-600" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "lock-elev", className: "text-sm font-medium cursor-pointer", children: t("lockElevation") })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            id: "lock-elev",
+            checked: lockElevation,
+            onCheckedChange: handleLockElevationChange,
+            disabled: !viewer
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  CameraSettings
+};
+//# sourceMappingURL=CameraSettings.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/CameraSettings.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { PointCloudContext } from '../../../../../../../../store'\r\nimport { CameraControl } from '../../../../../../../../store/PointCloud/reducer'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport { Slider } from '../../../../../../../ui/Slider'\r\nimport { Label } from '../../../../../../../ui/Label'\r\nimport { Switch } from '../../../../../../../ui/Switch'\r\nimport * as LR from 'lucide-react'\r\nimport { CameraMode } from '../../../../../define'\r\n\r\n// Custom Button Component\r\ninterface CustomButtonProps {\r\n  active: boolean\r\n  onClick: () => void\r\n  disabled?: boolean\r\n  icon: React.ReactNode\r\n  label: string\r\n}\r\n\r\nconst CustomButton: React.FC<CustomButtonProps> = ({\r\n  active,\r\n  onClick,\r\n  disabled = false,\r\n  icon,\r\n  label\r\n}) => {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      className={`flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${\r\n        active\r\n          ? 'bg-primary text-primary-foreground border-primary'\r\n          : 'bg-background hover:bg-accent border-input'\r\n      } ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}\r\n    >\r\n      <div className=\"flex items-center justify-center gap-1\">\r\n        {icon}\r\n        {label}\r\n      </div>\r\n    </button>\r\n  )\r\n}\r\n\r\nexport function CameraSettings() {\r\n  const t = useTranslations('CameraSettings')\r\n  // Point Cloud context\r\n  const { state: pointCloudState, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext)\r\n  const { viewer, cameraProjection, cameraControl, moveSpeed, lockElevation } = pointCloudState.pointcloud\r\n\r\n  // Speed effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    viewer.setMoveSpeed?.(moveSpeed)\r\n  }, [moveSpeed, viewer])\r\n\r\n  // Lock elevation effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    const fp = viewer?.fpControls\r\n    if (!fp) return\r\n\r\n    if (typeof fp.setLockElevation === 'function') fp.setLockElevation(lockElevation)\r\n    else fp.lockElevation = !!lockElevation\r\n  }, [lockElevation, viewer])\r\n\r\n  const setCameraOption = (cameraOption: CameraControl) => {\r\n    if (!viewer) return\r\n    \r\n    pointCloudDispatch({\r\n      type: 'SET_CAMERA_CONTROL',\r\n      payload: { cameraControl: cameraOption }\r\n    })\r\n\r\n    switch (cameraOption) {\r\n      case CameraControl.EARTH_CONTROL:\r\n        viewer.setControls(viewer.earthControls)\r\n        break\r\n      case CameraControl.FIRST_PERSON:\r\n        viewer.setControls(viewer.fpControls)\r\n        viewer.setMoveSpeed?.(moveSpeed)\r\n        break\r\n      case CameraControl.ORBIT_CONTROL:\r\n      default:\r\n        viewer.setControls(viewer.orbitControls)\r\n        break\r\n    }\r\n  }\r\n\r\n  const setCameraMode = (cameraMode: CameraMode) => {\r\n    if (!viewer) return\r\n    \r\n    pointCloudDispatch({\r\n      type: 'SET_CAMERA_PROJECTION',\r\n      payload: { cameraProjection: cameraMode }\r\n    })\r\n    \r\n    viewer.setCameraMode(cameraMode)\r\n  }\r\n\r\n  const handleSpeedChange = (value: number[]) => {\r\n    pointCloudDispatch({\r\n      type: 'SET_MOVE_SPEED',\r\n      payload: { moveSpeed: value[0] }\r\n    })\r\n  }\r\n\r\n  const handleLockElevationChange = (checked: boolean) => {\r\n    pointCloudDispatch({\r\n      type: 'SET_LOCK_ELEVATION',\r\n      payload: { lockElevation: checked }\r\n    })\r\n  }\r\n\r\n  return (\r\n    <CollapsibleSection title={t('title')} chevronPosition=\"right\" icon={LR.Camera} defaultOpen={false}>\r\n      <div className=\"space-y-6\">\r\n        {/* Camera Projection Selection */}\r\n        <div className=\"space-y-2\">\r\n          <Label className=\"text-sm font-medium\">{t('cameraProjection')}</Label>\r\n          <div className=\"flex gap-2\">\r\n            <CustomButton\r\n              active={cameraProjection === CameraMode.PERSPECTIVE}\r\n              onClick={() => setCameraMode(CameraMode.PERSPECTIVE)}\r\n              disabled={!viewer}\r\n              icon={<LR.Orbit size={14} />}\r\n              label={t('perspective')}\r\n            />\r\n            <CustomButton\r\n              active={cameraProjection === CameraMode.ORTHOGRAPHIC}\r\n              onClick={() => setCameraMode(CameraMode.ORTHOGRAPHIC)}\r\n              disabled={!viewer}\r\n              icon={<LR.Orbit size={14} />}\r\n              label={t('orthographic')}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Camera Control Selection */}\r\n        <div className=\"space-y-2\">\r\n          <Label className=\"text-sm font-medium\">{t('cameraControl')}</Label>\r\n          <div className=\"flex gap-2\">\r\n            <CustomButton\r\n              active={cameraControl === CameraControl.EARTH_CONTROL}\r\n              onClick={() => setCameraOption(CameraControl.EARTH_CONTROL)}\r\n              disabled={!viewer}\r\n              icon={<LR.Globe2 size={14} />}\r\n              label={t('earth')}\r\n            />\r\n            <CustomButton\r\n              active={cameraControl === CameraControl.ORBIT_CONTROL}\r\n              onClick={() => setCameraOption(CameraControl.ORBIT_CONTROL)}\r\n              disabled={!viewer}\r\n              icon={<LR.Orbit size={14} />}\r\n              label={t('orbit')}\r\n            />\r\n            <CustomButton\r\n              active={cameraControl === CameraControl.FIRST_PERSON}\r\n              onClick={() => setCameraOption(CameraControl.FIRST_PERSON)}\r\n              disabled={!viewer}\r\n              icon={<LR.PersonStanding size={14} />}\r\n              label={t('firstPerson')}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        {/* First Person Settings */}\r\n        <div className=\"space-y-4\">\r\n          <Label className=\"text-sm font-medium\">{t('firstPersonSettings')}</Label>\r\n\r\n          {/* Move Speed */}\r\n          <div className=\"space-y-2\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <LR.Rabbit className=\"h-4 w-4\" />\r\n                <span className=\"text-sm font-medium\">{t('moveSpeed')}</span>\r\n              </div>\r\n              <span className=\"text-xs tabular-nums opacity-70\">{moveSpeed}</span>\r\n            </div>\r\n            <Slider \r\n              value={[moveSpeed]} \r\n              onValueChange={handleSpeedChange} \r\n              max={10} \r\n              min={1} \r\n              disabled={!viewer} \r\n            />\r\n            <div className=\"flex justify-between text-[11px] opacity-60\">\r\n              <span>{t('slow')}</span>\r\n              <span>{t('fast')}</span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Lock Elevation */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <LR.Lock className=\"h-4 w-4 text-gray-600\" />\r\n              <Label htmlFor=\"lock-elev\" className=\"text-sm font-medium cursor-pointer\">\r\n                {t('lockElevation')}\r\n              </Label>\r\n            </div>\r\n            <Switch\r\n              id=\"lock-elev\"\r\n              checked={lockElevation}\r\n              onCheckedChange={handleLockElevationChange}\r\n              disabled={!viewer}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </CollapsibleSection>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function GridManagement(): React.JSX.Element;
+//# sourceMappingURL=GridManagement.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridManagement.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,cAAc,sBAsF7B"}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { SliderWithInput } from "../../../../../../../ui/Slider";
+import { ColorInput } from "../../../../../../../ui/Input";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import * as LR from "lucide-react";
+function GridManagement() {
+  const t = useTranslations("GridManagement");
+  const [gridVisible, setGridVisible] = React.useState(true);
+  const [gridColor, setGridColor] = React.useState(() => "#bbbbbb");
+  const [primarySize, setPrimarySize] = React.useState(() => [1]);
+  const [secondarySize, setSecondarySize] = React.useState(() => [10]);
+  const [elevation, setElevation] = React.useState(() => [0]);
+  const [rotationY, setRotationZ] = React.useState(() => [0]);
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title: t("gridTitle"),
+      chevronPosition: "right",
+      icon: LR.Grid3X3,
+      switchVariant: {
+        checked: true,
+        onCheckedChange: setGridVisible,
+        disabled: false
+      },
+      defaultOpen: false,
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { className: `text-sm font-medium ${gridVisible ? "" : "text-gray-400"}`, children: "Grid Color" }),
+          /* @__PURE__ */ jsx("div", { className: `p-2 border rounded-md ${gridVisible ? "bg-white" : "bg-gray-100"}`, children: /* @__PURE__ */ jsx(
+            ColorInput,
+            {
+              value: gridColor,
+              onChange: (e) => setGridColor(e.target.value),
+              disabled: !gridVisible,
+              defaultColor: "#bbbbbb"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          SliderWithInput,
+          {
+            label: t("primaryLabel"),
+            value: primarySize,
+            onValueChange: setPrimarySize,
+            min: 0,
+            max: 10,
+            step: 0.1,
+            disabled: !gridVisible
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SliderWithInput,
+          {
+            label: t("secondaryLabel"),
+            value: secondarySize,
+            onValueChange: setSecondarySize,
+            min: 0,
+            max: 20,
+            step: 0.1,
+            disabled: !gridVisible
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SliderWithInput,
+          {
+            label: t("elevationLabel"),
+            value: elevation,
+            onValueChange: setElevation,
+            min: -50,
+            max: 50,
+            step: 0.5,
+            unit: "m",
+            disabled: !gridVisible
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SliderWithInput,
+          {
+            label: t("rotationLabel"),
+            value: rotationY,
+            onValueChange: setRotationZ,
+            min: -360,
+            max: 360,
+            step: 1,
+            unit: "\xB0",
+            disabled: !gridVisible
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  GridManagement
+};
+//# sourceMappingURL=GridManagement.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/GridManagement.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { SliderWithInput } from '../../../../../../../ui/Slider'\r\nimport { ColorInput } from '../../../../../../../ui/Input'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport * as LR from 'lucide-react'\r\nimport * as THREE from 'three'\r\n\r\nexport function GridManagement() {\r\n  // Translation\r\n  const t = useTranslations('GridManagement')\r\n\r\n  // Use lazy initialization to get values from grid\r\n  const [gridVisible, setGridVisible] = React.useState<boolean>(true)\r\n  const [gridColor, setGridColor] = React.useState<string>(() => '#bbbbbb')\r\n  const [primarySize, setPrimarySize] = React.useState<number[]>(() => [1])\r\n  const [secondarySize, setSecondarySize] = React.useState<number[]>(() => [10])\r\n  const [elevation, setElevation] = React.useState<number[]>(() => [0])\r\n  const [rotationY, setRotationZ] = React.useState<number[]>(() => [0])\r\n\r\n  return (\r\n    <CollapsibleSection\r\n      title={t('gridTitle')}\r\n      chevronPosition=\"right\"\r\n      icon={LR.Grid3X3}\r\n      switchVariant={{\r\n        checked: true,\r\n        onCheckedChange: setGridVisible,\r\n        disabled: false,\r\n      }}\r\n      defaultOpen={false}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        {/* Grid Color */}\r\n        <div className=\"space-y-2\">\r\n          <label className={`text-sm font-medium ${gridVisible ? '' : 'text-gray-400'}`}>Grid Color</label>\r\n          <div className={`p-2 border rounded-md ${gridVisible ? 'bg-white' : 'bg-gray-100'}`}>\r\n            <ColorInput\r\n              value={gridColor}\r\n              onChange={e => setGridColor(e.target.value)}\r\n              disabled={!gridVisible}\r\n              defaultColor=\"#bbbbbb\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Grid Primary Size */}\r\n        <SliderWithInput\r\n          label={t('primaryLabel')}\r\n          value={primarySize}\r\n          onValueChange={setPrimarySize}\r\n          min={0}\r\n          max={10}\r\n          step={0.1}\r\n          disabled={!gridVisible}\r\n        />\r\n\r\n        {/* Grid Secondary Size */}\r\n        <SliderWithInput\r\n          label={t('secondaryLabel')}\r\n          value={secondarySize}\r\n          onValueChange={setSecondarySize}\r\n          min={0}\r\n          max={20}\r\n          step={0.1}\r\n          disabled={!gridVisible}\r\n        />\r\n\r\n        {/* Grid Elevation */}\r\n        <SliderWithInput\r\n          label={t('elevationLabel')}\r\n          value={elevation}\r\n          onValueChange={setElevation}\r\n          min={-50}\r\n          max={50}\r\n          step={0.5}\r\n          unit=\"m\"\r\n          disabled={!gridVisible}\r\n        />\r\n\r\n        {/* Grid Rotation */}\r\n        <SliderWithInput\r\n          label={t('rotationLabel')}\r\n          value={rotationY}\r\n          onValueChange={setRotationZ}\r\n          min={-360}\r\n          max={360}\r\n          step={1}\r\n          unit=\"°\"\r\n          disabled={!gridVisible}\r\n        />\r\n      </div>\r\n    </CollapsibleSection>\r\n  )\r\n}\r\n"],"mappings":";AAoCQ,SACE,KADF;AAlCR,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,YAAY,QAAQ;AAGb,SAAS,iBAAiB;AAE/B,QAAM,IAAI,gBAAgB,gBAAgB;AAG1C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAkB,IAAI;AAClE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAiB,MAAM,SAAS;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAmB,MAAM,CAAC,CAAC,CAAC;AACxE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAmB,MAAM,CAAC,EAAE,CAAC;AAC7E,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAmB,MAAM,CAAC,CAAC,CAAC;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAmB,MAAM,CAAC,CAAC,CAAC;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,WAAW;AAAA,MACpB,iBAAgB;AAAA,MAChB,MAAM,GAAG;AAAA,MACT,eAAe;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,UAAU;AAAA,MACZ;AAAA,MACA,aAAa;AAAA,MAEb,+BAAC,SAAI,WAAU,aAEb;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,WAAM,WAAW,uBAAuB,cAAc,KAAK,eAAe,IAAI,wBAAU;AAAA,UACzF,oBAAC,SAAI,WAAW,yBAAyB,cAAc,aAAa,aAAa,IAC/E;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,OAAK,aAAa,EAAE,OAAO,KAAK;AAAA,cAC1C,UAAU,CAAC;AAAA,cACX,cAAa;AAAA;AAAA,UACf,GACF;AAAA,WACF;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,cAAc;AAAA,YACvB,OAAO;AAAA,YACP,eAAe;AAAA,YACf,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,gBAAgB;AAAA,YACzB,OAAO;AAAA,YACP,eAAe;AAAA,YACf,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,gBAAgB;AAAA,YACzB,OAAO;AAAA,YACP,eAAe;AAAA,YACf,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,eAAe;AAAA,YACxB,OAAO;AAAA,YACP,eAAe;AAAA,YACf,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/PerformanceSettings.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare enum SplatQuality {
+    HIGH = 0,
+    STANDARD = 1
+}
+export declare function PerformanceSettings(): React.JSX.Element;
+//# sourceMappingURL=PerformanceSettings.d.ts.map

package/dist/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/PerformanceSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/PerformanceSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,oBAAY,YAAY;IACtB,IAAI,IAAA;IACJ,QAAQ,IAAA;CACT;AAoCD,wBAAgB,mBAAmB,sBAuOlC"}