door_models 5.3.9 → 5.4.1

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(() => {
@@ -726,61 +749,74 @@ const useConfigurator = () => {
 
 const availableMaterials = {
   black: new THREE__namespace.MeshStandardMaterial({
-    color: "#000000"
+    color: "#000000",
+    side: THREE__namespace.DoubleSide
   }),
   metal: new THREE__namespace.MeshStandardMaterial({
     color: "#aaaaaa",
     metalness: 1.0,
-    roughness: 0.4
+    roughness: 0.4,
+    side: THREE__namespace.DoubleSide
   }),
   darkgrey: new THREE__namespace.MeshStandardMaterial({
-    color: "#5e5e5e"
+    color: "#5e5e5e",
+    side: THREE__namespace.DoubleSide
   }),
   grey: new THREE__namespace.MeshStandardMaterial({
-    color: "#cccccc"
+    color: "#cccccc",
+    side: THREE__namespace.DoubleSide
   }),
   yellow: new THREE__namespace.MeshStandardMaterial({
-    color: "#ffff00"
+    color: "#ffff00",
+    side: THREE__namespace.DoubleSide
   }),
   darkBrown: new THREE__namespace.MeshStandardMaterial({
-    color: "#a0522d"
+    color: "#a0522d",
+    side: THREE__namespace.DoubleSide
   }),
   brown: new THREE__namespace.MeshStandardMaterial({
-    color: "#d2b48c"
+    color: "#d2b48c",
+    side: THREE__namespace.DoubleSide
   }),
   glass: new THREE__namespace.MeshStandardMaterial({
     color: "#ffffff",
     roughness: 0.1,
     transparent: true,
-    opacity: 0.7
+    opacity: 0.7,
+    side: THREE__namespace.DoubleSide
   }),
   aluminum: new THREE__namespace.MeshStandardMaterial({
     color: "#abb0aa",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   aluminumBrighter: new THREE__namespace.MeshStandardMaterial({
     color: "#cdcdcd",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   aluminumExtraBrighter: new THREE__namespace.MeshStandardMaterial({
     color: "#ececec",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   silver: new THREE__namespace.MeshStandardMaterial({
     color: "#c0c0c0",
     metalness: 1.0,
-    roughness: 0.2
+    roughness: 0.2,
+    side: THREE__namespace.DoubleSide
   }),
   gold: new THREE__namespace.MeshStandardMaterial({
     color: "#ffd700",
     metalness: 1.0,
-    roughness: 0.3
+    roughness: 0.3,
+    side: THREE__namespace.DoubleSide
   }),
   diamond: new THREE__namespace.MeshStandardMaterial({
     color: "#e0f7fa",
@@ -788,20 +824,24 @@ const availableMaterials = {
     roughness: 0.05,
     transparent: true,
     opacity: 0.9,
-    envMapIntensity: 1.5
+    envMapIntensity: 1.5,
+    side: THREE__namespace.DoubleSide
   }),
   test_material: new THREE__namespace.MeshStandardMaterial({
     color: "red",
-    roughness: 0.1
+    roughness: 0.1,
+    side: THREE__namespace.DoubleSide
   })
 };
 new THREE__namespace.MeshStandardMaterial({
   color: "#cccccc",
-  roughness: 0.8
+  roughness: 0.8,
+  side: THREE__namespace.DoubleSide
 });
 new THREE__namespace.MeshStandardMaterial({
   color: "#000",
-  roughness: 0.8
+  roughness: 0.8,
+  side: THREE__namespace.DoubleSide
 });
 
 // Helper function to check for hex color codes
@@ -824,14 +864,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;
@@ -1611,296 +1652,292 @@ function DoorModels(_ref7) {
       })
     });
   }
-  return (
-    /*#__PURE__*/
-    // CHANGE START: Wrap the entire component in a parent group.
-    jsxRuntime.jsxs("group", {
-      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-        visible: false,
+  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,
+        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [0, topArchitraveY, 0],
+          castShadow: true,
+          material: allMaterials.frontCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [leftArchitraveX, 0, 0],
+          castShadow: true,
+          material: allMaterials.frontCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [rightArchitraveX, 0, 0],
+          castShadow: true,
+          material: allMaterials.frontCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
+          })
+        })]
+      }), backCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
+        "position-z": backArchitraveZ,
+        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [0, topArchitraveY, 0],
+          castShadow: true,
+          material: allMaterials.backCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [leftArchitraveX, 0, 0],
+          castShadow: true,
+          material: allMaterials.backCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          position: [rightArchitraveX, 0, 0],
+          castShadow: true,
+          material: allMaterials.backCoverPanelMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
+          })
+        })]
+      }), exteriorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [0, exteriorFanlightYPosition, 0],
+        castShadow: true,
+        material: allMaterials.exteriorFanlightMaterial,
         children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [totalWidthM, totalHeightM, frameDepthM]
+          args: [totalOpeningWidthM + sidesFrameWidthM * 2, exteriorFanlightHeightM, exteriorFanlightDepthM]
         })
-      }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        "position-y": yCenteringOffset + pivotNewPosition,
-        children: [frontCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
-          "position-z": frontArchitraveZ,
-          children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [0, topArchitraveY, 0],
-            castShadow: true,
-            material: allMaterials.frontCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [leftArchitraveX, 0, 0],
-            castShadow: true,
-            material: allMaterials.frontCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [rightArchitraveX, 0, 0],
-            castShadow: true,
-            material: allMaterials.frontCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-            })
-          })]
-        }), backCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
-          "position-z": backArchitraveZ,
-          children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [0, topArchitraveY, 0],
-            castShadow: true,
-            material: allMaterials.backCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [leftArchitraveX, 0, 0],
-            castShadow: true,
-            material: allMaterials.backCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [rightArchitraveX, 0, 0],
-            castShadow: true,
-            material: allMaterials.backCoverPanelMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-            })
-          })]
-        }), exteriorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, exteriorFanlightYPosition, 0],
+      }), isFrameVisible && /*#__PURE__*/jsxRuntime.jsxs("group", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
           castShadow: true,
-          material: allMaterials.exteriorFanlightMaterial,
+          position: [0, topFrameCenterY, 0],
+          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
+            useGroups: true,
+            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
+              name: "frame-base",
+              material: allMaterials.frameMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [totalOpeningWidthM, topFrameWidthM, frameDepthM]
+              })
+            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
+              name: "cut-exterior",
+              material: allMaterials.frameMaterial,
+              position: [0, notchposition, 0],
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [totalOpeningWidthM + 0.01, notchWidthM, notchDepthM]
+              })
+            })]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          castShadow: true,
+          position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, 0],
+          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
+            useGroups: true,
+            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
+              name: "frame-base",
+              material: allMaterials.frameMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
+              })
+            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
+              name: "cut-exterior",
+              material: allMaterials.frameMaterial,
+              position: [-notchposition, 0, 0],
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
+              })
+            })]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          castShadow: true,
+          position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, 0],
+          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
+            useGroups: true,
+            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
+              name: "frame-base",
+              material: allMaterials.frameMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
+              })
+            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
+              name: "cut-exterior",
+              material: allMaterials.frameMaterial,
+              position: [notchposition, 0, 0],
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
+              })
+            })]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          castShadow: true,
+          position: [0, totalOpeningHeightM / 2 - doorStopWidthM / 2, doorStopPositionZ],
+          material: allMaterials.doorStopMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [totalOpeningWidthM, doorStopWidthM, doorStopDepthM]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          castShadow: true,
+          position: [-totalOpeningWidthM / 2 + doorStopWidthM / 2, 0, doorStopPositionZ],
+          material: allMaterials.doorStopMaterial,
           children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [totalOpeningWidthM + sidesFrameWidthM * 2, exteriorFanlightHeightM, exteriorFanlightDepthM]
+            args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
           })
-        }), isFrameVisible && /*#__PURE__*/jsxRuntime.jsxs("group", {
+        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+          castShadow: true,
+          position: [totalOpeningWidthM / 2 - doorStopWidthM / 2, 0, doorStopPositionZ],
+          material: allMaterials.doorStopMaterial,
+          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+            args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
+          })
+        }), frameType !== "WF_FLI" && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
             castShadow: true,
-            position: [0, topFrameCenterY, 0],
-            children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-              useGroups: true,
-              children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-                name: "frame-base",
-                material: allMaterials.frameMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM, topFrameWidthM, frameDepthM]
-                })
-              }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-                name: "cut-exterior",
-                material: allMaterials.frameMaterial,
-                position: [0, notchposition, 0],
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM + 0.01, notchWidthM, notchDepthM]
-                })
-              })]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, 0],
-            children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-              useGroups: true,
-              children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-                name: "frame-base",
-                material: allMaterials.frameMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
-                })
-              }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-                name: "cut-exterior",
-                material: allMaterials.frameMaterial,
-                position: [-notchposition, 0, 0],
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
-                })
-              })]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, 0],
-            children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-              useGroups: true,
-              children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-                name: "frame-base",
-                material: allMaterials.frameMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
-                })
-              }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-                name: "cut-exterior",
-                material: allMaterials.frameMaterial,
-                position: [notchposition, 0, 0],
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
-                })
-              })]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [0, totalOpeningHeightM / 2 - doorStopWidthM / 2, doorStopPositionZ],
-            material: allMaterials.doorStopMaterial,
+            position: [0, topGasketYPosition, gasketZPosition],
+            material: allMaterials.gasketMaterial,
             children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [totalOpeningWidthM, doorStopWidthM, doorStopDepthM]
+              args: [totalOpeningWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
             })
           }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
             castShadow: true,
-            position: [-totalOpeningWidthM / 2 + doorStopWidthM / 2, 0, doorStopPositionZ],
-            material: allMaterials.doorStopMaterial,
+            position: [leftGasketXPosition - 0.005, -0.005, gasketZPosition],
+            material: allMaterials.gasketMaterial,
             children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
+              args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
             })
           }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
             castShadow: true,
-            position: [totalOpeningWidthM / 2 - doorStopWidthM / 2, 0, doorStopPositionZ],
-            material: allMaterials.doorStopMaterial,
+            position: [rightGasketXPosition + 0.005, -0.005, gasketZPosition],
+            material: allMaterials.gasketMaterial,
             children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
+              args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
             })
-          }), frameType !== "WF_FLI" && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          })]
+        }), ["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsxs("group", {
+          children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
+            children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+              castShadow: true,
+              position: [0, totalOpeningHeightM / 2 - secondDoorStopWidthM / 2, secondDoorStopPositionZ],
+              material: allMaterials.doorStopMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [totalOpeningWidthM, secondDoorStopWidthM, secondDoorStopDepthM]
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+              castShadow: true,
+              position: [-totalOpeningWidthM / 2 + secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
+              material: allMaterials.doorStopMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+              castShadow: true,
+              position: [totalOpeningWidthM / 2 - secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
+              material: allMaterials.doorStopMaterial,
+              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+              })
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsxs("group", {
             children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
               castShadow: true,
-              position: [0, topGasketYPosition, gasketZPosition],
+              position: [0, secondTopGasketYPosition - 0.005, secondGasketZPosition],
               material: allMaterials.gasketMaterial,
               children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
                 args: [totalOpeningWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
               })
             }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
               castShadow: true,
-              position: [leftGasketXPosition - 0.005, -0.005, gasketZPosition],
+              position: [secondLeftGasketXPosition - 0.005, -0.01, secondGasketZPosition],
               material: allMaterials.gasketMaterial,
               children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
+                args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.04, gasketDepthM]
               })
             }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
               castShadow: true,
-              position: [rightGasketXPosition + 0.005, -0.005, gasketZPosition],
+              position: [secondRightGasketXPosition + 0.005, -0.01, secondGasketZPosition],
               material: allMaterials.gasketMaterial,
               children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
+                args: [gasketWidthM + 0.004, totalOpeningHeightM - 0.04, gasketDepthM]
               })
             })]
-          }), ["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsxs("group", {
+          }), glassVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
-              children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+              children: [["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
+                castShadow: true,
+                position: [0, topFrameCenterY - secondDoorStopWidthM / 2, leftGlass_Z],
+                material: allMaterials.glassInfillMaterial,
+                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+                  args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM + secondDoorStopWidthM, GlassPanelDepthM]
+                })
+              }), !["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [0, totalOpeningHeightM / 2 - secondDoorStopWidthM / 2, secondDoorStopPositionZ],
-                material: allMaterials.doorStopMaterial,
+                position: [0, topFrameCenterY, leftGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM, secondDoorStopWidthM, secondDoorStopDepthM]
+                  args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM, GlassPanelDepthM]
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [-totalOpeningWidthM / 2 + secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
-                material: allMaterials.doorStopMaterial,
+                position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2 + secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+                  args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [totalOpeningWidthM / 2 - secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
-                material: allMaterials.doorStopMaterial,
+                position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2 - secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+                  args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
                 })
               })]
             }), /*#__PURE__*/jsxRuntime.jsxs("group", {
               children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [0, secondTopGasketYPosition - 0.005, secondGasketZPosition],
-                material: allMaterials.gasketMaterial,
+                position: [0, topFrameCenterY, rightGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
+                  args: [totalOpeningWidthM, topFrameWidthM, GlassPanelDepthM]
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [secondLeftGasketXPosition - 0.005, -0.01, secondGasketZPosition],
-                material: allMaterials.gasketMaterial,
+                position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.04, gasketDepthM]
+                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
                 castShadow: true,
-                position: [secondRightGasketXPosition + 0.005, -0.01, secondGasketZPosition],
-                material: allMaterials.gasketMaterial,
+                position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
+                material: allMaterials.glassInfillMaterial,
                 children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [gasketWidthM + 0.004, totalOpeningHeightM - 0.04, gasketDepthM]
+                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
                 })
               })]
-            }), glassVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
-                children: [["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [0, topFrameCenterY - secondDoorStopWidthM / 2, leftGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM + secondDoorStopWidthM, GlassPanelDepthM]
-                  })
-                }), !["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [0, topFrameCenterY, leftGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM, GlassPanelDepthM]
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2 + secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2 - secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                  })
-                })]
-              }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-                children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [0, topFrameCenterY, rightGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [totalOpeningWidthM, topFrameWidthM, GlassPanelDepthM]
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                  castShadow: true,
-                  position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
-                  material: allMaterials.glassInfillMaterial,
-                  children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                    args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                  })
-                })]
-              })]
             })]
           })]
-        }), interiorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, interiorFanlightYPosition, doorCenterZ],
-          castShadow: true,
-          material: allMaterials.interiorFanlightMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [totalOpeningWidthM, interiorFanlightHeightM, doorDepthM]
-          })
-        }), doorInstances.map(instance => /*#__PURE__*/jsxRuntime.jsx(DoorLeaf, {
-          pivot: instance.pivot,
-          xOffset: instance.x,
-          materials: allMaterials
-        }, instance.key))]
-      })]
-    }) // CHANGE END: Close the new parent group
-  );
+        })]
+      }), interiorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
+        position: [0, interiorFanlightYPosition, doorCenterZ],
+        castShadow: true,
+        material: allMaterials.interiorFanlightMaterial,
+        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+          args: [totalOpeningWidthM, interiorFanlightHeightM, doorDepthM]
+        })
+      }), doorInstances.map(instance => /*#__PURE__*/jsxRuntime.jsx(DoorLeaf, {
+        pivot: instance.pivot,
+        xOffset: instance.x,
+        materials: allMaterials
+      }, instance.key))]
+    })]
+  });
 }
 
 // {
@@ -2274,20 +2311,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;