door_models 4.0.0 → 4.0.2

package/dist/index.cjs.js

@@ -96,8 +96,10 @@ const _excluded = ["doorDepth"];
 const ConfiguratorContext = /*#__PURE__*/react.createContext(undefined);
 const ConfiguratorProvider = _ref => {
   let {
-    children
+    children,
+    initialIs2D = false
   } = _ref;
+  const [is2D, setIs2D] = react.useState(initialIs2D);
   const [isPlaneVisible, setIsPlaneVisible] = react.useState(false);
   const [isFrameVisible, setIsFrameVisible] = react.useState(true);
   const [cpid, setCpid] = react.useState("");
@@ -194,6 +196,9 @@ const ConfiguratorProvider = _ref => {
     type: "",
     text: ""
   });
+  react.useEffect(() => {
+    setIs2D(initialIs2D);
+  }, [initialIs2D]);
   const handleParseCpid = react.useCallback(cpidToParse => {
     const showMessage = function (text) {
       let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
@@ -630,6 +635,8 @@ const ConfiguratorProvider = _ref => {
   }, [totalWidth, doorFrame.sidesThk]);
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorContext.Provider, {
     value: {
+      is2D,
+      setIs2D,
       isPlaneVisible,
       setIsPlaneVisible,
       isFrameVisible,
@@ -763,7 +770,159 @@ const availableMaterials = {
     envMapIntensity: 1.5
   })
 };
-function GlassHinge(_ref) {
+function StandardHandle(_ref) {
+  let {
+    position,
+    doorDepthM,
+    doorPivot
+  } = _ref;
+  // --- Basic Dimensions ---
+  const roseRadius = 0.03;
+  const roseThickness = 0.006;
+  const stemRadius = 0.007;
+  const leverRadius = 0.009;
+  const leverLength = 0.12;
+  const metal = availableMaterials.silver;
+  const faceZ = doorDepthM / 2 + roseThickness / 2;
+  return /*#__PURE__*/jsxRuntime.jsxs("group", {
+    position: position,
+    rotation: [0, 0, 0],
+    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+      "position-z": faceZ,
+      material: metal,
+      castShadow: true,
+      receiveShadow: true,
+      rotation: [Math.PI / 2, 0, 0],
+      children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+        args: [roseRadius, roseRadius, roseThickness, 48]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("group", {
+      "scale-x": doorPivot === "left" ? -1 : 1,
+      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+        "position-z": doorDepthM / 2 + stemRadius,
+        material: metal,
+        castShadow: true,
+        receiveShadow: true,
+        rotation: [Math.PI / 2, 0, 0],
+        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+          args: [stemRadius, stemRadius, 0.02, 32]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [0.06, 0, doorDepthM / 2],
+        material: metal,
+        castShadow: true,
+        receiveShadow: true,
+        rotation: [0, 0, Math.PI / 2],
+        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+          args: [leverRadius, leverRadius, leverLength, 32]
+        })
+      })]
+    })]
+  });
+}
+function GlassHandle(_ref2) {
+  let {
+    position,
+    doorDepthM,
+    doorPivot
+  } = _ref2;
+  // --- Dimensions and materials ---
+  const roseRadius = 0.025;
+  const roseThickness = 0.005;
+  const stemRadius = 0.005;
+  const leverRadius = 0.008;
+  const leverLength = 0.12;
+  const bendRadius = 0.012;
+  const metal = availableMaterials.silver;
+  const glassMaterial = availableMaterials.glass;
+  const faceZ = doorDepthM / 2 + roseThickness / 2;
+  return /*#__PURE__*/jsxRuntime.jsxs("group", {
+    position: position,
+    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+      rotation: [Math.PI / 2, 0, 0],
+      "position-z": faceZ,
+      material: metal,
+      castShadow: true,
+      receiveShadow: true,
+      children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+        args: [roseRadius, roseRadius * 0.92, roseThickness, 48]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      rotation: [Math.PI / 2, 0, 0],
+      "position-z": -faceZ,
+      material: metal,
+      castShadow: true,
+      receiveShadow: true,
+      children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+        args: [roseRadius, roseRadius * 0.92, roseThickness, 48]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      "position-z": faceZ + 0.001,
+      material: glassMaterial,
+      castShadow: true,
+      children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+        args: [roseRadius * 0.4, roseRadius * 0.4, roseThickness * 0.8, 32]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("group", {
+      "scale-x": doorPivot === "left" ? -1 : 1,
+      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+        "position-z": doorDepthM / 2 + bendRadius,
+        material: metal,
+        castShadow: true,
+        receiveShadow: true,
+        rotation: [Math.PI / 2, 0, 0],
+        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+          args: [stemRadius, stemRadius, bendRadius, 24]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [bendRadius, 0, doorDepthM / 2],
+        material: metal,
+        castShadow: true,
+        receiveShadow: true,
+        children: /*#__PURE__*/jsxRuntime.jsx("torusGeometry", {
+          args: [bendRadius, stemRadius, 20, 48, Math.PI / 2]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [bendRadius + leverLength / 2, 0, doorDepthM / 2],
+        material: metal,
+        castShadow: true,
+        receiveShadow: true,
+        rotation: [0, 0, Math.PI / 2],
+        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
+          args: [leverRadius, leverRadius * 0.8, leverLength, 32]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [bendRadius + leverLength, 0, doorDepthM / 2],
+        material: metal,
+        castShadow: true,
+        children: /*#__PURE__*/jsxRuntime.jsx("sphereGeometry", {
+          args: [leverRadius * 0.8, 12, 12]
+        })
+      })]
+    })]
+  });
+}
+function DoorHandle(_ref3) {
+  let {
+    bodyType,
+    handleX,
+    handleHeightM,
+    doorDepthM,
+    doorPivot
+  } = _ref3;
+  const isSingleGlass = ["SG8", "SG10", "SG12"].includes(bodyType);
+  const handlePos = [handleX, handleHeightM, 0];
+  return isSingleGlass ? /*#__PURE__*/jsxRuntime.jsx(GlassHandle, {
+    position: handlePos,
+    doorDepthM: doorDepthM,
+    doorPivot: doorPivot
+  }) : /*#__PURE__*/jsxRuntime.jsx(StandardHandle, {
+    position: handlePos,
+    doorDepthM: doorDepthM,
+    doorPivot: doorPivot
+  });
+}
+function GlassHinge(_ref4) {
   let {
     position,
     pivot,
@@ -771,7 +930,7 @@ function GlassHinge(_ref) {
     doorDepthM,
     material,
     gasketMaterial
-  } = _ref;
+  } = _ref4;
   const plateWidth = 130 / 1000;
   const plateHeight = 55 / 1000;
   const plateThickness = 8 / 1000;
@@ -847,7 +1006,7 @@ function GlassHinge(_ref) {
     })]
   });
 }
-function DoorStopCuts(_ref2) {
+function DoorStopCuts(_ref5) {
   let {
     visible,
     width,
@@ -859,7 +1018,7 @@ function DoorStopCuts(_ref2) {
     glassDepthOffset = 0,
     material,
     setName
-  } = _ref2;
+  } = _ref5;
   if (!visible) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
@@ -886,11 +1045,14 @@ function DoorStopCuts(_ref2) {
     })]
   });
 }
-function DoorModels(_ref3) {
+function DoorModels(_ref6) {
   let {
     doorName
-  } = _ref3;
+  } = _ref6;
   const {
+    is2D,
+    totalWidth,
+    totalHeight,
     isPlaneVisible,
     isFrameVisible,
     door,
@@ -1142,6 +1304,15 @@ function DoorModels(_ref3) {
   const topArchitraveY = totalOpeningHeightM / 2 + architraveProfileM / 2;
   const topArchitraveWidth = doorWidthM + 2 * architraveProfileM;
 
+  // --- Handle placement ---
+  // Handle local placement on the DOOR LEAF so it follows rotation
+  const handleCenterYFromDoorBottom = 1.0; // 1000 mm from bottom by default
+  const safeHandleY = Math.min(Math.max(handleCenterYFromDoorBottom, 0.25), mainDoorHeightM - 0.25);
+  const handleHeightM = -mainDoorHeightM / 2 + safeHandleY; // convert to door local Y
+  const latchMarginM = 0.08; // 80 mm from latch edge
+  const nonHingeSideX = doorPivot === "left" ? doorWidthM / 2 : -doorWidthM / 2;
+  const handleX = nonHingeSideX + (doorPivot === "left" ? -latchMarginM : latchMarginM);
+
   // --- Primary Gasket Edge Position Calculations ---
   const topGasketYPosition = totalOpeningHeightM / 2 - doorStopWidthM + gasketWidthM / 2;
   const leftGasketXPosition = -doorWidthM / 2 + doorStopWidthM - gasketWidthM / 2;
@@ -1195,6 +1366,18 @@ function DoorModels(_ref3) {
     }
     return true;
   }, [isFrameVisible, frameType, isGlassDoor]);
+  if (is2D) {
+    return /*#__PURE__*/jsxRuntime.jsx("group", {
+      children: /*#__PURE__*/jsxRuntime.jsxs("mesh", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+          args: [totalWidth / 1000, 0.1, frameDepth / 1000]
+        }), /*#__PURE__*/jsxRuntime.jsx("meshBasicMaterial", {
+          color: "white",
+          side: THREE__namespace.DoubleSide
+        })]
+      })
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [frontCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
       "position-z": frontArchitraveZ,
@@ -1593,6 +1776,12 @@ function DoorModels(_ref3) {
           children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
             args: [occulusWidthM, occulusHeightM, occulusInfillDepthM]
           })
+        }), /*#__PURE__*/jsxRuntime.jsx(DoorHandle, {
+          bodyType: bodyType,
+          handleX: handleX,
+          handleHeightM: handleHeightM,
+          doorDepthM: doorDepthM,
+          doorPivot: doorPivot
         })]
       })]
     }), isPlaneVisible && /*#__PURE__*/jsxRuntime.jsxs("mesh", {
@@ -1612,9 +1801,11 @@ function DoorModels(_ref3) {
 const DoorConfigurator = _ref => {
   let {
     doorName,
-    showInterface = true
+    showInterface = true,
+    is2D = false
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
+    initialIs2D: is2D,
     children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
       doorName: doorName
     })