door_models 2.0.1 → 3.0.0

package/dist/components/DoorModels.js

@@ -1,924 +0,0 @@
-"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");
-var _three = require("@react-spring/three");
-var _three2 = 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 _three2.MeshStandardMaterial({
-  color: "#cccccc",
-  roughness: 0.8
-});
-const placeholderMaterialforFrames = new _three2.MeshStandardMaterial({
-  color: "#000",
-  roughness: 0.8
-});
-const availableMaterials = exports.availableMaterials = {
-  black: new _three2.MeshStandardMaterial({
-    color: "#000000"
-  }),
-  metal: new _three2.MeshStandardMaterial({
-    color: "#0xaaaaaa",
-    metalness: 1.0,
-    roughness: 0.4
-  }),
-  darkgrey: new _three2.MeshStandardMaterial({
-    color: "#5e5e5e"
-  }),
-  grey: new _three2.MeshStandardMaterial({
-    color: "#cccccc"
-  }),
-  yellow: new _three2.MeshStandardMaterial({
-    color: "#ffff00"
-  }),
-  darkBrown: new _three2.MeshStandardMaterial({
-    color: "#a0522d"
-  }),
-  brown: new _three2.MeshStandardMaterial({
-    color: "#d2b48c"
-  }),
-  glass: new _three2.MeshStandardMaterial({
-    color: "#ffffff",
-    roughness: 0.1,
-    transparent: true,
-    opacity: 0.7
-  }),
-  aluminum: new _three2.MeshStandardMaterial({
-    color: "#dcdcdc",
-    metalness: 1.0,
-    roughness: 0.3
-  }),
-  silver: new _three2.MeshStandardMaterial({
-    color: "#c0c0c0",
-    metalness: 1.0,
-    roughness: 0.2
-  }),
-  gold: new _three2.MeshStandardMaterial({
-    color: "#ffd700",
-    metalness: 1.0,
-    roughness: 0.3
-  }),
-  diamond: new _three2.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 _three2.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 _three2.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 _three2.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: _three2.DoubleSide
-      })]
-    })]
-  });
-}
-var _default = exports.default = DoorModels;