@collabdt/core 0.0.40

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/GridManagement.js

@@ -0,0 +1,213 @@
+"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 { BimContext } from "../../../../../../../../store";
+import * as THREE from "three";
+function GridManagement() {
+  const t = useTranslations("GridManagement");
+  const { dispatch: bimDispatch, state: bimState } = React.useContext(BimContext);
+  const { grid } = bimState.bim;
+  const [gridVisible, setGridVisible] = React.useState(() => {
+    var _a, _b;
+    return (_b = (_a = grid == null ? void 0 : grid.config) == null ? void 0 : _a.visible) != null ? _b : true;
+  });
+  const [gridColor, setGridColor] = React.useState(() => {
+    return grid.config.color ? `#${grid.config.color.getHexString()}` : "#bbbbbb";
+  });
+  const [primarySize, setPrimarySize] = React.useState(() => {
+    var _a, _b;
+    return [(_b = (_a = grid == null ? void 0 : grid.config) == null ? void 0 : _a.primarySize) != null ? _b : 1];
+  });
+  const [secondarySize, setSecondarySize] = React.useState(() => {
+    var _a, _b;
+    return [(_b = (_a = grid == null ? void 0 : grid.config) == null ? void 0 : _a.secondarySize) != null ? _b : 10];
+  });
+  const [elevation, setElevation] = React.useState(() => {
+    var _a, _b, _c;
+    return [(_c = (_b = (_a = grid == null ? void 0 : grid.three) == null ? void 0 : _a.position) == null ? void 0 : _b.y) != null ? _c : 0];
+  });
+  const [rotationY, setRotationZ] = React.useState(() => {
+    var _a, _b;
+    const rotationDegrees = ((_b = (_a = grid == null ? void 0 : grid.three) == null ? void 0 : _a.rotation) == null ? void 0 : _b.y) ? grid.three.rotation.y * 180 / Math.PI : 0;
+    return [rotationDegrees];
+  });
+  const [initialized, setInitialized] = React.useState(false);
+  React.useEffect(() => {
+    var _a, _b, _c, _d;
+    if (!grid || initialized) return;
+    if (grid.config) {
+      setGridVisible((_a = grid.config.visible) != null ? _a : true);
+      setPrimarySize([(_b = grid.config.primarySize) != null ? _b : 1]);
+      setSecondarySize([(_c = grid.config.secondarySize) != null ? _c : 10]);
+      if (grid.config.color) {
+        setGridColor(`#${grid.config.color.getHexString()}`);
+      }
+    }
+    if (grid.three) {
+      if (grid.three.position) {
+        setElevation([(_d = grid.three.position.y) != null ? _d : 0]);
+      }
+      if (grid.three.rotation) {
+        const rotationDegrees = grid.three.rotation.y * 180 / Math.PI;
+        setRotationZ([rotationDegrees != null ? rotationDegrees : 0]);
+      }
+    }
+    setInitialized(true);
+  }, [grid, initialized]);
+  React.useEffect(() => {
+    var _a;
+    if (!(grid == null ? void 0 : grid.config) || !initialized) return;
+    const currentVisible = (_a = grid.config.visible) != null ? _a : true;
+    if (currentVisible !== gridVisible) {
+      grid.config.visible = gridVisible;
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [gridVisible, grid, initialized, bimDispatch]);
+  React.useEffect(() => {
+    if (!(grid == null ? void 0 : grid.config) || !initialized) return;
+    const currentColor = grid.config.color ? `#${grid.config.color.getHexString()}` : "#bbbbbb";
+    if (currentColor !== gridColor) {
+      grid.config.color = new THREE.Color(gridColor);
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [gridColor, grid, initialized, bimDispatch]);
+  React.useEffect(() => {
+    var _a;
+    if (!(grid == null ? void 0 : grid.config) || !initialized) return;
+    const currentPrimarySize = (_a = grid.config.primarySize) != null ? _a : 1;
+    if (currentPrimarySize !== primarySize[0]) {
+      grid.config.primarySize = primarySize[0];
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [primarySize, grid, initialized, bimDispatch]);
+  React.useEffect(() => {
+    var _a;
+    if (!(grid == null ? void 0 : grid.config) || !initialized) return;
+    const currentSecondarySize = (_a = grid.config.secondarySize) != null ? _a : 10;
+    if (currentSecondarySize !== secondarySize[0]) {
+      grid.config.secondarySize = secondarySize[0];
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [secondarySize, grid, initialized, bimDispatch]);
+  React.useEffect(() => {
+    var _a, _b;
+    if (!((_a = grid == null ? void 0 : grid.three) == null ? void 0 : _a.position) || !initialized) return;
+    const currentElevation = (_b = grid.three.position.y) != null ? _b : 0;
+    if (currentElevation !== elevation[0]) {
+      grid.three.position.y = elevation[0];
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [elevation, grid, initialized, bimDispatch]);
+  React.useEffect(() => {
+    var _a;
+    if (!((_a = grid == null ? void 0 : grid.three) == null ? void 0 : _a.rotation) || !initialized) return;
+    const currentRotationDegrees = grid.three.rotation.y * 180 / Math.PI;
+    if (Math.abs(currentRotationDegrees - rotationY[0]) > 1e-3) {
+      grid.three.rotation.y = rotationY[0] * Math.PI / 180;
+      bimDispatch({
+        type: "SET_GRID",
+        payload: { grid }
+      });
+    }
+  }, [rotationY, grid, initialized, bimDispatch]);
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title: t("gridTitle"),
+      chevronPosition: "left",
+      switchVariant: {
+        checked: gridVisible,
+        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/bim/src/BimSidebar/src/SettingsTab/src/GridManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/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 { BimContext } from '../../../../../../../../store'\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  const { dispatch: bimDispatch, state: bimState } = React.useContext(BimContext)\r\n  const { grid } = bimState.bim\r\n\r\n  // Use lazy initialization to get values from grid\r\n  const [gridVisible, setGridVisible] = React.useState(() => {\r\n    return grid?.config?.visible ?? true\r\n  })\r\n  const [gridColor, setGridColor] = React.useState(() => {\r\n    return grid.config.color ? `#${grid.config.color.getHexString()}` : '#bbbbbb'\r\n  })\r\n  const [primarySize, setPrimarySize] = React.useState(() => {\r\n    return [grid?.config?.primarySize ?? 1]\r\n  })\r\n  const [secondarySize, setSecondarySize] = React.useState(() => {\r\n    return [grid?.config?.secondarySize ?? 10]\r\n  })\r\n  const [elevation, setElevation] = React.useState(() => {\r\n    return [grid?.three?.position?.y ?? 0]\r\n  })\r\n  const [rotationY, setRotationZ] = React.useState(() => {\r\n    const rotationDegrees = grid?.three?.rotation?.y ? (grid.three.rotation.y * 180) / Math.PI : 0\r\n    return [rotationDegrees]\r\n  })\r\n\r\n  // Track if we've initialized to prevent re-initialization\r\n  const [initialized, setInitialized] = React.useState(false)\r\n\r\n  // Initialize state with current grid values (only once)\r\n  React.useEffect(() => {\r\n    if (!grid || initialized) return\r\n\r\n    // Load all values from grid in one go\r\n    if (grid.config) {\r\n      setGridVisible(grid.config.visible ?? true)\r\n      setPrimarySize([grid.config.primarySize ?? 1])\r\n      setSecondarySize([grid.config.secondarySize ?? 10])\r\n      if (grid.config.color) {\r\n        setGridColor(`#${grid.config.color.getHexString()}`)\r\n      }\r\n    }\r\n\r\n    if (grid.three) {\r\n      if (grid.three.position) {\r\n        setElevation([grid.three.position.y ?? 0])\r\n      }\r\n      if (grid.three.rotation) {\r\n        const rotationDegrees = (grid.three.rotation.y * 180) / Math.PI\r\n        setRotationZ([rotationDegrees ?? 0])\r\n      }\r\n    }\r\n\r\n    setInitialized(true)\r\n  }, [grid, initialized])\r\n\r\n  // Update grid visibility when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.config || !initialized) return\r\n\r\n    const currentVisible = grid.config.visible ?? true\r\n    if (currentVisible !== gridVisible) {\r\n      grid.config.visible = gridVisible\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [gridVisible, grid, initialized, bimDispatch])\r\n\r\n  // Update grid color when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.config || !initialized) return\r\n\r\n    const currentColor = grid.config.color ? `#${grid.config.color.getHexString()}` : '#bbbbbb'\r\n    if (currentColor !== gridColor) {\r\n      grid.config.color = new THREE.Color(gridColor)\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [gridColor, grid, initialized, bimDispatch])\r\n\r\n  // Update grid primary size when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.config || !initialized) return\r\n\r\n    const currentPrimarySize = grid.config.primarySize ?? 1\r\n    if (currentPrimarySize !== primarySize[0]) {\r\n      grid.config.primarySize = primarySize[0]\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [primarySize, grid, initialized, bimDispatch])\r\n\r\n  // Update grid secondary size when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.config || !initialized) return\r\n\r\n    const currentSecondarySize = grid.config.secondarySize ?? 10\r\n    if (currentSecondarySize !== secondarySize[0]) {\r\n      grid.config.secondarySize = secondarySize[0]\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [secondarySize, grid, initialized, bimDispatch])\r\n\r\n  // Update grid elevation when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.three?.position || !initialized) return\r\n\r\n    const currentElevation = grid.three.position.y ?? 0\r\n    if (currentElevation !== elevation[0]) {\r\n      grid.three.position.y = elevation[0]\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [elevation, grid, initialized, bimDispatch])\r\n\r\n  // Update grid rotation when changed\r\n  React.useEffect(() => {\r\n    if (!grid?.three?.rotation || !initialized) return\r\n\r\n    const currentRotationDegrees = (grid.three.rotation.y * 180) / Math.PI\r\n    if (Math.abs(currentRotationDegrees - rotationY[0]) > 0.001) { // Use small tolerance for floating point comparison\r\n      grid.three.rotation.y = (rotationY[0] * Math.PI) / 180\r\n      bimDispatch({\r\n        type: 'SET_GRID',\r\n        payload: { grid },\r\n      })\r\n    }\r\n  }, [rotationY, grid, initialized, bimDispatch])\r\n\r\n  return (\r\n    <CollapsibleSection\r\n      title={t('gridTitle')}\r\n      chevronPosition=\"left\"\r\n      switchVariant={{\r\n        checked: gridVisible,\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":"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","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.d.ts

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

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightingManagement.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,wBAAgB,kBAAkB,sBAkDjC"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { Slider } from "../../../../../../../ui/Slider";
+import { ColorInput } from "../../../../../../../ui/Input";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+function LightingManagement() {
+  const t = useTranslations("LightingManagement");
+  const [lightingEnabled, setLightingEnabled] = React.useState(true);
+  const [lightingDistance, setLightingDistance] = React.useState([500]);
+  const [lightingColor, setLightingColor] = React.useState("#F65234");
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title: t("lightingTitle"),
+      chevronPosition: "left",
+      switchVariant: {
+        checked: lightingEnabled,
+        onCheckedChange: setLightingEnabled,
+        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 ${lightingEnabled ? "" : "text-gray-400"}`, children: t("colorLabel") }),
+          /* @__PURE__ */ jsx("div", { className: `p-2 border rounded-md ${lightingEnabled ? "bg-white" : "bg-gray-100"}`, children: /* @__PURE__ */ jsx(
+            ColorInput,
+            {
+              value: lightingColor,
+              onChange: (e) => setLightingColor(e.target.value),
+              disabled: !lightingEnabled
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("label", { className: `font-medium ${lightingEnabled ? "" : "text-gray-400"}`, children: t("distanceLabel") }),
+            /* @__PURE__ */ jsx("span", { className: `${lightingEnabled ? "text-gray-500" : "text-gray-400"}`, children: lightingDistance[0] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Slider,
+            {
+              value: lightingDistance,
+              onValueChange: setLightingDistance,
+              max: 1e3,
+              min: 0,
+              step: 10,
+              disabled: !lightingEnabled
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  LightingManagement
+};
+//# sourceMappingURL=LightingManagement.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/LightingManagement.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\nimport { Slider } from '../../../../../../../ui/Slider'\r\nimport { ColorInput } from '../../../../../../../ui/Input'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\n\r\nexport function LightingManagement() {\r\n  // Translation\r\n  const t = useTranslations('LightingManagement')\r\n\r\n  const [lightingEnabled, setLightingEnabled] = React.useState(true)\r\n  const [lightingDistance, setLightingDistance] = React.useState([500])\r\n  const [lightingColor, setLightingColor] = React.useState('#F65234')\r\n\r\n  return (\r\n    <CollapsibleSection\r\n      title={t('lightingTitle')}\r\n      chevronPosition=\"left\"\r\n      switchVariant={{\r\n        checked: lightingEnabled,\r\n        onCheckedChange: setLightingEnabled,\r\n        disabled: false,\r\n      }}\r\n      defaultOpen={false}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        {/* Lighting Color */}\r\n        <div className=\"space-y-2\">\r\n          <label className={`text-sm font-medium ${lightingEnabled ? '' : 'text-gray-400'}`}>{t('colorLabel')}</label>\r\n          <div className={`p-2 border rounded-md ${lightingEnabled ? 'bg-white' : 'bg-gray-100'}`}>\r\n            <ColorInput\r\n              value={lightingColor}\r\n              onChange={e => setLightingColor(e.target.value)}\r\n              disabled={!lightingEnabled}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Lighting Distance */}\r\n        <div className=\"space-y-2\">\r\n          <div className=\"flex justify-between text-sm\">\r\n            <label className={`font-medium ${lightingEnabled ? '' : 'text-gray-400'}`}>{t('distanceLabel')}</label>\r\n            <span className={`${lightingEnabled ? 'text-gray-500' : 'text-gray-400'}`}>{lightingDistance[0]}</span>\r\n          </div>\r\n          <Slider\r\n            value={lightingDistance}\r\n            onValueChange={setLightingDistance}\r\n            max={1000}\r\n            min={0}\r\n            step={10}\r\n            disabled={!lightingEnabled}\r\n          />\r\n        </div>\r\n      </div>\r\n    </CollapsibleSection>\r\n  )\r\n}"],"mappings":";AA6BQ,SACE,KADF;AA3BR,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AAE5B,SAAS,qBAAqB;AAEnC,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,IAAI;AACjE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,CAAC,GAAG,CAAC;AACpE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,SAAS;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,eAAe;AAAA,MACxB,iBAAgB;AAAA,MAChB,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,kBAAkB,KAAK,eAAe,IAAK,YAAE,YAAY,GAAE;AAAA,UACpG,oBAAC,SAAI,WAAW,yBAAyB,kBAAkB,aAAa,aAAa,IACnF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,OAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,UAAU,CAAC;AAAA;AAAA,UACb,GACF;AAAA,WACF;AAAA,QAGA,qBAAC,SAAI,WAAU,aACb;AAAA,+BAAC,SAAI,WAAU,gCACb;AAAA,gCAAC,WAAM,WAAW,eAAe,kBAAkB,KAAK,eAAe,IAAK,YAAE,eAAe,GAAE;AAAA,YAC/F,oBAAC,UAAK,WAAW,GAAG,kBAAkB,kBAAkB,eAAe,IAAK,2BAAiB,CAAC,GAAE;AAAA,aAClG;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,eAAe;AAAA,cACf,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU,CAAC;AAAA;AAAA,UACb;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.d.ts

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

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderMode.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,wBAAgB,UAAU,sBAuDzB"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.js

@@ -0,0 +1,56 @@
+"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 { Tabs, TabsList, TabsTrigger } from "../../../../../../../ui/Tabs";
+import { BimContext } from "../../../../../../../../store/BIM/context";
+import { GhostMode } from "../../../../GhostMode";
+function RenderMode() {
+  const t = useTranslations("RenderMode");
+  const [renderMode, setRenderMode] = React.useState("Shadowed");
+  const { state: bimState } = React.useContext(BimContext);
+  const { world, bimComponents } = bimState.bim;
+  const handleCameraModeChange = (mode) => {
+    if (!(bimComponents && world)) return;
+    setRenderMode(mode);
+    const ghostMode = bimComponents.get(GhostMode);
+    if (!ghostMode) return;
+    switch (mode) {
+      case "Shadowed":
+        world.renderer.three.shadowMap.enabled = true;
+        ghostMode.restoreModelMaterials();
+        break;
+      case "Basic":
+        world.renderer.three.shadowMap.enabled = false;
+        ghostMode.restoreModelMaterials();
+        break;
+      case "Ghost":
+        ghostMode.setModelTransparent();
+        break;
+      default:
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("renderModeTitle") }),
+    /* @__PURE__ */ jsx(Tabs, { value: renderMode, onValueChange: handleCameraModeChange, variant: "switch", children: /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "Shadowed", children: [
+        /* @__PURE__ */ jsx(LR.Umbrella, { className: "w-4 h-4 mr-2" }),
+        t("shadowed")
+      ] }),
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "Basic", children: [
+        /* @__PURE__ */ jsx(LR.UmbrellaOff, { className: "w-4 h-4 mr-2" }),
+        t("basic")
+      ] }),
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "Ghost", children: [
+        /* @__PURE__ */ jsx(LR.Ghost, { className: "w-4 h-4 mr-2" }),
+        t("ghost")
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  RenderMode
+};
+//# sourceMappingURL=RenderMode.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/RenderMode.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from 'lucide-react'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\nimport { BimContext } from '../../../../../../../../store/BIM/context'\r\nimport * as OBC from '@thatopen/components'\r\nimport { GhostMode } from '../../../../GhostMode'\r\n\r\nexport function RenderMode() {\r\n  // Translation\r\n  type Modes = 'Shadowed' | 'Basic' | 'Ghost'\r\n  const t = useTranslations('RenderMode')\r\n\r\n  const [renderMode, setRenderMode] = React.useState<Modes>('Shadowed')\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { world, bimComponents } = bimState.bim\r\n\r\n  const handleCameraModeChange = (mode: Modes) => {\r\n    if (!(bimComponents && world)) return\r\n    setRenderMode(mode)\r\n\r\n    const ghostMode = bimComponents.get(GhostMode)\r\n    if (!ghostMode) return\r\n\r\n    switch (mode) {\r\n      case 'Shadowed':\r\n        world.renderer.three.shadowMap.enabled = true;\r\n        ghostMode.restoreModelMaterials()\r\n        break\r\n      case 'Basic':\r\n        world.renderer.three.shadowMap.enabled = false;\r\n        ghostMode.restoreModelMaterials()\r\n        break\r\n      case 'Ghost':\r\n        ghostMode.setModelTransparent()\r\n        break\r\n      default:\r\n        break;\r\n    }\r\n\r\n  }\r\n\r\n  return (\r\n    <div className=\"space-y-2\">\r\n      <label className=\"text-sm font-medium\">{t('renderModeTitle')}</label>\r\n      <Tabs value={renderMode} onValueChange={handleCameraModeChange} variant=\"switch\">\r\n        <TabsList className=\"grid w-full grid-cols-3\">\r\n          <TabsTrigger value=\"Shadowed\">\r\n            <LR.Umbrella className=\"w-4 h-4 mr-2\" />\r\n            {t('shadowed')}\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"Basic\">\r\n            <LR.UmbrellaOff className=\"w-4 h-4 mr-2\" />\r\n            {t('basic')}\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"Ghost\">\r\n            <LR.Ghost className=\"w-4 h-4 mr-2\" />\r\n            {t('ghost')}\r\n          </TabsTrigger>\r\n        </TabsList>\r\n      </Tabs>\r\n    </div>\r\n  )\r\n}"],"mappings":";AA8CM,cAGI,YAHJ;AA5CN,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,QAAQ;AACpB,SAAS,MAAM,UAAU,mBAAmB;AAC5C,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAEnB,SAAS,aAAa;AAG3B,QAAM,IAAI,gBAAgB,YAAY;AAEtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAgB,UAAU;AACpE,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,OAAO,cAAc,IAAI,SAAS;AAE1C,QAAM,yBAAyB,CAAC,SAAgB;AAC9C,QAAI,EAAE,iBAAiB,OAAQ;AAC/B,kBAAc,IAAI;AAElB,UAAM,YAAY,cAAc,IAAI,SAAS;AAC7C,QAAI,CAAC,UAAW;AAEhB,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,cAAM,SAAS,MAAM,UAAU,UAAU;AACzC,kBAAU,sBAAsB;AAChC;AAAA,MACF,KAAK;AACH,cAAM,SAAS,MAAM,UAAU,UAAU;AACzC,kBAAU,sBAAsB;AAChC;AAAA,MACF,KAAK;AACH,kBAAU,oBAAoB;AAC9B;AAAA,MACF;AACE;AAAA,IACJ;AAAA,EAEF;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,YAAE,iBAAiB,GAAE;AAAA,IAC7D,oBAAC,QAAK,OAAO,YAAY,eAAe,wBAAwB,SAAQ,UACtE,+BAAC,YAAS,WAAU,2BAClB;AAAA,2BAAC,eAAY,OAAM,YACjB;AAAA,4BAAC,GAAG,UAAH,EAAY,WAAU,gBAAe;AAAA,QACrC,EAAE,UAAU;AAAA,SACf;AAAA,MACA,qBAAC,eAAY,OAAM,SACjB;AAAA,4BAAC,GAAG,aAAH,EAAe,WAAU,gBAAe;AAAA,QACxC,EAAE,OAAO;AAAA,SACZ;AAAA,MACA,qBAAC,eAAY,OAAM,SACjB;AAAA,4BAAC,GAAG,OAAH,EAAS,WAAU,gBAAe;AAAA,QAClC,EAAE,OAAO;AAAA,SACZ;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.d.ts

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

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleProjection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,wBAAgB,gBAAgB,sBAyD/B"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { Globe, Grid3X3 } from "lucide-react";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../../ui/Tabs";
+import { BimContext } from "../../../../../../../../store/BIM/context";
+import * as OBC from "@thatopen/components";
+import { ViewportGizmo } from "../../../../ViewportGizmo";
+function ToggleProjection() {
+  const t = useTranslations("ToggleProjection");
+  const [cameraMode, setCameraMode] = React.useState("Perspective");
+  const { state: bimState } = React.useContext(BimContext);
+  const { world, bimComponents } = bimState.bim;
+  const [setCameraProjectionLabel] = React.useState("Orthographic");
+  React.useEffect(() => {
+    if ((world == null ? void 0 : world.camera) instanceof OBC.OrthoPerspectiveCamera) {
+      const currentProjection = world.camera.projection.current;
+      setCameraMode(currentProjection);
+    }
+  }, [world == null ? void 0 : world.camera]);
+  const handleCameraModeChange = (mode) => {
+    if (!(bimComponents && world && world.camera && world.camera instanceof OBC.OrthoPerspectiveCamera)) return;
+    const viewportGizmo = bimComponents.get(ViewportGizmo);
+    if (viewportGizmo) viewportGizmo.enabled = mode !== "Orthographic";
+    try {
+      const currentProjection = world.camera.projection.current;
+      if (mode !== currentProjection) {
+        world.camera.projection.toggle();
+      }
+      setCameraMode(mode);
+    } catch (error) {
+      console.error("Error toggling camera projection:", error);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("perspectiveLabel") }),
+    /* @__PURE__ */ jsx(Tabs, { value: cameraMode, onValueChange: handleCameraModeChange, variant: "switch", children: /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "Perspective", children: [
+        /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4 mr-2" }),
+        t("perspective")
+      ] }),
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "Orthographic", children: [
+        /* @__PURE__ */ jsx(Grid3X3, { className: "w-4 h-4 mr-2" }),
+        t("orthographic")
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  ToggleProjection
+};
+//# sourceMappingURL=ToggleProjection.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/SettingsTab/src/ToggleProjection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\nimport { Globe, Grid3X3 } from 'lucide-react'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\nimport { BimContext } from '../../../../../../../../store/BIM/context'\r\nimport * as OBC from '@thatopen/components'\r\nimport { ViewportGizmo } from '../../../../ViewportGizmo'\r\n\r\nexport function ToggleProjection() {\r\n  // Translation\r\n  const t = useTranslations('ToggleProjection')\r\n\r\n  const [cameraMode, setCameraMode] = React.useState('Perspective')\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { world, bimComponents } = bimState.bim\r\n\r\n  type Projections = 'Orthographic' | 'Perspective'\r\n  const [setCameraProjectionLabel] = React.useState<Projections>('Orthographic')\r\n\r\n  // Sync camera mode with actual camera projection\r\n  React.useEffect(() => {\r\n    if (world?.camera instanceof OBC.OrthoPerspectiveCamera) {\r\n      const currentProjection = world.camera.projection.current\r\n      setCameraMode(currentProjection)\r\n    }\r\n  }, [world?.camera])\r\n\r\n  const handleCameraModeChange = (mode: string) => {\r\n    if (!(bimComponents && world && world.camera && world.camera instanceof OBC.OrthoPerspectiveCamera)) return\r\n\r\n    const viewportGizmo = bimComponents.get(ViewportGizmo)\r\n    if (viewportGizmo) viewportGizmo.enabled = (mode !== 'Orthographic')\r\n\r\n    try {\r\n      const currentProjection = world.camera.projection.current\r\n\r\n      // Only toggle if the requested mode is different from current\r\n      if (mode !== currentProjection) {\r\n        world.camera.projection.toggle()\r\n      }\r\n\r\n      setCameraMode(mode)\r\n    }\r\n    catch (error) {\r\n      console.error('Error toggling camera projection:', error)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className=\"space-y-2\">\r\n      <label className=\"text-sm font-medium\">{t('perspectiveLabel')}</label>\r\n      <Tabs value={cameraMode} onValueChange={handleCameraModeChange} variant=\"switch\">\r\n        <TabsList className=\"grid w-full grid-cols-2\">\r\n          <TabsTrigger value=\"Perspective\">\r\n            <Globe className=\"w-4 h-4 mr-2\" />\r\n            {t('perspective')}\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"Orthographic\">\r\n            <Grid3X3 className=\"w-4 h-4 mr-2\" />\r\n            {t('orthographic')}\r\n          </TabsTrigger>\r\n        </TabsList>\r\n      </Tabs>\r\n    </div>\r\n  )\r\n}"],"mappings":";AAoDM,cAGI,YAHJ;AAlDN,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,OAAO,eAAe;AAC/B,SAAS,MAAM,UAAU,mBAAmB;AAC5C,SAAS,kBAAkB;AAC3B,YAAY,SAAS;AACrB,SAAS,qBAAqB;AAEvB,SAAS,mBAAmB;AAEjC,QAAM,IAAI,gBAAgB,kBAAkB;AAE5C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,aAAa;AAChE,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,OAAO,cAAc,IAAI,SAAS;AAG1C,QAAM,CAAC,wBAAwB,IAAI,MAAM,SAAsB,cAAc;AAG7E,QAAM,UAAU,MAAM;AACpB,SAAI,+BAAO,mBAAkB,IAAI,wBAAwB;AACvD,YAAM,oBAAoB,MAAM,OAAO,WAAW;AAClD,oBAAc,iBAAiB;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,+BAAO,MAAM,CAAC;AAElB,QAAM,yBAAyB,CAAC,SAAiB;AAC/C,QAAI,EAAE,iBAAiB,SAAS,MAAM,UAAU,MAAM,kBAAkB,IAAI,wBAAyB;AAErG,UAAM,gBAAgB,cAAc,IAAI,aAAa;AACrD,QAAI,cAAe,eAAc,UAAW,SAAS;AAErD,QAAI;AACF,YAAM,oBAAoB,MAAM,OAAO,WAAW;AAGlD,UAAI,SAAS,mBAAmB;AAC9B,cAAM,OAAO,WAAW,OAAO;AAAA,MACjC;AAEA,oBAAc,IAAI;AAAA,IACpB,SACO,OAAO;AACZ,cAAQ,MAAM,qCAAqC,KAAK;AAAA,IAC1D;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,YAAE,kBAAkB,GAAE;AAAA,IAC9D,oBAAC,QAAK,OAAO,YAAY,eAAe,wBAAwB,SAAQ,UACtE,+BAAC,YAAS,WAAU,2BAClB;AAAA,2BAAC,eAAY,OAAM,eACjB;AAAA,4BAAC,SAAM,WAAU,gBAAe;AAAA,QAC/B,EAAE,aAAa;AAAA,SAClB;AAAA,MACA,qBAAC,eAAY,OAAM,gBACjB;AAAA,4BAAC,WAAQ,WAAU,gBAAe;AAAA,QACjC,EAAE,cAAc;AAAA,SACnB;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/TabSelector.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SidebarTabType } from '../../../../../../store/Menus/reducer';
+interface TabSelectorProps {
+    activeTab: SidebarTabType;
+    onTabChangeAction: (tab: SidebarTabType) => void;
+}
+export declare function TabSelector({ activeTab, onTabChangeAction }: TabSelectorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabSelector.d.ts.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/TabSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/TabSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAEtE,UAAU,gBAAgB;IACxB,SAAS,EAAE,cAAc,CAAA;IACzB,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,qBAyC7E"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/TabSelector.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Separator } from "../../../../../ui/Separator";
+import { useTranslations } from "next-intl";
+function TabSelector({ activeTab, onTabChangeAction }) {
+  const t = useTranslations("TabSelector");
+  const tabs = [
+    { id: "file", label: t("fileLabel") },
+    { id: "layers", label: t("layersTitle") },
+    { id: "communication", label: t("communicationTitle") },
+    { id: "sensors", label: t("sensorsTitle") },
+    { id: "settings", label: t("settingsTitle") }
+  ];
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `px-3 py-2 rounded-md cursor-pointer transition-colors text-xs font-medium ${activeTab === tab.id ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:text-foreground hover:bg-accent/50"}`,
+        onClick: () => onTabChangeAction(tab.id),
+        children: tab.label
+      },
+      tab.id
+    )) }) }) }),
+    /* @__PURE__ */ jsx(Separator, {})
+  ] });
+}
+export {
+  TabSelector
+};
+//# sourceMappingURL=TabSelector.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/TabSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/TabSelector.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\nimport { Separator } from '../../../../../ui/Separator'\r\nimport { useTranslations } from 'next-intl'\r\nimport { SidebarTabType } from '../../../../../../store/Menus/reducer'\r\n\r\ninterface TabSelectorProps {\r\n  activeTab: SidebarTabType\r\n  onTabChangeAction: (tab: SidebarTabType) => void\r\n}\r\n\r\nexport function TabSelector({ activeTab, onTabChangeAction }: TabSelectorProps) {\r\n  // Translation\r\n  const t = useTranslations('TabSelector')\r\n\r\n  const tabs = [\r\n    { id: 'file', label: t('fileLabel') },\r\n    { id: 'layers', label: t('layersTitle') },\r\n    { id: 'communication', label: t('communicationTitle') },\r\n    { id: 'sensors', label: t('sensorsTitle') },\r\n    { id: 'settings', label: t('settingsTitle') },\r\n\r\n  ]\r\n\r\n  return (\r\n    <div>\r\n      <Separator />\r\n\r\n      <div className=\"px-4 py-3\">\r\n        <div className=\"flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-1\">\r\n            {tabs.map(tab => (\r\n              <div\r\n                key={tab.id}\r\n                className={`px-3 py-2 rounded-md cursor-pointer transition-colors text-xs font-medium ${\r\n                  activeTab === tab.id\r\n                    ? 'bg-accent text-accent-foreground'\r\n                    : 'text-muted-foreground hover:text-foreground hover:bg-accent/50'\r\n                }`}\r\n                onClick={() => onTabChangeAction(tab.id as SidebarTabType)}\r\n              >\r\n                {tab.label}\r\n              </div>\r\n            ))}\r\n          </div>\r\n          {/* <LR.Search className=\"h-4 w-4 text-muted-foreground\" /> */}\r\n        </div>\r\n      </div>\r\n\r\n      <Separator />\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAyBI,SACE,KADF;AAvBJ,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAQzB,SAAS,YAAY,EAAE,WAAW,kBAAkB,GAAqB;AAE9E,QAAM,IAAI,gBAAgB,aAAa;AAEvC,QAAM,OAAO;AAAA,IACX,EAAE,IAAI,QAAQ,OAAO,EAAE,WAAW,EAAE;AAAA,IACpC,EAAE,IAAI,UAAU,OAAO,EAAE,aAAa,EAAE;AAAA,IACxC,EAAE,IAAI,iBAAiB,OAAO,EAAE,oBAAoB,EAAE;AAAA,IACtD,EAAE,IAAI,WAAW,OAAO,EAAE,cAAc,EAAE;AAAA,IAC1C,EAAE,IAAI,YAAY,OAAO,EAAE,eAAe,EAAE;AAAA,EAE9C;AAEA,SACE,qBAAC,SACC;AAAA,wBAAC,aAAU;AAAA,IAEX,oBAAC,SAAI,WAAU,aACb,8BAAC,SAAI,WAAU,qCACb,8BAAC,SAAI,WAAU,2BACZ,eAAK,IAAI,SACR;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,6EACT,cAAc,IAAI,KACd,qCACA,gEACN;AAAA,QACA,SAAS,MAAM,kBAAkB,IAAI,EAAoB;AAAA,QAExD,cAAI;AAAA;AAAA,MARA,IAAI;AAAA,IASX,CACD,GACH,GAEF,GACF;AAAA,IAEA,oBAAC,aAAU;AAAA,KACb;AAEJ;","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/index.d.ts

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

package/dist/core/components/viewers/bim/src/BimSidebar/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,wBAAgB,UAAU,sBA0BzB"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/index.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { TabSelector } from "./TabSelector";
+import { FileTab } from "./FileTab";
+import { LayersTab } from "./LayersTab";
+import { CommunicationTab } from "./CommunicationTab";
+import { SettingsTab } from "./SettingsTab";
+import { BimContext, MenusContext } from "../../../../../../store";
+import { InfoSidebarContainer } from "../../../../../ui/InfoSidebar/Container";
+import { SensorsTab } from "./SensorsTab";
+function BimSidebar() {
+  const { state: bimState } = React.useContext(BimContext);
+  const { modelId } = bimState.bim;
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { selectedTab } = menusState.menus;
+  const handleTabChange = (selectedTab2) => {
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: selectedTab2 } });
+  };
+  return /* @__PURE__ */ jsxs(
+    InfoSidebarContainer,
+    {
+      tabSelector: /* @__PURE__ */ jsx(
+        TabSelector,
+        {
+          activeTab: selectedTab,
+          onTabChangeAction: handleTabChange
+        }
+      ),
+      children: [
+        selectedTab === "file" && /* @__PURE__ */ jsx(FileTab, {}),
+        selectedTab === "layers" && /* @__PURE__ */ jsx(LayersTab, { modelId }),
+        selectedTab === "communication" && /* @__PURE__ */ jsx(CommunicationTab, {}),
+        selectedTab === "sensors" && /* @__PURE__ */ jsx(SensorsTab, {}),
+        selectedTab === "settings" && /* @__PURE__ */ jsx(SettingsTab, {})
+      ]
+    }
+  );
+}
+export {
+  BimSidebar
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/index.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\nimport { TabSelector } from './TabSelector'\r\nimport { FileTab } from './FileTab'\r\nimport { LayersTab } from './LayersTab'\r\nimport { CommunicationTab } from './CommunicationTab'\r\nimport { SettingsTab } from './SettingsTab'\r\nimport { BimContext, MenusContext } from '../../../../../../store'\r\nimport { SidebarTabType } from '../../../../../../store/Menus/reducer'\r\nimport { InfoSidebarContainer } from '../../../../../ui/InfoSidebar/Container'\r\nimport { SensorsTab } from './SensorsTab'\r\n\r\nexport function BimSidebar() {\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { modelId } = bimState.bim\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { selectedTab } = menusState.menus\r\n\r\n  const handleTabChange = (selectedTab: SidebarTabType) => {\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab } })\r\n  }\r\n\r\n  return (\r\n    <InfoSidebarContainer\r\n      tabSelector={\r\n        <TabSelector\r\n          activeTab={selectedTab}\r\n          onTabChangeAction={handleTabChange}\r\n        />\r\n      }\r\n    >\r\n      {selectedTab === 'file' && <FileTab />}\r\n      {selectedTab === 'layers' && <LayersTab modelId={modelId} />}\r\n      {selectedTab === 'communication' && <CommunicationTab />}\r\n      {selectedTab === 'sensors' && <SensorsTab />}\r\n      {selectedTab === 'settings' && <SettingsTab />}\r\n    </InfoSidebarContainer>\r\n  )\r\n}"],"mappings":";AAuBI,SAEI,KAFJ;AAtBJ,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AAEzC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAEpB,SAAS,aAAa;AAC3B,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,QAAQ,IAAI,SAAS;AAC7B,QAAM,EAAE,OAAO,YAAY,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACpF,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,QAAM,kBAAkB,CAACA,iBAAgC;AACvD,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAAA,aAAY,EAAE,CAAC;AAAA,EAC9E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,mBAAmB;AAAA;AAAA,MACrB;AAAA,MAGD;AAAA,wBAAgB,UAAU,oBAAC,WAAQ;AAAA,QACnC,gBAAgB,YAAY,oBAAC,aAAU,SAAkB;AAAA,QACzD,gBAAgB,mBAAmB,oBAAC,oBAAiB;AAAA,QACrD,gBAAgB,aAAa,oBAAC,cAAW;AAAA,QACzC,gBAAgB,cAAc,oBAAC,eAAY;AAAA;AAAA;AAAA,EAC9C;AAEJ;","names":["selectedTab"]}

package/dist/core/components/viewers/bim/src/CameraProjection.d.ts

@@ -0,0 +1,17 @@
+import * as OBC from '@thatopen/components';
+export declare class CameraProjection extends OBC.Component {
+    static readonly uuid: "43b40eb1-4203-4ff7-896a-73e56ed8da9f";
+    enabled: boolean;
+    private camera;
+    private fitCamera;
+    readonly onProjectionChanged: OBC.Event<{
+        projection: "Perspective" | "Orthographic";
+    }>;
+    constructor(components: OBC.Components);
+    get currentProjection(): OBC.CameraProjection;
+    setProjection(projection: 'Perspective' | 'Orthographic'): Promise<void>;
+    toggle(): Promise<void>;
+    setOrthographic(): Promise<void>;
+    setPerspective(): Promise<void>;
+}
+//# sourceMappingURL=CameraProjection.d.ts.map

package/dist/core/components/viewers/bim/src/CameraProjection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraProjection.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/bim/src/CameraProjection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,sBAAsB,CAAA;AAI3C,qBAAa,gBAAiB,SAAQ,GAAG,CAAC,SAAS;IACjD,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAG,sCAAsC,CAAS;IACtE,OAAO,UAAO;IAEd,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,SAAS,CAAyB;IAG1C,QAAQ,CAAC,mBAAmB;oBAA+B,aAAa,GAAG,cAAc;OAAK;gBAElF,UAAU,EAAE,GAAG,CAAC,UAAU;IAWtC,IAAI,iBAAiB,yBAEpB;IAEK,aAAa,CAAC,UAAU,EAAE,aAAa,GAAG,cAAc;IAsBxD,MAAM;IAKN,eAAe;IAIf,cAAc;CAGrB"}