@collabdt/core 0.0.40

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

@@ -0,0 +1,260 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { PointCloudContext } from "../../../../../../../../store";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import { SliderWithInput, Slider } from "../../../../../../../ui/Slider";
+import { Label } from "../../../../../../../ui/Label";
+import { Switch } from "../../../../../../../ui/Switch";
+import { Pin, TrendingDown, Zap, Box } from "lucide-react";
+import * as LR from "lucide-react";
+import { PointSizeType } from "../../../../../define";
+var SplatQuality = /* @__PURE__ */ ((SplatQuality2) => {
+  SplatQuality2[SplatQuality2["HIGH"] = 0] = "HIGH";
+  SplatQuality2[SplatQuality2["STANDARD"] = 1] = "STANDARD";
+  return SplatQuality2;
+})(SplatQuality || {});
+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 PerformanceSettings() {
+  const t = useTranslations("PerformanceSettings");
+  const { state: pointCloudState } = React.useContext(PointCloudContext);
+  const { viewer } = pointCloudState.pointcloud;
+  const [pointBudget, setPointBudget] = React.useState([0.5]);
+  const [quality, setQuality] = React.useState(1 /* STANDARD */);
+  const [minNodeSize, setMinNodeSize] = React.useState([0]);
+  const [maxNodeSize, setMaxNodeSize] = React.useState([50]);
+  const [pointSizeType, setPointSizeType] = React.useState(PointSizeType.ADAPTIVE);
+  const [showOctreeBox, setShowOctreeBox] = React.useState(false);
+  React.useEffect(() => {
+    if (!viewer) return;
+    viewer.setPointBudget(pointBudget[0] * 1e6);
+  }, [viewer, pointBudget]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    try {
+      viewer.useHQ = quality === 0 /* HIGH */;
+    } catch (err) {
+      console.error("Failed to set quality:", err);
+    }
+  }, [viewer, quality]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    let pointcloud = viewer.scene.pointclouds[0];
+    let material = pointcloud.material;
+    material.minSize = minNodeSize[0];
+  }, [viewer, minNodeSize]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    let pointcloud = viewer.scene.pointclouds[0];
+    let material = pointcloud.material;
+    material.maxSize = maxNodeSize[0];
+  }, [viewer, maxNodeSize]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    let pointcloud = viewer.scene.pointclouds[0];
+    let material = pointcloud.material;
+    material.pointSizeType = pointSizeType;
+  }, [viewer, pointSizeType]);
+  React.useEffect(() => {
+    if (!viewer) return;
+    try {
+      viewer.setShowBoundingBox(showOctreeBox);
+    } catch (err) {
+      console.error("Failed to toggle octree box:", err);
+    }
+  }, [viewer, showOctreeBox]);
+  const handleMinNodeSizeChange = (value) => {
+    if (value[0] <= maxNodeSize[0]) {
+      setMinNodeSize(value);
+    }
+  };
+  const handleMaxNodeSizeChange = (value) => {
+    if (value[0] >= minNodeSize[0]) {
+      setMaxNodeSize(value);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title: t("title"),
+      chevronPosition: "right",
+      defaultOpen: false,
+      icon: LR.Gauge,
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("pointBudget") }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+              (pointBudget[0] * 1e6).toLocaleString(),
+              " ",
+              t("points")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SliderWithInput,
+            {
+              label: t("budget"),
+              value: pointBudget,
+              onValueChange: setPointBudget,
+              min: 0.5,
+              max: 50,
+              step: 0.5,
+              unit: "M",
+              disabled: !viewer,
+              className: "mt-2"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("splatQuality") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setQuality(1 /* STANDARD */),
+                disabled: !viewer,
+                className: `flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${quality === 1 /* STANDARD */ ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-input"} ${!viewer ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1", children: [
+                  /* @__PURE__ */ jsx(LR.Zap, { className: "h-3 w-3" }),
+                  t("standard")
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setQuality(0 /* HIGH */),
+                disabled: !viewer,
+                className: `flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${quality === 0 /* HIGH */ ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-input"} ${!viewer ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1", children: [
+                  /* @__PURE__ */ jsx(LR.Sparkles, { className: "h-3 w-3" }),
+                  t("high")
+                ] })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("nodeSize") }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: t("pointSizeType") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(
+                CustomButton,
+                {
+                  active: pointSizeType === PointSizeType.FIXED,
+                  onClick: () => setPointSizeType(PointSizeType.FIXED),
+                  disabled: !viewer,
+                  icon: /* @__PURE__ */ jsx(Pin, { size: 14 }),
+                  label: t("fixed")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CustomButton,
+                {
+                  active: pointSizeType === PointSizeType.ATTENUATED,
+                  onClick: () => setPointSizeType(PointSizeType.ATTENUATED),
+                  disabled: !viewer,
+                  icon: /* @__PURE__ */ jsx(TrendingDown, { size: 14 }),
+                  label: t("attenuated")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CustomButton,
+                {
+                  active: pointSizeType === PointSizeType.ADAPTIVE,
+                  onClick: () => setPointSizeType(PointSizeType.ADAPTIVE),
+                  disabled: !viewer,
+                  icon: /* @__PURE__ */ jsx(Zap, { size: 14 }),
+                  label: t("adaptive")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: t("minimum") }),
+              /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                minNodeSize[0],
+                "px"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: minNodeSize,
+                onValueChange: handleMinNodeSizeChange,
+                min: 1,
+                max: 25,
+                step: 0.1,
+                disabled: !viewer,
+                className: "w-full"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600", children: t("maximum") }),
+              /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                maxNodeSize[0],
+                "px"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: maxNodeSize,
+                onValueChange: handleMaxNodeSizeChange,
+                min: 1,
+                max: 25,
+                step: 0.1,
+                disabled: !viewer,
+                className: "w-full"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Box, { className: "h-4 w-4 text-gray-600" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "octree-box", className: "text-sm font-medium cursor-pointer", children: t("showOctreeBox") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id: "octree-box",
+              checked: showOctreeBox,
+              onCheckedChange: (checked) => setShowOctreeBox(checked),
+              disabled: !viewer
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  PerformanceSettings,
+  SplatQuality
+};
+//# sourceMappingURL=PerformanceSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudSidebar/src/SettingsTab/src/PerformanceSettings.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 { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport { SliderWithInput, Slider } from '../../../../../../../ui/Slider'\r\nimport { Label } from '../../../../../../../ui/Label'\r\nimport { Switch } from '../../../../../../../ui/Switch'\r\nimport { Pin, TrendingDown, Zap, Box, Sparkles } from 'lucide-react'\r\nimport * as LR from 'lucide-react'\r\nimport { PointSizeType } from '../../../../../define'\r\n\r\n\r\n// Enums\r\nexport enum SplatQuality {\r\n  HIGH,\r\n  STANDARD\r\n}\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 PerformanceSettings() {\r\n  const t = useTranslations('PerformanceSettings')\r\n  // Point Cloud context\r\n  const { state: pointCloudState } = React.useContext(PointCloudContext)\r\n  const { viewer } = pointCloudState.pointcloud\r\n\r\n  // Point budget state (default: 0.5 million points = 500k)\r\n  const [pointBudget, setPointBudget] = React.useState([0.5])\r\n\r\n  // Quality state (Standard or High)\r\n  const [quality, setQuality] = React.useState<SplatQuality>(SplatQuality.STANDARD)\r\n\r\n  // Min/Max node size\r\n  const [minNodeSize, setMinNodeSize] = React.useState([0])\r\n  const [maxNodeSize, setMaxNodeSize] = React.useState([50])\r\n  const [pointSizeType, setPointSizeType] = React.useState<PointSizeType>(PointSizeType.ADAPTIVE)\r\n\r\n  // Octree box visibility\r\n  const [showOctreeBox, setShowOctreeBox] = React.useState(false)\r\n\r\n  // Point Budget Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    viewer.setPointBudget(pointBudget[0] * 1_000_000)\r\n  }, [viewer, pointBudget])\r\n\r\n  // Splat Quality Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    try {\r\n      viewer.useHQ = quality === SplatQuality.HIGH\r\n    } catch (err) {\r\n      console.error('Failed to set quality:', err)\r\n    }\r\n  }, [viewer, quality])\r\n\r\n  // Min Node Size Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    let pointcloud = viewer.scene.pointclouds[0]\r\n    let material = pointcloud.material\r\n    material.minSize = minNodeSize[0]\r\n  }, [viewer, minNodeSize])\r\n\r\n  // Max Node Size Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    let pointcloud = viewer.scene.pointclouds[0]\r\n    let material = pointcloud.material\r\n    material.maxSize = maxNodeSize[0]\r\n  }, [viewer, maxNodeSize])\r\n\r\n  // Point Size Type Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    let pointcloud = viewer.scene.pointclouds[0]\r\n    let material = pointcloud.material\r\n    material.pointSizeType = pointSizeType\r\n  }, [viewer, pointSizeType])\r\n\r\n  // Octree Box Effect\r\n  React.useEffect(() => {\r\n    if (!viewer) return\r\n    try {\r\n      viewer.setShowBoundingBox(showOctreeBox)\r\n    } catch (err) {\r\n      console.error('Failed to toggle octree box:', err)\r\n    }\r\n  }, [viewer, showOctreeBox])\r\n\r\n  const handleMinNodeSizeChange = (value: number[]) => {\r\n    if (value[0] <= maxNodeSize[0]) {\r\n      setMinNodeSize(value)\r\n    }\r\n  }\r\n\r\n  const handleMaxNodeSizeChange = (value: number[]) => {\r\n    if (value[0] >= minNodeSize[0]) {\r\n      setMaxNodeSize(value)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <CollapsibleSection\r\n      title={t('title')}\r\n      chevronPosition=\"right\"\r\n      defaultOpen={false}\r\n      icon={LR.Gauge}\r\n    >\r\n      <div className=\"space-y-6\">\r\n        {/* Point Budget */}\r\n        <div className=\"space-y-2\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <Label className=\"text-sm font-medium\">{t('pointBudget')}</Label>\r\n            <span className=\"text-xs text-gray-500\">\r\n              {(pointBudget[0] * 1_000_000).toLocaleString()} {t('points')}\r\n            </span>\r\n          </div>\r\n          <SliderWithInput\r\n            label={t('budget')}\r\n            value={pointBudget}\r\n            onValueChange={setPointBudget}\r\n            min={0.5}\r\n            max={50}\r\n            step={0.5}\r\n            unit=\"M\"\r\n            disabled={!viewer}\r\n            className=\"mt-2\"\r\n          />\r\n        </div>\r\n\r\n        {/* Splat Quality */}\r\n        <div className=\"space-y-2\">\r\n          <Label className=\"text-sm font-medium\">{t('splatQuality')}</Label>\r\n          <div className=\"flex gap-2\">\r\n            <button\r\n              onClick={() => setQuality(SplatQuality.STANDARD)}\r\n              disabled={!viewer}\r\n              className={`flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${\r\n                quality === SplatQuality.STANDARD\r\n                  ? 'bg-primary text-primary-foreground border-primary'\r\n                  : 'bg-background hover:bg-accent border-input'\r\n              } ${!viewer ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}\r\n            >\r\n              <div className=\"flex items-center justify-center gap-1\">\r\n                <LR.Zap className=\"h-3 w-3\" />\r\n                {t('standard')}\r\n              </div>\r\n            </button>\r\n            <button\r\n              onClick={() => setQuality(SplatQuality.HIGH)}\r\n              disabled={!viewer}\r\n              className={`flex-1 px-3 py-2 text-xs rounded-md border transition-colors ${\r\n                quality === SplatQuality.HIGH\r\n                  ? 'bg-primary text-primary-foreground border-primary'\r\n                  : 'bg-background hover:bg-accent border-input'\r\n              } ${!viewer ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}\r\n            >\r\n              <div className=\"flex items-center justify-center gap-1\">\r\n                <LR.Sparkles className=\"h-3 w-3\" />\r\n                {t('high')}\r\n              </div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Node Size */}\r\n        <div className=\"space-y-3\">\r\n          <Label className=\"text-sm font-medium\">{t('nodeSize')}</Label>\r\n\r\n          {/* Point Size Type Selection */}\r\n          <div className=\"space-y-2\">\r\n            <span className=\"text-xs text-gray-600\">{t('pointSizeType')}</span>\r\n            <div className=\"flex gap-2\">\r\n              <CustomButton\r\n                active={pointSizeType === PointSizeType.FIXED}\r\n                onClick={() => setPointSizeType(PointSizeType.FIXED)}\r\n                disabled={!viewer}\r\n                icon={<Pin size={14} />}\r\n                label={t('fixed')}\r\n              />\r\n              <CustomButton\r\n                active={pointSizeType === PointSizeType.ATTENUATED}\r\n                onClick={() => setPointSizeType(PointSizeType.ATTENUATED)}\r\n                disabled={!viewer}\r\n                icon={<TrendingDown size={14} />}\r\n                label={t('attenuated')}\r\n              />\r\n              <CustomButton\r\n                active={pointSizeType === PointSizeType.ADAPTIVE}\r\n                onClick={() => setPointSizeType(PointSizeType.ADAPTIVE)}\r\n                disabled={!viewer}\r\n                icon={<Zap size={14} />}\r\n                label={t('adaptive')}\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          {/* Min Node Size */}\r\n          <div className=\"space-y-2\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <span className=\"text-xs text-gray-600\">{t('minimum')}</span>\r\n              <span className=\"text-xs text-gray-500\">{minNodeSize[0]}px</span>\r\n            </div>\r\n            <Slider\r\n              value={minNodeSize}\r\n              onValueChange={handleMinNodeSizeChange}\r\n              min={1}\r\n              max={25}\r\n              step={0.1}\r\n              disabled={!viewer}\r\n              className=\"w-full\"\r\n            />\r\n          </div>\r\n\r\n          {/* Max Node Size */}\r\n          <div className=\"space-y-2\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <span className=\"text-xs text-gray-600\">{t('maximum')}</span>\r\n              <span className=\"text-xs text-gray-500\">{maxNodeSize[0]}px</span>\r\n            </div>\r\n            <Slider\r\n              value={maxNodeSize}\r\n              onValueChange={handleMaxNodeSizeChange}\r\n              min={1}\r\n              max={25}\r\n              step={0.1}\r\n              disabled={!viewer}\r\n              className=\"w-full\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Show Octree Box */}\r\n        <div className=\"flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <Box className=\"h-4 w-4 text-gray-600\" />\r\n            <Label htmlFor=\"octree-box\" className=\"text-sm font-medium cursor-pointer\">\r\n              {t('showOctreeBox')}\r\n            </Label>\r\n          </div>\r\n          <Switch\r\n            id=\"octree-box\"\r\n            checked={showOctreeBox}\r\n            onCheckedChange={(checked) => setShowOctreeBox(checked)}\r\n            disabled={!viewer}\r\n          />\r\n        </div>\r\n      </div>\r\n    </CollapsibleSection>\r\n  )\r\n}\r\n"],"mappings":"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","names":["SplatQuality"]}

package/dist/core/components/viewers/pointcloud/src/ViewportGizmo.d.ts

@@ -0,0 +1,27 @@
+export declare class ViewportGizmo {
+    private _enabled;
+    private _animationId;
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    private _labels;
+    setLabels(labels: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        front: string;
+        back: string;
+    }): void;
+    private viewer;
+    private gizmo;
+    constructor(viewer: any);
+    add(): void;
+    private startAnimationLoop;
+    private stopAnimationLoop;
+    remove(): void;
+    dispose(): void;
+    render(): void;
+    update(): void;
+    private getGizmoConfig;
+}
+//# sourceMappingURL=ViewportGizmo.d.ts.map

package/dist/core/components/viewers/pointcloud/src/ViewportGizmo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportGizmo.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/pointcloud/src/ViewportGizmo.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,YAAY,CAAsB;IAE1C,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAOzB;IAED,OAAO,CAAC,OAAO,CAOd;IAED,SAAS,CAAC,MAAM,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb;IASD,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,KAAK,CAAkC;gBAEnC,MAAM,EAAE,GAAG;IAIvB,GAAG;IA8DH,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,iBAAiB;IAOzB,MAAM;IAqCN,OAAO;IAKP,MAAM;IAMN,MAAM;IAMN,OAAO,CAAC,cAAc;CAavB"}

package/dist/core/components/viewers/pointcloud/src/ViewportGizmo.js

@@ -0,0 +1,165 @@
+import { ViewportGizmo as ThreeViewportGizmo } from "three-viewport-gizmo";
+class ViewportGizmo {
+  constructor(viewer) {
+    this._enabled = false;
+    this._animationId = null;
+    this._labels = {
+      top: "TOP",
+      right: "RIGHT",
+      bottom: "BOTTOM",
+      left: "LEFT",
+      front: "FRONT",
+      back: "BACK"
+    };
+    this.viewer = null;
+    this.gizmo = null;
+    this.viewer = viewer;
+  }
+  get enabled() {
+    return this._enabled;
+  }
+  set enabled(value) {
+    var _a;
+    this._enabled = value;
+    const gizmoDom = (_a = this.gizmo) == null ? void 0 : _a.domElement;
+    if (gizmoDom) {
+      gizmoDom.style.pointerEvents = this._enabled ? "auto" : "none";
+    }
+  }
+  setLabels(labels) {
+    this._labels = labels;
+    if (this.gizmo) {
+      this.remove();
+      this.add();
+    }
+  }
+  add() {
+    if (this.viewer && this.viewer.renderer && this.viewer.scene.getActiveCamera()) {
+      const gizmoConfig = this.getGizmoConfig();
+      const camera = this.viewer.scene.getActiveCamera();
+      this.gizmo = new ThreeViewportGizmo(
+        camera,
+        this.viewer.renderer,
+        gizmoConfig
+      );
+      if (this.gizmo) {
+        const startHandler = () => {
+          var _a;
+          if ((_a = this.viewer) == null ? void 0 : _a.controls) {
+            this.viewer.controls.enabled = false;
+          }
+        };
+        const endHandler = () => {
+          var _a;
+          if ((_a = this.viewer) == null ? void 0 : _a.controls) {
+            this.viewer.controls.enabled = true;
+          }
+        };
+        const changeHandler = () => {
+          var _a, _b, _c;
+          if (((_a = this.viewer) == null ? void 0 : _a.controls) && camera) {
+            const position = camera.position.toArray();
+            (_c = (_b = this.viewer.controls).setPosition) == null ? void 0 : _c.call(_b, ...position);
+          }
+        };
+        this.gizmo._startHandler = startHandler;
+        this.gizmo._endHandler = endHandler;
+        this.gizmo._changeHandler = changeHandler;
+        this.gizmo.addEventListener("start", startHandler);
+        this.gizmo.addEventListener("end", endHandler);
+        this.gizmo.addEventListener("change", changeHandler);
+        if (this.viewer.scene.view.position) {
+          this.gizmo.target.copy(this.viewer.scene.view.position);
+        }
+        const gizmoDom = this.gizmo.domElement;
+        if (gizmoDom) {
+          gizmoDom.style.pointerEvents = "none";
+        }
+        this.startAnimationLoop();
+      } else {
+        console.error("[ViewportGizmo] Gizmo creation failed");
+      }
+    } else {
+      console.error("[ViewportGizmo] Cannot add gizmo - missing viewer, renderer, or camera");
+    }
+  }
+  startAnimationLoop() {
+    const animate = () => {
+      var _a, _b;
+      if (this.gizmo && this._enabled && this.viewer) {
+        const target = (_b = (_a = this.viewer.scene) == null ? void 0 : _a.view) == null ? void 0 : _b.position;
+        if (target) {
+          this.gizmo.target.copy(target);
+        }
+        this.gizmo.update();
+        this.gizmo.render();
+      }
+      this._animationId = requestAnimationFrame(animate);
+    };
+    animate();
+  }
+  stopAnimationLoop() {
+    if (this._animationId !== null) {
+      cancelAnimationFrame(this._animationId);
+      this._animationId = null;
+    }
+  }
+  remove() {
+    this.stopAnimationLoop();
+    if (this.gizmo) {
+      const gizmoStartHandler = this.gizmo._startHandler;
+      const gizmoEndHandler = this.gizmo._endHandler;
+      const gizmoChangeHandler = this.gizmo._changeHandler;
+      if (gizmoStartHandler) {
+        ;
+        this.gizmo.removeEventListener("start", gizmoStartHandler);
+      }
+      if (gizmoEndHandler) {
+        ;
+        this.gizmo.removeEventListener("end", gizmoEndHandler);
+      }
+      if (gizmoChangeHandler) {
+        ;
+        this.gizmo.removeEventListener("change", gizmoChangeHandler);
+      }
+      const gizmoElement = this.gizmo.domElement;
+      if (gizmoElement && gizmoElement.parentNode) {
+        gizmoElement.remove();
+      }
+      if (this.gizmo.dispose) {
+        this.gizmo.dispose();
+      }
+      this.gizmo = null;
+    }
+  }
+  dispose() {
+    this.remove();
+  }
+  render() {
+    if (this.gizmo && this.enabled) {
+      this.gizmo.render();
+    }
+  }
+  update() {
+    if (this.gizmo && this.enabled) {
+      this.gizmo.update();
+    }
+  }
+  getGizmoConfig() {
+    return {
+      size: 75,
+      placement: "top-right",
+      type: "cube",
+      top: { label: this._labels.top },
+      right: { label: this._labels.right },
+      bottom: { label: this._labels.bottom },
+      left: { label: this._labels.left },
+      front: { label: this._labels.front },
+      back: { label: this._labels.back }
+    };
+  }
+}
+export {
+  ViewportGizmo
+};
+//# sourceMappingURL=ViewportGizmo.js.map

package/dist/core/components/viewers/pointcloud/src/ViewportGizmo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/pointcloud/src/ViewportGizmo.ts"],"sourcesContent":["import { ViewportGizmo as ThreeViewportGizmo } from 'three-viewport-gizmo'\r\nimport * as THREE from 'three'\r\n\r\n// ⚠️⚠️⚠️ The gizmo will now only serve as a visual orientation indicator and won't respond to clicks. \r\nexport class ViewportGizmo {\r\n  private _enabled = false\r\n  private _animationId: number | null = null\r\n\r\n  get enabled(): boolean {\r\n    return this._enabled\r\n  }\r\n\r\n  set enabled(value: boolean) {\r\n    this._enabled = value\r\n    // Update pointer events on the gizmo DOM element\r\n    const gizmoDom = (this.gizmo as any)?.domElement\r\n    if (gizmoDom) {\r\n      gizmoDom.style.pointerEvents = this._enabled ? 'auto' : 'none'\r\n    }\r\n  }\r\n\r\n  private _labels = {\r\n    top: 'TOP',\r\n    right: 'RIGHT',\r\n    bottom: 'BOTTOM',\r\n    left: 'LEFT',\r\n    front: 'FRONT',\r\n    back: 'BACK'\r\n  }\r\n\r\n  setLabels(labels: {\r\n    top: string\r\n    right: string\r\n    bottom: string\r\n    left: string\r\n    front: string\r\n    back: string\r\n  }) {\r\n    this._labels = labels\r\n    // If gizmo is already created, recreate it with new labels\r\n    if (this.gizmo) {\r\n      this.remove()\r\n      this.add()\r\n    }\r\n  }\r\n\r\n  private viewer: any | null = null\r\n  private gizmo: ThreeViewportGizmo | null = null\r\n\r\n  constructor(viewer: any) {\r\n    this.viewer = viewer\r\n  }\r\n\r\n  add() {\r\n    if (this.viewer && this.viewer.renderer && this.viewer.scene.getActiveCamera()) {\r\n      const gizmoConfig = this.getGizmoConfig()\r\n      const camera = this.viewer.scene.getActiveCamera()\r\n      this.gizmo = new ThreeViewportGizmo(\r\n        camera,\r\n        this.viewer.renderer,\r\n        gizmoConfig,\r\n      )\r\n\r\n      if (this.gizmo) {\r\n        // Store references to event handlers for proper cleanup\r\n        const startHandler = () => {\r\n          if (this.viewer?.controls) {\r\n            this.viewer.controls.enabled = false\r\n          }\r\n        }\r\n\r\n        const endHandler = () => {\r\n          if (this.viewer?.controls) {\r\n            this.viewer.controls.enabled = true\r\n          }\r\n        }\r\n\r\n        const changeHandler = () => {\r\n          if (this.viewer?.controls && camera) {\r\n            const position = camera.position.toArray() as [number, number, number]\r\n            this.viewer.controls.setPosition?.(...position)\r\n          }\r\n        }\r\n        // Store handlers on the gizmo for cleanup\r\n        ;(this.gizmo as any)._startHandler = startHandler\r\n        ;(this.gizmo as any)._endHandler = endHandler\r\n        ;(this.gizmo as any)._changeHandler = changeHandler\r\n\r\n        // Add event listeners\r\n        ;(this.gizmo as any).addEventListener('start', startHandler)\r\n        ;(this.gizmo as any).addEventListener('end', endHandler)\r\n        ;(this.gizmo as any).addEventListener('change', changeHandler)\r\n\r\n        // Set initial target\r\n        if (this.viewer.scene.view.position) {\r\n          this.gizmo.target.copy(this.viewer.scene.view.position)\r\n        }\r\n\r\n        // Set initial pointer events based on enabled state\r\n        const gizmoDom = (this.gizmo as any).domElement\r\n        if (gizmoDom) {\r\n          // Disable clicking - only show as visual indicator\r\n          gizmoDom.style.pointerEvents = 'none'\r\n          }\r\n\r\n        // Start animation loop\r\n        this.startAnimationLoop()\r\n      } else {\r\n        console.error('[ViewportGizmo] Gizmo creation failed');\r\n      }\r\n    } else {\r\n      console.error('[ViewportGizmo] Cannot add gizmo - missing viewer, renderer, or camera');\r\n    }\r\n  }\r\n\r\n  private startAnimationLoop() {\r\n    const animate = () => {\r\n      if (this.gizmo && this._enabled && this.viewer) {\r\n        // Update target from viewer\r\n        const target = this.viewer.scene?.view?.position\r\n        if (target) {\r\n          this.gizmo.target.copy(target)\r\n        }\r\n        \r\n        // Update and render the gizmo\r\n        this.gizmo.update()\r\n        this.gizmo.render()\r\n      }\r\n\r\n      this._animationId = requestAnimationFrame(animate)\r\n    }\r\n\r\n    animate()\r\n  }\r\n\r\n  private stopAnimationLoop() {\r\n    if (this._animationId !== null) {\r\n      cancelAnimationFrame(this._animationId)\r\n      this._animationId = null\r\n    }\r\n  }\r\n\r\n  remove() {\r\n    // Stop animation loop\r\n    this.stopAnimationLoop()\r\n\r\n    if (this.gizmo) {\r\n      // Store references to the actual event listener functions for proper cleanup\r\n      const gizmoStartHandler = (this.gizmo as any)._startHandler\r\n      const gizmoEndHandler = (this.gizmo as any)._endHandler\r\n      const gizmoChangeHandler = (this.gizmo as any)._changeHandler\r\n\r\n      // Remove all event listeners if they exist\r\n      if (gizmoStartHandler) {\r\n        ;(this.gizmo as any).removeEventListener('start', gizmoStartHandler)\r\n      }\r\n      if (gizmoEndHandler) {\r\n        ;(this.gizmo as any).removeEventListener('end', gizmoEndHandler)\r\n      }\r\n      if (gizmoChangeHandler) {\r\n        ;(this.gizmo as any).removeEventListener('change', gizmoChangeHandler)\r\n      }\r\n\r\n      // Remove the DOM element from the document\r\n      const gizmoElement = (this.gizmo as any).domElement\r\n      if (gizmoElement && gizmoElement.parentNode) {\r\n        gizmoElement.remove()\r\n      }\r\n\r\n      // Dispose of the gizmo\r\n      if (this.gizmo.dispose) {\r\n        this.gizmo.dispose()\r\n      }\r\n\r\n      // Remove all references\r\n      this.gizmo = null\r\n    }\r\n  }\r\n\r\n  dispose() {\r\n    // Use remove for cleanup\r\n    this.remove()\r\n  }\r\n\r\n  render() {\r\n    if (this.gizmo && this.enabled) {\r\n      this.gizmo.render()\r\n    }\r\n  }\r\n\r\n  update() {\r\n    if (this.gizmo && this.enabled) {\r\n      this.gizmo.update()\r\n    }\r\n  }\r\n\r\n  private getGizmoConfig() {\r\n    return {\r\n      size: 75,\r\n      placement: 'top-right' as const,\r\n      type: 'cube' as const,\r\n      top: { label: this._labels.top },\r\n      right: { label: this._labels.right },\r\n      bottom: { label: this._labels.bottom },\r\n      left: { label: this._labels.left },\r\n      front: { label: this._labels.front },\r\n      back: { label: this._labels.back },\r\n    }\r\n  }\r\n}\r\n"],"mappings":"AAAA,SAAS,iBAAiB,0BAA0B;AAI7C,MAAM,cAAc;AAAA,EA6CzB,YAAY,QAAa;AA5CzB,SAAQ,WAAW;AACnB,SAAQ,eAA8B;AAetC,SAAQ,UAAU;AAAA,MAChB,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAkBA,SAAQ,SAAqB;AAC7B,SAAQ,QAAmC;AAGzC,SAAK,SAAS;AAAA,EAChB;AAAA,EA3CA,IAAI,UAAmB;AACrB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,QAAQ,OAAgB;AAZ9B;AAaI,SAAK,WAAW;AAEhB,UAAM,YAAY,UAAK,UAAL,mBAAoB;AACtC,QAAI,UAAU;AACZ,eAAS,MAAM,gBAAgB,KAAK,WAAW,SAAS;AAAA,IAC1D;AAAA,EACF;AAAA,EAWA,UAAU,QAOP;AACD,SAAK,UAAU;AAEf,QAAI,KAAK,OAAO;AACd,WAAK,OAAO;AACZ,WAAK,IAAI;AAAA,IACX;AAAA,EACF;AAAA,EASA,MAAM;AACJ,QAAI,KAAK,UAAU,KAAK,OAAO,YAAY,KAAK,OAAO,MAAM,gBAAgB,GAAG;AAC9E,YAAM,cAAc,KAAK,eAAe;AACxC,YAAM,SAAS,KAAK,OAAO,MAAM,gBAAgB;AACjD,WAAK,QAAQ,IAAI;AAAA,QACf;AAAA,QACA,KAAK,OAAO;AAAA,QACZ;AAAA,MACF;AAEA,UAAI,KAAK,OAAO;AAEd,cAAM,eAAe,MAAM;AAjEnC;AAkEU,eAAI,UAAK,WAAL,mBAAa,UAAU;AACzB,iBAAK,OAAO,SAAS,UAAU;AAAA,UACjC;AAAA,QACF;AAEA,cAAM,aAAa,MAAM;AAvEjC;AAwEU,eAAI,UAAK,WAAL,mBAAa,UAAU;AACzB,iBAAK,OAAO,SAAS,UAAU;AAAA,UACjC;AAAA,QACF;AAEA,cAAM,gBAAgB,MAAM;AA7EpC;AA8EU,gBAAI,UAAK,WAAL,mBAAa,aAAY,QAAQ;AACnC,kBAAM,WAAW,OAAO,SAAS,QAAQ;AACzC,6BAAK,OAAO,UAAS,gBAArB,4BAAmC,GAAG;AAAA,UACxC;AAAA,QACF;AAEC,QAAC,KAAK,MAAc,gBAAgB;AACpC,QAAC,KAAK,MAAc,cAAc;AAClC,QAAC,KAAK,MAAc,iBAAiB;AAGrC,QAAC,KAAK,MAAc,iBAAiB,SAAS,YAAY;AAC1D,QAAC,KAAK,MAAc,iBAAiB,OAAO,UAAU;AACtD,QAAC,KAAK,MAAc,iBAAiB,UAAU,aAAa;AAG7D,YAAI,KAAK,OAAO,MAAM,KAAK,UAAU;AACnC,eAAK,MAAM,OAAO,KAAK,KAAK,OAAO,MAAM,KAAK,QAAQ;AAAA,QACxD;AAGA,cAAM,WAAY,KAAK,MAAc;AACrC,YAAI,UAAU;AAEZ,mBAAS,MAAM,gBAAgB;AAAA,QAC/B;AAGF,aAAK,mBAAmB;AAAA,MAC1B,OAAO;AACL,gBAAQ,MAAM,uCAAuC;AAAA,MACvD;AAAA,IACF,OAAO;AACL,cAAQ,MAAM,wEAAwE;AAAA,IACxF;AAAA,EACF;AAAA,EAEQ,qBAAqB;AAC3B,UAAM,UAAU,MAAM;AApH1B;AAqHM,UAAI,KAAK,SAAS,KAAK,YAAY,KAAK,QAAQ;AAE9C,cAAM,UAAS,gBAAK,OAAO,UAAZ,mBAAmB,SAAnB,mBAAyB;AACxC,YAAI,QAAQ;AACV,eAAK,MAAM,OAAO,KAAK,MAAM;AAAA,QAC/B;AAGA,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,OAAO;AAAA,MACpB;AAEA,WAAK,eAAe,sBAAsB,OAAO;AAAA,IACnD;AAEA,YAAQ;AAAA,EACV;AAAA,EAEQ,oBAAoB;AAC1B,QAAI,KAAK,iBAAiB,MAAM;AAC9B,2BAAqB,KAAK,YAAY;AACtC,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,SAAS;AAEP,SAAK,kBAAkB;AAEvB,QAAI,KAAK,OAAO;AAEd,YAAM,oBAAqB,KAAK,MAAc;AAC9C,YAAM,kBAAmB,KAAK,MAAc;AAC5C,YAAM,qBAAsB,KAAK,MAAc;AAG/C,UAAI,mBAAmB;AACrB;AAAC,QAAC,KAAK,MAAc,oBAAoB,SAAS,iBAAiB;AAAA,MACrE;AACA,UAAI,iBAAiB;AACnB;AAAC,QAAC,KAAK,MAAc,oBAAoB,OAAO,eAAe;AAAA,MACjE;AACA,UAAI,oBAAoB;AACtB;AAAC,QAAC,KAAK,MAAc,oBAAoB,UAAU,kBAAkB;AAAA,MACvE;AAGA,YAAM,eAAgB,KAAK,MAAc;AACzC,UAAI,gBAAgB,aAAa,YAAY;AAC3C,qBAAa,OAAO;AAAA,MACtB;AAGA,UAAI,KAAK,MAAM,SAAS;AACtB,aAAK,MAAM,QAAQ;AAAA,MACrB;AAGA,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAAA,EAEA,UAAU;AAER,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,SAAS,KAAK,SAAS;AAC9B,WAAK,MAAM,OAAO;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,SAAS,KAAK,SAAS;AAC9B,WAAK,MAAM,OAAO;AAAA,IACpB;AAAA,EACF;AAAA,EAEQ,iBAAiB;AACvB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,MAC/B,OAAO,EAAE,OAAO,KAAK,QAAQ,MAAM;AAAA,MACnC,QAAQ,EAAE,OAAO,KAAK,QAAQ,OAAO;AAAA,MACrC,MAAM,EAAE,OAAO,KAAK,QAAQ,KAAK;AAAA,MACjC,OAAO,EAAE,OAAO,KAAK,QAAQ,MAAM;AAAA,MACnC,MAAM,EAAE,OAAO,KAAK,QAAQ,KAAK;AAAA,IACnC;AAAA,EACF;AACF;","names":[]}

package/dist/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Tool } from "../../../../../../types/tools";
+interface GenericTool {
+    tool: Tool;
+}
+export declare const ClippingTool: React.FC<GenericTool>;
+export {};
+//# sourceMappingURL=ClippingTool.d.ts.map

package/dist/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClippingTool.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAWrD,UAAU,WAAW;IACnB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmE9C,CAAC"}

package/dist/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import * as LR from "lucide-react";
+import { ToolbarSubmenu } from "../../../../../ToolbarSubmenu";
+import { DropdownMenuItem } from "../../../../../../components/ui/DropdownMenu";
+import { PointCloudContext } from "../../../../../../store";
+import { ClipTask } from "../../../define";
+const ClippingTool = ({ tool }) => {
+  const t = useTranslations("ClippingTool");
+  const { state: pointCloudStates, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext);
+  const { viewer } = pointCloudStates.pointcloud;
+  const [isActive, setIsActive] = React.useState(false);
+  const [clipOption, setClipOption] = React.useState(ClipTask.NONE);
+  const Tick = () => /* @__PURE__ */ jsx(LR.Check, { className: "ml-auto h-4 w-4 opacity-80" });
+  const setClip = (task) => {
+    if (!viewer) return;
+    viewer.setClipTask(task);
+    setClipOption(task);
+  };
+  const addClipBox = () => {
+    if (!viewer) return;
+    const item = viewer.volumeTool.startInsertion({ clip: true });
+    viewer.setClipTask(ClipTask.HIGHLIGHT);
+  };
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(ToolbarSubmenu, { tool, children: [
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: addClipBox, children: [
+      /* @__PURE__ */ jsx(LR.Box, {}),
+      /* @__PURE__ */ jsx("span", { children: "Insert Clip Box" }),
+      isActive && /* @__PURE__ */ jsx(Tick, {})
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setClip(ClipTask.SHOW_INSIDE), children: [
+      /* @__PURE__ */ jsx(LR.SquareArrowDown, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Show Inside" }),
+      clipOption === ClipTask.SHOW_INSIDE && /* @__PURE__ */ jsx(Tick, {})
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setClip(ClipTask.SHOW_OUTSIDE), children: [
+      /* @__PURE__ */ jsx(LR.ExternalLink, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Show Outside" }),
+      clipOption === ClipTask.SHOW_OUTSIDE && /* @__PURE__ */ jsx(Tick, {})
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setClip(ClipTask.HIGHLIGHT), children: [
+      /* @__PURE__ */ jsx(LR.Highlighter, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Highlight" }),
+      clipOption === ClipTask.HIGHLIGHT && /* @__PURE__ */ jsx(Tick, {})
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setClip(ClipTask.NONE), children: [
+      /* @__PURE__ */ jsx(LR.X, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Not applied" }),
+      clipOption === ClipTask.NONE && /* @__PURE__ */ jsx(Tick, {})
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => viewer == null ? void 0 : viewer.scene.removeAllClipVolumes(), children: [
+      /* @__PURE__ */ jsx(LR.Trash2, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Remove all" })
+    ] })
+  ] }) });
+};
+export {
+  ClippingTool
+};
+//# sourceMappingURL=ClippingTool.js.map

package/dist/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/pointcloud/src/tools/ClippingTools/ClippingTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from \"react\";\r\nimport { useTranslations } from \"next-intl\";\r\n\r\n// Utilities\r\nimport { Tool } from \"../../../../../../types/tools\";\r\n\r\n// Icons\r\nimport * as LR from \"lucide-react\";\r\nimport { ToolbarSubmenu } from \"../../../../../ToolbarSubmenu\";\r\nimport { DropdownMenuItem } from \"../../../../../../components/ui/DropdownMenu\";\r\nimport { PointCloudContext } from \"../../../../../../store\";\r\n\r\n//typedefs\r\nimport { ClipTask } from '../../../define'\r\n\r\ninterface GenericTool {\r\n  tool: Tool;\r\n}\r\n\r\nexport const ClippingTool: React.FC<GenericTool> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations(\"ClippingTool\");\r\n\r\n  const { state: pointCloudStates, dispatch: pointCloudDispatch } =\r\n    React.useContext(PointCloudContext);\r\n  const {viewer} = pointCloudStates.pointcloud\r\n  const [isActive, setIsActive] = React.useState(false);\r\n  const [clipOption, setClipOption] = React.useState<ClipTask>(ClipTask.NONE);\r\n\r\n  const Tick = () => <LR.Check className=\"ml-auto h-4 w-4 opacity-80\" />;\r\n\r\n  const setClip = (task: ClipTask) => {\r\n    if (!viewer) return;\r\n    viewer.setClipTask(task);\r\n    setClipOption(task);\r\n  };\r\n\r\n  const addClipBox = () => {\r\n    if (!viewer) return;\r\n\r\n    const item = viewer.volumeTool.startInsertion({ clip: true });\r\n    viewer.setClipTask(ClipTask.HIGHLIGHT);\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <ToolbarSubmenu tool={tool}>\r\n        <DropdownMenuItem onClick={addClipBox}>\r\n          <LR.Box />\r\n          <span>Insert Clip Box</span>\r\n          {isActive && <Tick />}\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => setClip(ClipTask.SHOW_INSIDE)}>\r\n          <LR.SquareArrowDown className=\"mr-2 h-4 w-4\" />\r\n          <span>Show Inside</span>\r\n          {clipOption === ClipTask.SHOW_INSIDE && <Tick />}\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => setClip(ClipTask.SHOW_OUTSIDE)}>\r\n          <LR.ExternalLink className=\"mr-2 h-4 w-4\" />\r\n          <span>Show Outside</span>\r\n          {clipOption === ClipTask.SHOW_OUTSIDE && <Tick />}\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => setClip(ClipTask.HIGHLIGHT)}>\r\n          <LR.Highlighter className=\"mr-2 h-4 w-4\" />\r\n          <span>Highlight</span>\r\n          {clipOption === ClipTask.HIGHLIGHT && <Tick />}\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => setClip(ClipTask.NONE)}>\r\n          <LR.X className=\"mr-2 h-4 w-4\" />\r\n          <span>Not applied</span>\r\n          {clipOption === ClipTask.NONE && <Tick />}\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => viewer?.scene.removeAllClipVolumes()}>\r\n          <LR.Trash2 className=\"mr-2 h-4 w-4\" />\r\n          <span>Remove all</span>\r\n        </DropdownMenuItem>\r\n      </ToolbarSubmenu>\r\n\r\n      {/* <ClipBox active={isActive} currentClipBoxes={[]} /> */}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";AAgCqB,cAkBb,YAlBa;AA7BrB,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAMhC,YAAY,QAAQ;AACpB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAGlC,SAAS,gBAAgB;AAMlB,MAAM,eAAsC,CAAC,EAAE,KAAK,MAAM;AAE/D,QAAM,IAAI,gBAAgB,cAAc;AAExC,QAAM,EAAE,OAAO,kBAAkB,UAAU,mBAAmB,IAC5D,MAAM,WAAW,iBAAiB;AACpC,QAAM,EAAC,OAAM,IAAI,iBAAiB;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAmB,SAAS,IAAI;AAE1E,QAAM,OAAO,MAAM,oBAAC,GAAG,OAAH,EAAS,WAAU,8BAA6B;AAEpE,QAAM,UAAU,CAAC,SAAmB;AAClC,QAAI,CAAC,OAAQ;AACb,WAAO,YAAY,IAAI;AACvB,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,CAAC,OAAQ;AAEb,UAAM,OAAO,OAAO,WAAW,eAAe,EAAE,MAAM,KAAK,CAAC;AAC5D,WAAO,YAAY,SAAS,SAAS;AAAA,EACvC;AAEA,SACE,oBAAC,SACC,+BAAC,kBAAe,MACd;AAAA,yBAAC,oBAAiB,SAAS,YACzB;AAAA,0BAAC,GAAG,KAAH,EAAO;AAAA,MACR,oBAAC,UAAK,6BAAe;AAAA,MACpB,YAAY,oBAAC,QAAK;AAAA,OACrB;AAAA,IAEA,qBAAC,oBAAiB,SAAS,MAAM,QAAQ,SAAS,WAAW,GAC3D;AAAA,0BAAC,GAAG,iBAAH,EAAmB,WAAU,gBAAe;AAAA,MAC7C,oBAAC,UAAK,yBAAW;AAAA,MAChB,eAAe,SAAS,eAAe,oBAAC,QAAK;AAAA,OAChD;AAAA,IAEA,qBAAC,oBAAiB,SAAS,MAAM,QAAQ,SAAS,YAAY,GAC5D;AAAA,0BAAC,GAAG,cAAH,EAAgB,WAAU,gBAAe;AAAA,MAC1C,oBAAC,UAAK,0BAAY;AAAA,MACjB,eAAe,SAAS,gBAAgB,oBAAC,QAAK;AAAA,OACjD;AAAA,IAEA,qBAAC,oBAAiB,SAAS,MAAM,QAAQ,SAAS,SAAS,GACzD;AAAA,0BAAC,GAAG,aAAH,EAAe,WAAU,gBAAe;AAAA,MACzC,oBAAC,UAAK,uBAAS;AAAA,MACd,eAAe,SAAS,aAAa,oBAAC,QAAK;AAAA,OAC9C;AAAA,IAEA,qBAAC,oBAAiB,SAAS,MAAM,QAAQ,SAAS,IAAI,GACpD;AAAA,0BAAC,GAAG,GAAH,EAAK,WAAU,gBAAe;AAAA,MAC/B,oBAAC,UAAK,yBAAW;AAAA,MAChB,eAAe,SAAS,QAAQ,oBAAC,QAAK;AAAA,OACzC;AAAA,IAEA,qBAAC,oBAAiB,SAAS,MAAM,iCAAQ,MAAM,wBAC7C;AAAA,0BAAC,GAAG,QAAH,EAAU,WAAU,gBAAe;AAAA,MACpC,oBAAC,UAAK,wBAAU;AAAA,OAClB;AAAA,KACF,GAGF;AAEJ;","names":[]}

package/dist/core/components/viewers/pointcloud/src/tools/FitToScreen.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare const FitToScreen: ({ tool }: {
+    tool: any;
+}) => React.JSX.Element;
+export default FitToScreen;
+//# sourceMappingURL=FitToScreen.d.ts.map

package/dist/core/components/viewers/pointcloud/src/tools/FitToScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FitToScreen.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/pointcloud/src/tools/FitToScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,eAAO,MAAM,WAAW,GAAI;;CAAQ,sBA0BnC,CAAA;AAED,eAAe,WAAW,CAAC"}

package/dist/core/components/viewers/pointcloud/src/tools/FitToScreen.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { PointCloudContext } from "../../../../../store";
+import { Button } from "../../../../ui/Button";
+const FitToScreen = ({ tool }) => {
+  const { state: pointCloudState, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext);
+  const { viewer } = pointCloudState.pointcloud;
+  React.useEffect(() => {
+    if (!viewer) return;
+  }, [viewer]);
+  const handleClick = () => {
+    console.log("Handle click");
+    if (!viewer) return;
+    viewer.fitToScreen();
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "icon",
+      variant: "ghost",
+      className: "flex justify-center items-center h-9 w-9 pointer-events-auto",
+      onClick: handleClick,
+      title: `${tool.title}`,
+      disabled: tool.disabled,
+      children: /* @__PURE__ */ jsx(tool.icon, {})
+    }
+  );
+};
+var FitToScreen_default = FitToScreen;
+export {
+  FitToScreen,
+  FitToScreen_default as default
+};
+//# sourceMappingURL=FitToScreen.js.map