door_models 0.1.0

package/dist/components/DoorModels.js

@@ -0,0 +1,924 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.availableMaterials = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _csg = require("@react-three/csg");
+var _DoorContext = require("../context/DoorContext.tsx");
+var _three = require("@react-spring/three");
+var THREE = _interopRequireWildcard(require("three"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const placeholderMaterial = new THREE.MeshStandardMaterial({
+  color: "#cccccc",
+  roughness: 0.8
+});
+const placeholderMaterialforFrames = new THREE.MeshStandardMaterial({
+  color: "#000",
+  roughness: 0.8
+});
+const availableMaterials = exports.availableMaterials = {
+  black: new THREE.MeshStandardMaterial({
+    color: "#000000"
+  }),
+  metal: new THREE.MeshStandardMaterial({
+    color: "#0xaaaaaa",
+    metalness: 1.0,
+    roughness: 0.4
+  }),
+  darkgrey: new THREE.MeshStandardMaterial({
+    color: "#5e5e5e"
+  }),
+  grey: new THREE.MeshStandardMaterial({
+    color: "#cccccc"
+  }),
+  yellow: new THREE.MeshStandardMaterial({
+    color: "#ffff00"
+  }),
+  darkBrown: new THREE.MeshStandardMaterial({
+    color: "#a0522d"
+  }),
+  brown: new THREE.MeshStandardMaterial({
+    color: "#d2b48c"
+  }),
+  glass: new THREE.MeshStandardMaterial({
+    color: "#ffffff",
+    roughness: 0.1,
+    transparent: true,
+    opacity: 0.7
+  }),
+  aluminum: new THREE.MeshStandardMaterial({
+    color: "#dcdcdc",
+    metalness: 1.0,
+    roughness: 0.3
+  }),
+  silver: new THREE.MeshStandardMaterial({
+    color: "#c0c0c0",
+    metalness: 1.0,
+    roughness: 0.2
+  }),
+  gold: new THREE.MeshStandardMaterial({
+    color: "#ffd700",
+    metalness: 1.0,
+    roughness: 0.3
+  }),
+  diamond: new THREE.MeshStandardMaterial({
+    color: "#e0f7fa",
+    metalness: 0.9,
+    roughness: 0.05,
+    transparent: true,
+    opacity: 0.9,
+    envMapIntensity: 1.5
+  })
+};
+function GlassHinge(_ref) {
+  let {
+    position,
+    pivot,
+    frameSideWidth,
+    doorDepthM,
+    material,
+    gasketMaterial
+  } = _ref;
+  const plateWidth = 130 / 1000;
+  const plateHeight = 55 / 1000;
+  const plateThickness = 8 / 1000;
+  const gasketThickness = 1 / 1000;
+  const pivotRadius = 10 / 1000;
+  const pivotHeight = plateHeight;
+  const sideMultiplier = pivot === "left" ? 1 : -1;
+  const plateOffsetX = sideMultiplier * (plateWidth / 2 + frameSideWidth);
+  const holeRadius = 10 / 1000;
+  const holeSpacingX = 45 / 1000;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+    position: position,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+      material: material,
+      castShadow: true,
+      receiveShadow: true,
+      "position-x": 0.01,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+        args: [pivotRadius, pivotRadius, pivotHeight, 32]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+      "position-x": plateOffsetX,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        "position-z": -(doorDepthM / 2) - plateThickness / 2 - gasketThickness,
+        material: material,
+        castShadow: true,
+        receiveShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [plateWidth, plateHeight, plateThickness]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        "position-z": -(doorDepthM / 2) - gasketThickness / 2,
+        material: gasketMaterial,
+        castShadow: true,
+        receiveShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [plateWidth, plateHeight, gasketThickness]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        "position-z": doorDepthM / 2 + plateThickness / 2 + gasketThickness,
+        castShadow: true,
+        receiveShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_csg.Geometry, {
+          useGroups: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Base, {
+            material: material,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [plateWidth, plateHeight, plateThickness]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+            position: [-sideMultiplier * (holeSpacingX / 2), 0, 0],
+            rotation: [Math.PI / 2, 0, 0],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+              args: [holeRadius, holeRadius, plateThickness + 0.01, 32]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+            position: [sideMultiplier * (holeSpacingX / 2), 0, 0],
+            rotation: [Math.PI / 2, 0, 0],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+              args: [holeRadius, holeRadius, plateThickness + 0.01, 32]
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        "position-z": doorDepthM / 2 + gasketThickness / 2,
+        material: gasketMaterial,
+        castShadow: true,
+        receiveShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [plateWidth, plateHeight, gasketThickness]
+        })
+      })]
+    })]
+  });
+}
+function DoorStopCuts(_ref2) {
+  let {
+    visible,
+    width,
+    height,
+    stopWidth,
+    stopDepth,
+    stopPositionZ,
+    centerZ,
+    glassDepthOffset = 0,
+    material,
+    setName
+  } = _ref2;
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+      name: "cut-top-".concat(setName),
+      material: material,
+      position: [0, height / 2 - stopWidth / 2 + 0.0001, stopPositionZ - centerZ],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+        args: [width + 0.01, stopWidth, stopDepth + 0.01]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+      name: "cut-left-".concat(setName),
+      material: material,
+      position: [-width / 2 + stopWidth / 2 - 0.0001, 0, stopPositionZ - centerZ],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+        args: [stopWidth, height + 0.01, stopDepth + 0.01]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+      name: "cut-right-".concat(setName),
+      material: material,
+      position: [width / 2 - stopWidth / 2 + 0.0001, 0, stopPositionZ - centerZ],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+        args: [stopWidth, height + 0.01, stopDepth + 0.01]
+      })
+    })]
+  });
+}
+function DoorModels(_ref3) {
+  let {
+    doorName
+  } = _ref3;
+  const {
+    isPlaneVisible,
+    isFrameVisible,
+    door,
+    doorFrame,
+    interiorFanlight,
+    exteriorFanlight,
+    occulus,
+    glass,
+    frontCoverPanel,
+    backCoverPanel,
+    frameType,
+    bodyType,
+    exteriorFanlightType,
+    testDoorMaterial,
+    testFrameMaterial,
+    testGasketMaterial,
+    testInteriorFanlightMaterial,
+    testExteriorFanlightMaterial,
+    testOcculusInfillMaterial,
+    testGlassInfillMaterial,
+    testDoorStopMaterial,
+    testHingeMaterial,
+    glassVisible,
+    testFrontCoverPanelMaterial,
+    testBackCoverPanelMaterial,
+    glassDepth,
+    handleParseCpid
+  } = (0, _DoorContext.useConfigurator)();
+  (0, _react.useEffect)(() => {
+    if (doorName) {
+      handleParseCpid(doorName);
+    }
+  }, [doorName, handleParseCpid]);
+
+  // here i get material names from context
+  const {
+    doorMaterial: doorMaterialName
+  } = door;
+  const {
+    frameMaterial: frameMaterialName,
+    gasketMaterial: gasketMaterialName,
+    doorStopMaterial: doorStopMaterialName,
+    hingeMaterial: hingeMaterialName
+  } = doorFrame;
+  const {
+    material: interiorFanlightMaterialName
+  } = interiorFanlight;
+  const {
+    material: exteriorFanlightMaterialName
+  } = exteriorFanlight;
+  const {
+    material: occulusInfillMaterialName
+  } = occulus;
+  const {
+    material: glassInfillMaterialName
+  } = glass;
+  const {
+    material: frontCoverPanelMaterialName
+  } = frontCoverPanel;
+  const {
+    material: backCoverPanelMaterialName
+  } = backCoverPanel;
+
+  // --- Material Logic ---
+  const doorMaterial = (0, _react.useMemo)(() => availableMaterials[testDoorMaterial] || availableMaterials[doorMaterialName] || placeholderMaterial, [testDoorMaterial, doorMaterialName]);
+  const frameMaterial = (0, _react.useMemo)(() => availableMaterials[testFrameMaterial] || availableMaterials[frameMaterialName] || placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
+  const gasketMaterial = (0, _react.useMemo)(() => availableMaterials[testGasketMaterial] || availableMaterials[gasketMaterialName] || new THREE.MeshStandardMaterial({
+    color: "#111111"
+  }), [testGasketMaterial, gasketMaterialName]);
+  const doorStopMaterial = (0, _react.useMemo)(() => {
+    return availableMaterials[testDoorStopMaterial] || availableMaterials[doorStopMaterialName || ""] || frameMaterial;
+  }, [testDoorStopMaterial, doorStopMaterialName, frameType, frameMaterial]);
+  const interiorFanlightMaterial = (0, _react.useMemo)(() => availableMaterials[testInteriorFanlightMaterial] || availableMaterials[interiorFanlightMaterialName] || placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
+  const exteriorFanlightMaterial = (0, _react.useMemo)(() => availableMaterials[testExteriorFanlightMaterial] || availableMaterials[exteriorFanlightMaterialName] || placeholderMaterial, [testExteriorFanlightMaterial, exteriorFanlightMaterialName]);
+  const occulusInfillMaterial = (0, _react.useMemo)(() => availableMaterials[testOcculusInfillMaterial] || availableMaterials[occulusInfillMaterialName] || placeholderMaterial, [testOcculusInfillMaterial, occulusInfillMaterialName]);
+  const glassInfillMaterial = (0, _react.useMemo)(() => availableMaterials[testGlassInfillMaterial] || availableMaterials[glassInfillMaterialName] || placeholderMaterial, [testGlassInfillMaterial, glassInfillMaterialName]);
+  const hingeBodyMaterial = (0, _react.useMemo)(() => availableMaterials[testHingeMaterial] || availableMaterials[hingeMaterialName] || new THREE.MeshStandardMaterial({
+    color: "#d4d4d4",
+    metalness: 1.0,
+    roughness: 0.4
+  }), [testHingeMaterial, hingeMaterialName]);
+  const frontCoverPanelMaterial = (0, _react.useMemo)(() => availableMaterials[testFrontCoverPanelMaterial] || availableMaterials[frontCoverPanelMaterialName] || placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
+  const backCoverPanelMaterial = (0, _react.useMemo)(() => availableMaterials[testBackCoverPanelMaterial] || availableMaterials[backCoverPanelMaterialName] || placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
+  const hingeAccentMaterial = (0, _react.useMemo)(() => new THREE.MeshStandardMaterial({
+    color: "#1a1a1a",
+    roughness: 0.1
+  }), []);
+
+  // --- Dimension calculations ---
+  const {
+    doorWidth,
+    doorHeight,
+    theDoorDepth,
+    doorPivot,
+    doorOpening
+  } = door;
+  const {
+    frameDepth,
+    topThk,
+    sidesThk,
+    doorStopWidth,
+    doorStopDepth,
+    doorStopOffset,
+    notchWidth,
+    notchDepth,
+    notchposition,
+    gasketWidth,
+    gasketDepth,
+    secondDoorStopWidth,
+    secondDoorStopDepth,
+    secondDoorStopOffset
+  } = doorFrame;
+  const {
+    height: interiorFanlightHeightValue
+  } = interiorFanlight;
+  const {
+    height: exteriorFanlightHeightValue,
+    depth: exteriorFanlightDepthValue
+  } = exteriorFanlight;
+  const {
+    x1: occulusX1,
+    x2: occulusX2,
+    y1: occulusY1,
+    y2: occulusY2,
+    depth: occulusInfillDepth
+  } = occulus;
+  const {
+    width: architraveWidth,
+    depth: architraveDepth
+  } = frontCoverPanel;
+  const interiorFanlightHeight = interiorFanlight.visible ? interiorFanlightHeightValue : 0;
+  const mainDoorHeight = doorHeight - interiorFanlightHeight;
+  const topThkValue = parseInt(topThk) || 20;
+  const sidesThkValue = parseInt(sidesThk) || 20;
+
+  // Convert dimensions from mm to meters
+  const doorWidthM = doorWidth / 1000;
+  const mainDoorHeightM = mainDoorHeight / 1000;
+  const interiorFanlightHeightM = interiorFanlightHeight / 1000;
+  const totalOpeningHeightM = doorHeight / 1000;
+  const doorDepthM = theDoorDepth / 1000;
+  const frameDepthM = frameDepth / 1000;
+  const topFrameWidthM = topThkValue / 1000;
+  const sidesFrameWidthM = sidesThkValue / 1000;
+  const exteriorFanlightHeightM = exteriorFanlightHeightValue / 1000;
+  const exteriorFanlightDepthM = exteriorFanlightDepthValue / 1000;
+  const occulusX1M = occulusX1 / 1000;
+  const occulusX2M = occulusX2 / 1000;
+  const occulusY1M = occulusY1 / 1000;
+  const occulusY2M = occulusY2 / 1000;
+  const occulusInfillDepthM = occulusInfillDepth / 1000;
+  const doorStopWidthM = doorStopWidth / 1000;
+  const doorStopDepthM = doorStopDepth / 1000;
+
+  // Architrave Dimensions
+  const architraveProfileM = architraveWidth / 1000;
+  const architraveDepthM = architraveDepth / 1000;
+
+  // Gasket Dimensions
+  const gasketWidthM = gasketWidth / 1000;
+  const gasketDepthM = gasketDepth / 1000;
+  const doorStopOffsetValue = parseInt(doorStopOffset);
+  const doorStopOffsetFromEdgeM = doorStopOffsetValue / 1000;
+  const notchDepthValue = parseInt(notchDepth) || 40;
+  const notchWidthValue = parseInt(notchWidth) || 20;
+  const notchWidthM = notchWidthValue / 1000;
+  const notchDepthM = notchDepthValue / 1000;
+  const isOpeningIn = doorOpening === "in";
+  const doorStopPositionZ = (0, _react.useMemo)(() => isOpeningIn ? frameDepthM / 2 - doorStopOffsetFromEdgeM - doorStopDepthM / 2 : -frameDepthM / 2 + doorStopOffsetFromEdgeM + doorStopDepthM / 2, [isOpeningIn, frameDepthM, doorStopOffsetFromEdgeM, doorStopDepthM]);
+  const gasketZPosition = (0, _react.useMemo)(() => isOpeningIn ? doorStopPositionZ - doorStopDepthM / 2 - gasketDepthM / 2 : doorStopPositionZ + doorStopDepthM / 2 + gasketDepthM / 2, [isOpeningIn, doorStopPositionZ, doorStopDepthM, gasketDepthM]);
+  const secondDoorStopWidthM = secondDoorStopWidth / 1000;
+  const secondDoorStopDepthM = secondDoorStopDepth / 1000;
+  const secondDoorStopPositionZ = isOpeningIn ? frameDepthM / 2 - secondDoorStopDepthM / 2 : -frameDepthM / 2 + secondDoorStopDepthM / 2;
+
+  // Position the first glass panel against the primary doorstop
+
+  const secondGasketZPosition = isOpeningIn ? secondDoorStopPositionZ - secondDoorStopDepthM / 2 - gasketDepthM / 2 : secondDoorStopPositionZ + secondDoorStopDepthM / 2 + gasketDepthM / 2;
+  const doorCenterZ = (0, _react.useMemo)(() => {
+    if (frameType === "WF_FLI") {
+      if (isOpeningIn) {
+        return frameDepthM / 2 - doorDepthM / 2;
+      } else {
+        return -frameDepthM / 2 + doorDepthM / 2;
+      }
+    }
+    if (frameType === "WDGF_WDG100" || frameType === "WF_100") {
+      return 0;
+    } else {
+      if (isOpeningIn) {
+        const gasketBackFaceZ = gasketZPosition - gasketDepthM / 2;
+        return gasketBackFaceZ - doorDepthM / 2;
+      } else {
+        const gasketFrontFaceZ = gasketZPosition + gasketDepthM / 2;
+        return gasketFrontFaceZ + doorDepthM / 2;
+      }
+    }
+  }, [isOpeningIn, gasketZPosition, gasketDepthM, doorDepthM, frameType, frameDepthM]);
+  const GlassPanelDepthM = glassDepth / 1000;
+  const frontGlassOffsetZ = doorDepthM / 2 + GlassPanelDepthM / 2;
+  const backGlassOffsetZ = -doorDepthM / 2 - GlassPanelDepthM / 2;
+
+  // ---  Door Stop Positions on Door ---
+  const doorStopOffsetOnDoor = frameType === "WDGF_WDG100" ? secondDoorStopWidthM / 2 : doorStopDepthM / 2;
+  const exteriorFanlightZPosition = exteriorFanlightType === "ALSGFL" ? 0 // Center it
+  : isOpeningIn ? -frameDepthM / 2 + exteriorFanlightDepthM / 2 : frameDepthM / 2 - exteriorFanlightDepthM / 2;
+  const occulusWidthM = doorWidthM - occulusX1M - occulusX2M;
+  const occulusHeightM = mainDoorHeightM - occulusY1M - occulusY2M;
+  const occulusPositionXM = (occulusX1M - occulusX2M) / 2;
+  const occulusPositionYM = (occulusY2M - occulusY1M) / 2;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const hingeSideX = doorPivot === "left" ? -doorWidthM / 2 : doorWidthM / 2;
+  const leftGlass_Z = -frameDepthM / 2 + GlassPanelDepthM / 2 - GlassPanelDepthM;
+  const rightGlass_Z = frameDepthM / 2 - GlassPanelDepthM / 2 + GlassPanelDepthM;
+  // --- PIVOT ---
+  const hingeZ = (0, _react.useMemo)(() => {
+    if (frameType === "WF_FLI") {
+      if (isOpeningIn) {
+        return doorCenterZ - doorDepthM / 2;
+      } else {
+        return doorCenterZ + doorDepthM / 2;
+      }
+    }
+    return isOpeningIn ? -frameDepthM / 2 : frameDepthM / 2;
+  }, [frameType, isOpeningIn, doorCenterZ, doorDepthM, frameDepthM]);
+  const doorOffsetZ = (0, _react.useMemo)(() => doorCenterZ - hingeZ, [doorCenterZ, hingeZ]);
+  const directionMultiplier = doorOpening === "in" ? 1 : -1;
+  const {
+    rotation
+  } = (0, _three.useSpring)({
+    rotation: isOpen ? [0, (doorPivot === "left" ? Math.PI / 2 : -Math.PI / 2) * directionMultiplier, 0] : [0, 0, 0],
+    config: {
+      mass: 1,
+      tension: 100,
+      friction: 20
+    }
+  });
+  const handleClick = () => setIsOpen(!isOpen);
+  const totalFrameWidth = doorWidthM + sidesFrameWidthM * 2;
+  const totalFrameHeightM = totalOpeningHeightM + topFrameWidthM;
+  const sideFrameCenterY = topFrameWidthM / 2;
+  const interiorFanlightYPosition = totalOpeningHeightM / 2 - interiorFanlightHeightM / 2;
+  const doorYPosition = -totalOpeningHeightM / 2 + mainDoorHeightM / 2;
+  const topFrameCenterY = totalOpeningHeightM / 2 + topFrameWidthM / 2;
+  const topOfFrameY = topFrameCenterY + topFrameWidthM / 2;
+  const exteriorFanlightYPosition = topOfFrameY + exteriorFanlightHeightM / 2;
+  const frontArchitraveZ = frameDepthM / 2 + architraveDepthM / 2;
+  const backArchitraveZ = -frameDepthM / 2 - architraveDepthM / 2;
+  const sideArchitraveHeight = totalOpeningHeightM;
+  const sideArchitraveCenterY = 0;
+  const leftArchitraveX = -doorWidthM / 2 - architraveProfileM / 2;
+  const rightArchitraveX = doorWidthM / 2 + architraveProfileM / 2;
+  const topArchitraveY = totalOpeningHeightM / 2 + architraveProfileM / 2;
+  const topArchitraveWidth = doorWidthM + 2 * architraveProfileM;
+
+  // --- Primary Gasket Edge Position Calculations ---
+  const topGasketYPosition = totalOpeningHeightM / 2 - doorStopWidthM + gasketWidthM / 2;
+  const leftGasketXPosition = -doorWidthM / 2 + doorStopWidthM - gasketWidthM / 2;
+  const rightGasketXPosition = doorWidthM / 2 - doorStopWidthM + gasketWidthM / 2;
+
+  // --- Second Gasket ---
+
+  const secondTopGasketYPosition = totalOpeningHeightM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
+  const secondLeftGasketXPosition = -doorWidthM / 2 + secondDoorStopWidthM - gasketWidthM / 2;
+  const secondRightGasketXPosition = doorWidthM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
+  // --- HINGE CALCULATIONS ---
+  const hingeTotalHeightM = 120 / 1000;
+  const hingeRadiusM = 8 / 1000;
+  const capHeightM = 4 / 1000;
+  const separatorHeightM = 4 / 1000;
+  const barrelPartHeight = (hingeTotalHeightM - capHeightM * 2 - separatorHeightM) / 2;
+
+  // --- HINGE VISIBILITY LOGIC ---
+  const isGlassDoor = (0, _react.useMemo)(() => ["SG8", "SG10", "SG12"].includes(bodyType), [bodyType]);
+
+  // Calculate evenly spaced hinge positions
+  const standardHingeYPositions = (0, _react.useMemo)(() => {
+    const numHinges = 4;
+    const topMargin = 180 / 1000;
+    const bottomMargin = 180 / 1000;
+    const availableHeight = mainDoorHeightM - topMargin - bottomMargin;
+    const spacing = availableHeight / (numHinges - 1);
+    const positions = [];
+    for (let i = 0; i < numHinges; i++) {
+      positions.push(mainDoorHeightM / 2 - topMargin - i * spacing);
+    }
+    return positions;
+  }, [mainDoorHeightM]);
+
+  // Y positions for the new glass hinges
+  const glassHingeYPositions = (0, _react.useMemo)(() => {
+    const topMargin = 250 / 1000;
+    const secondTopMargin = 450 / 1000;
+    const bottomMargin = 250 / 1000;
+    const top = mainDoorHeightM / 2 - topMargin;
+    const secondTop = mainDoorHeightM / 2 - secondTopMargin;
+    const bottom = -mainDoorHeightM / 2 + bottomMargin;
+    return [top, secondTop, bottom];
+  }, [mainDoorHeightM]);
+  const isStandardHingeVisible = (0, _react.useMemo)(() => {
+    if (isGlassDoor) return false;
+    if (!isFrameVisible) return false;
+    const invisibleFrameTypes = ["WDGF_WDG100", "WF_100", "WF_FLI"];
+    if (invisibleFrameTypes.includes(frameType)) {
+      return false;
+    }
+    return true;
+  }, [isFrameVisible, frameType, isGlassDoor]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [frontCoverPanel.visible && /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+      "position-z": frontArchitraveZ,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [0, topArchitraveY, 0],
+        castShadow: true,
+        material: frontCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [leftArchitraveX, sideArchitraveCenterY, 0],
+        castShadow: true,
+        material: frontCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [architraveProfileM, sideArchitraveHeight, architraveDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [rightArchitraveX, sideArchitraveCenterY, 0],
+        castShadow: true,
+        material: frontCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [architraveProfileM, sideArchitraveHeight, architraveDepthM]
+        })
+      })]
+    }), backCoverPanel.visible && /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+      "position-z": backArchitraveZ,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [0, topArchitraveY, 0],
+        castShadow: true,
+        material: backCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [leftArchitraveX, sideArchitraveCenterY, 0],
+        castShadow: true,
+        material: backCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [architraveProfileM, sideArchitraveHeight, architraveDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        position: [rightArchitraveX, sideArchitraveCenterY, 0],
+        castShadow: true,
+        material: backCoverPanelMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [architraveProfileM, sideArchitraveHeight, architraveDepthM]
+        })
+      })]
+    }), exteriorFanlight.visible && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+      position: [0, exteriorFanlightYPosition, exteriorFanlightZPosition],
+      castShadow: true,
+      material: exteriorFanlightMaterial,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+        args: [totalFrameWidth, exteriorFanlightHeightM, exteriorFanlightDepthM]
+      })
+    }), isFrameVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [0, topFrameCenterY, 0],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_csg.Geometry, {
+          useGroups: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Base, {
+            name: "frame-base",
+            material: frameMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [doorWidthM, topFrameWidthM, frameDepthM]
+            })
+          }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+            name: "cut-exterior",
+            material: frameMaterial,
+            position: [0, notchposition, 0],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [doorWidthM + 0.01, notchWidthM, notchDepthM]
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [-doorWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, 0],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_csg.Geometry, {
+          useGroups: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Base, {
+            name: "frame-base",
+            material: frameMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [sidesFrameWidthM, totalFrameHeightM, frameDepthM]
+            })
+          }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+            name: "cut-exterior",
+            material: frameMaterial,
+            position: [-notchposition, 0, 0],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [notchWidthM, totalFrameHeightM + 0.01, notchDepthM]
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [doorWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, 0],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_csg.Geometry, {
+          useGroups: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Base, {
+            name: "frame-base",
+            material: frameMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [sidesFrameWidthM, totalFrameHeightM, frameDepthM]
+            })
+          }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+            name: "cut-exterior",
+            material: frameMaterial,
+            position: [notchposition, 0, 0],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [notchWidthM, totalFrameHeightM + 0.01, notchDepthM]
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [0, totalOpeningHeightM / 2 - doorStopWidthM / 2, doorStopPositionZ],
+        material: doorStopMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [doorWidthM, doorStopWidthM, doorStopDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [-doorWidthM / 2 + doorStopWidthM / 2, 0, doorStopPositionZ],
+        material: doorStopMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        castShadow: true,
+        position: [doorWidthM / 2 - doorStopWidthM / 2, 0, doorStopPositionZ],
+        material: doorStopMaterial,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+          args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
+        })
+      }), frameType !== "WF_FLI" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          castShadow: true,
+          position: [0, topGasketYPosition, gasketZPosition],
+          material: gasketMaterial,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+            args: [doorWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          castShadow: true,
+          position: [leftGasketXPosition - 0.005, -0.005, gasketZPosition],
+          material: gasketMaterial,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+            args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          castShadow: true,
+          position: [rightGasketXPosition + 0.005, -0.005, gasketZPosition],
+          material: gasketMaterial,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+            args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
+          })
+        })]
+      }), (frameType === "WDGF_WDG100" || frameType === "WF_100" || frameType === "WF_FLI") && /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [0, totalOpeningHeightM / 2 - secondDoorStopWidthM / 2, secondDoorStopPositionZ],
+            material: doorStopMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [doorWidthM, secondDoorStopWidthM, secondDoorStopDepthM]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [-doorWidthM / 2 + secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
+            material: doorStopMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [doorWidthM / 2 - secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
+            material: doorStopMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [0, secondTopGasketYPosition - 0.005, secondGasketZPosition],
+            material: gasketMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [doorWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [secondLeftGasketXPosition - 0.005, -0.01, secondGasketZPosition],
+            material: gasketMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.04, gasketDepthM]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+            castShadow: true,
+            position: [secondRightGasketXPosition + 0.005, -0.01, secondGasketZPosition],
+            material: gasketMaterial,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+              args: [gasketWidthM + 0.004, totalOpeningHeightM - 0.04, gasketDepthM]
+            })
+          })]
+        }), glassVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+            children: [(frameType === "WDGF_WDG100" || frameType === "WF_100") && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [0, topFrameCenterY - secondDoorStopWidthM / 2, leftGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [doorWidthM - 2 * secondDoorStopWidthM, topFrameWidthM + secondDoorStopWidthM, GlassPanelDepthM]
+              })
+            }), frameType !== "WDGF_WDG100" && frameType !== "WF_100" && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [0, topFrameCenterY, leftGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [doorWidthM - 2 * secondDoorStopWidthM, topFrameWidthM, GlassPanelDepthM]
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [-doorWidthM / 2 - sidesFrameWidthM / 2 + secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [sidesFrameWidthM + secondDoorStopWidthM, totalFrameHeightM, GlassPanelDepthM]
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [doorWidthM / 2 + sidesFrameWidthM / 2 - secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [sidesFrameWidthM + secondDoorStopWidthM, totalFrameHeightM, GlassPanelDepthM]
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [0, topFrameCenterY, rightGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [doorWidthM, topFrameWidthM, GlassPanelDepthM]
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [-doorWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [sidesFrameWidthM, totalFrameHeightM, GlassPanelDepthM]
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+              castShadow: true,
+              position: [doorWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
+              material: glassInfillMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [sidesFrameWidthM, totalFrameHeightM, GlassPanelDepthM]
+              })
+            })]
+          })]
+        })]
+      })]
+    }), interiorFanlight.visible && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+      position: [0, interiorFanlightYPosition, doorCenterZ],
+      castShadow: true,
+      material: interiorFanlightMaterial,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+        args: [doorWidthM, interiorFanlightHeightM, doorDepthM]
+      })
+    }), isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+      position: [hingeSideX, doorYPosition + y, hingeZ],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        material: hingeBodyMaterial,
+        position: [0, separatorHeightM / 2 + barrelPartHeight / 2, 0],
+        castShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+          args: [hingeRadiusM, hingeRadiusM, barrelPartHeight, 32]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+        material: hingeAccentMaterial,
+        position: [0, separatorHeightM / 2 + barrelPartHeight + capHeightM / 2, 0],
+        castShadow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+          args: [hingeRadiusM, hingeRadiusM, capHeightM, 32]
+        })
+      })]
+    }, "frame-hinge-".concat(index))), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_three.a.group, {
+      position: [hingeSideX, doorYPosition, hingeZ],
+      rotation: rotation.to((x, y, z) => [x, y, z]),
+      onClick: handleClick,
+      onPointerOver: () => document.body.style.cursor = "pointer",
+      onPointerOut: () => document.body.style.cursor = "auto",
+      children: [isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+        position: [0, y, 0],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          material: hingeBodyMaterial,
+          position: [0, -separatorHeightM / 2 - barrelPartHeight / 2, 0],
+          castShadow: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+            args: [hingeRadiusM, hingeRadiusM, barrelPartHeight, 32]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          material: hingeAccentMaterial,
+          position: [0, -separatorHeightM / 2 - barrelPartHeight - capHeightM / 2, 0],
+          castShadow: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+            args: [hingeRadiusM, hingeRadiusM, capHeightM, 32]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          material: hingeAccentMaterial,
+          position: [0, 0, 0],
+          castShadow: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("cylinderGeometry", {
+            args: [hingeRadiusM, hingeRadiusM, separatorHeightM, 32]
+          })
+        })]
+      }, "door-hinge-".concat(index))), isGlassDoor && isFrameVisible && glassHingeYPositions.map((y, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(GlassHinge, {
+        position: [0, y, doorOffsetZ],
+        pivot: doorPivot,
+        frameSideWidth: sidesFrameWidthM,
+        doorDepthM: doorDepthM,
+        material: hingeBodyMaterial,
+        gasketMaterial: gasketMaterial
+      }, "glass-hinge-".concat(index))), /*#__PURE__*/(0, _jsxRuntime.jsxs)("group", {
+        position: [-hingeSideX, 0, doorOffsetZ],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          castShadow: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_csg.Geometry, {
+            useGroups: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Base, {
+              name: "door-base",
+              material: doorMaterial,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [doorWidthM, mainDoorHeightM, doorDepthM]
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DoorStopCuts, {
+              visible: frameType === "WDGF_WDG100" || frameType === "WF_100" || frameType === "WF_FLI",
+              width: doorWidthM,
+              height: totalOpeningHeightM,
+              stopWidth: doorStopWidthM,
+              stopDepth: doorStopDepthM,
+              stopPositionZ: doorStopPositionZ,
+              centerZ: doorCenterZ,
+              glassDepthOffset: GlassPanelDepthM / 2,
+              material: doorMaterial,
+              setName: "1"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DoorStopCuts, {
+              visible: frameType === "WDGF_WDG100" || frameType === "WF_100" || frameType === "WF_FLI",
+              width: doorWidthM,
+              height: totalOpeningHeightM,
+              stopWidth: secondDoorStopWidthM,
+              stopDepth: secondDoorStopDepthM,
+              stopPositionZ: secondDoorStopPositionZ,
+              centerZ: doorCenterZ,
+              glassDepthOffset: GlassPanelDepthM / 2,
+              material: doorMaterial,
+              setName: "2"
+            }), glassVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+                position: [0, 0, frontGlassOffsetZ],
+                castShadow: true,
+                material: glassInfillMaterial,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                  args: [doorWidthM, mainDoorHeightM, GlassPanelDepthM]
+                })
+              }), frameType !== "WDGF_WDG100" && frameType !== "WF_100" && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+                position: [0, 0, backGlassOffsetZ],
+                castShadow: true,
+                material: glassInfillMaterial,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                  args: [doorWidthM, mainDoorHeightM, GlassPanelDepthM]
+                })
+              }), (frameType === "WDGF_WDG100" || frameType === "WF_100") && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+                position: [0, -secondDoorStopWidthM / 2, backGlassOffsetZ],
+                castShadow: true,
+                material: glassInfillMaterial,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                  args: [doorWidthM - 2 * secondDoorStopWidthM, mainDoorHeightM - secondDoorStopWidthM, GlassPanelDepthM]
+                })
+              })]
+            }), occulus.visible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_csg.Subtraction, {
+              material: placeholderMaterial,
+              position: [occulusPositionXM, occulusPositionYM, 0],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+                args: [occulusWidthM, occulusHeightM, doorDepthM + 0.01]
+              })
+            })]
+          })
+        }), occulus.visible && occulus.infillVisible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("mesh", {
+          position: [occulusPositionXM, occulusPositionYM, 0],
+          castShadow: true,
+          material: occulusInfillMaterial,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("boxGeometry", {
+            args: [occulusWidthM, occulusHeightM, occulusInfillDepthM]
+          })
+        })]
+      })]
+    }), isPlaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)("mesh", {
+      receiveShadow: true,
+      rotation: [-Math.PI / 2, 0, 0],
+      position: [0, -totalOpeningHeightM / 2 - 0.01, 0],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("planeGeometry", {
+        args: [10, 10]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meshStandardMaterial", {
+        color: "#f9f9f9",
+        side: THREE.DoubleSide
+      })]
+    })]
+  });
+}
+var _default = exports.default = DoorModels;