door_models 5.3.8 → 5.4.0

package/dist/index.cjs.js

@@ -102,7 +102,8 @@ const ConfiguratorProvider = _ref => {
   let {
     children,
     initialIs2D = false,
-    initialMaterials = {}
+    initialMaterials = {},
+    totalDepth
   } = _ref;
   const [materials, setMaterials] = React.useState(initialMaterials);
   const [is2D, setIs2D] = React.useState(initialIs2D);
@@ -599,13 +600,35 @@ const ConfiguratorProvider = _ref => {
         };
         break;
     }
+    const baseTotalDepth = 103; // Define the reference depth for scaling (103mm is a common default)
+    const scaleFactor = totalDepth !== undefined && baseTotalDepth > 0 ? totalDepth / baseTotalDepth : 1;
+
+    // Apply the scaling factor to all depth-related settings
+    if (scaleFactor !== 1) {
+      if (newSettings.frameDepth !== undefined) newSettings.frameDepth *= scaleFactor;
+      if (newSettings.doorDepth !== undefined) newSettings.doorDepth *= scaleFactor;
+      if (newSettings.doorStopDepth !== undefined) newSettings.doorStopDepth *= scaleFactor;
+      if (newSettings.secondDoorStopDepth !== undefined) newSettings.secondDoorStopDepth *= scaleFactor;
+      if (newSettings.gasketDepth !== undefined) newSettings.gasketDepth *= scaleFactor;
+
+      // Handle string-based depths like "40mm" for notchDepth
+      if (typeof newSettings.notchDepth === "string") {
+        const num = parseInt(newSettings.notchDepth, 10);
+        if (!isNaN(num)) {
+          newSettings.notchDepth = "".concat(num * scaleFactor, "mm");
+        }
+      }
+    }
     const isMxCaf = frameType.startsWith("MXCAF");
     setFrontCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf
+      visible: isMxCaf,
+      depth: 12 * scaleFactor
     }));
     setBackCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf
+      visible: isMxCaf,
+      depth: 12 * scaleFactor
     }));
+    setGlassDepth(8 * scaleFactor);
     const {
         doorDepth
       } = newSettings,
@@ -616,7 +639,7 @@ const ConfiguratorProvider = _ref => {
         theDoorDepth: doorDepth
       }));
     }
-  }, [frameType]);
+  }, [frameType, totalDepth]);
 
   // ---  Exterior Fanlight Logic ---
   React.useEffect(() => {
@@ -824,14 +847,15 @@ const buildMaterial = (prop, textures) => {
   const sourceValue = typeof prop === "string" ? prop : prop.value;
   const opacity = typeof prop === "object" ? prop.opacity : 1;
   const params = {
-    roughness: 0.8
+    roughness: 0.8,
+    side: THREE__namespace.DoubleSide
   };
   if (isHexColor(sourceValue)) {
     params.color = sourceValue;
   } else if (textures && textures[sourceValue]) {
     params.map = textures[sourceValue];
   } else {
-    params.color = "#cccccc";
+    params.color = "yellow";
   }
   if (opacity !== undefined && opacity < 1) {
     params.transparent = true;
@@ -1520,6 +1544,8 @@ function DoorModels(_ref7) {
   const sidesThkValue = parseInt(sidesThk) || 20;
 
   // Convert dimensions from mm to meters
+  const totalWidthM = totalWidthProp !== undefined ? totalWidthProp / 1000 : totalWidth / 1000;
+  const totalHeightM = totalHeightProp !== undefined ? totalHeightProp / 1000 : doorHeight / 1000;
   const interiorFanlightHeightM = interiorFanlightHeight / 1000;
   const doorWidthM = doorWidth / 1000;
   const totalOpeningHeightM = doorHeight / 1000;
@@ -1609,8 +1635,13 @@ function DoorModels(_ref7) {
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsxs("group", {
+  return /*#__PURE__*/jsxRuntime.jsxs("group", {
+    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+      visible: false,
+      children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+        args: [totalWidthM, totalHeightM, frameDepthM]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("group", {
       "position-y": yCenteringOffset + pivotNewPosition,
       children: [frontCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
         "position-z": frontArchitraveZ,
@@ -1888,7 +1919,7 @@ function DoorModels(_ref7) {
         xOffset: instance.x,
         materials: allMaterials
       }, instance.key))]
-    })
+    })]
   });
 }
 
@@ -2263,20 +2294,24 @@ const DoorConfigurator = _ref => {
     is2D = false,
     totalWidth,
     totalHeight,
-    frameDepth
+    totalDepth // Destructure the new prop
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
-    initialIs2D: is2D,
-    children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
-      doorName: doorName,
-      materials: materials,
-      doorPivot: doorPivot,
-      doorOpening: doorOpening,
-      totalWidth: totalWidth,
-      totalHeight: totalHeight,
-      frameDepth: frameDepth
+  return (
+    /*#__PURE__*/
+    // Pass the totalDepth prop to the Provider
+    jsxRuntime.jsx(ConfiguratorProvider, {
+      initialIs2D: is2D,
+      totalDepth: totalDepth,
+      children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
+        doorName: doorName,
+        materials: materials,
+        doorPivot: doorPivot,
+        doorOpening: doorOpening,
+        totalWidth: totalWidth,
+        totalHeight: totalHeight
+      })
     })
-  });
+  );
 };
 
 exports["default"] = DoorConfigurator;