door_models 5.5.0 → 5.5.1

package/dist/index.cjs.js

@@ -295,7 +295,7 @@ const doorSettings = {
   }
 };
 
-const _excluded = ["doorDepth"];
+const _excluded$2 = ["doorDepth"];
 const ConfiguratorContext = /*#__PURE__*/React.createContext(undefined);
 const ConfiguratorProvider = _ref => {
   let {
@@ -592,7 +592,7 @@ const ConfiguratorProvider = _ref => {
     const {
         doorDepth
       } = newSettings,
-      newFrameSettings = _objectWithoutProperties(newSettings, _excluded);
+      newFrameSettings = _objectWithoutProperties(newSettings, _excluded$2);
     setDoorFrame(prev => _objectSpread2(_objectSpread2({}, prev), newFrameSettings));
     if (doorDepth !== undefined) {
       setDoor(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
@@ -2006,6 +2006,82 @@ function GlassHandle(_ref) {
   });
 }
 
+var frontGLB = "4876aee6b84794a5.glb";
+
+const _excluded$1 = ["color"];
+function HandlerStandardFront(_ref) {
+  let {
+      color
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const {
+    nodes,
+    materials
+  } = drei.useGLTF(frontGLB);
+  React__default["default"].useLayoutEffect(() => {
+    if (color) {
+      Object.values(materials).forEach(material => {
+        material.color.set(color);
+      });
+    }
+  }, [materials, color]);
+  return /*#__PURE__*/jsxRuntime.jsxs("group", _objectSpread2(_objectSpread2({}, props), {}, {
+    dispose: null,
+    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["001"].geometry,
+      material: nodes["001"].material,
+      position: [0, 0, 0.005]
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["002"].geometry,
+      material: nodes["002"].material,
+      rotation: [0, 0, -Math.PI / 2]
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["003"].geometry,
+      material: nodes["003"].material,
+      position: [0, -0.07, 0.006]
+    })]
+  }));
+}
+drei.useGLTF.preload(frontGLB);
+
+var backGLB = "8c2e7b96d0c65ccb.glb";
+
+const _excluded = ["color"];
+function HandlerStandardBack(_ref) {
+  let {
+      color
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    nodes,
+    materials
+  } = drei.useGLTF(backGLB);
+  React__default["default"].useLayoutEffect(() => {
+    if (color) {
+      Object.values(materials).forEach(material => {
+        material.color.set(color);
+      });
+    }
+  }, [materials, color]);
+  return /*#__PURE__*/jsxRuntime.jsxs("group", _objectSpread2(_objectSpread2({}, props), {}, {
+    dispose: null,
+    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["001"].geometry,
+      material: nodes["001"].material,
+      position: [0, 0, 0.005]
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["002"].geometry,
+      material: nodes["002"].material,
+      rotation: [0, 0, Math.PI / 2]
+    }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
+      geometry: nodes["003"].geometry,
+      material: nodes["003"].material,
+      position: [0, -0.07, 0.006]
+    })]
+  }));
+}
+drei.useGLTF.preload(backGLB);
+
 function StandardHandle(_ref) {
   let {
     position,
@@ -2014,41 +2090,12 @@ function StandardHandle(_ref) {
     frameType,
     handleColor
   } = _ref;
-  const frontGLTF = drei.useGLTF("/glb/HandlerStandardFront.glb");
-  const backGLTF = drei.useGLTF("/glb/HandlerStandardBack.glb");
-
-  // Apply color to front handle materials
-  React__default["default"].useEffect(() => {
-    if (frontGLTF.materials) {
-      Object.values(frontGLTF.materials).forEach(material => {
-        if (material) {
-          material.color.set(handleColor);
-        }
-      });
-    }
-  }, [frontGLTF.materials, handleColor]);
-
-  // Apply color to back handle materials
-  React__default["default"].useEffect(() => {
-    if (backGLTF.materials) {
-      Object.values(backGLTF.materials).forEach(material => {
-        if (material) {
-          material.color.set(handleColor);
-        }
-      });
-    }
-  }, [backGLTF.materials, handleColor]);
-
   // --- Thickness ---
   // default 5mm, but 8mm + 1–2mm if WDG frame
   const roseThickness = frameType === "WDGF_WDG100" ? 0.008 + 0.0015 : 0.005;
 
   // face offset based on thickness
   const faceZ = doorDepthM / 2 + roseThickness / 2;
-
-  // Clone scenes
-  const frontScene = React__default["default"].useMemo(() => frontGLTF.nodes.Scene.clone() || frontGLTF.nodes.root.clone(), [frontGLTF]);
-  const backScene = React__default["default"].useMemo(() => backGLTF.nodes.Scene.clone() || backGLTF.nodes.root.clone(), [backGLTF]);
   return /*#__PURE__*/jsxRuntime.jsx("group", {
     scale: 1.5,
     position: position,
@@ -2056,16 +2103,14 @@ function StandardHandle(_ref) {
       scale: [doorPivot === "left" ? -1 : 1, 1, 1],
       children: [/*#__PURE__*/jsxRuntime.jsx("group", {
         position: [0, 0, faceZ],
-        children: /*#__PURE__*/jsxRuntime.jsx("primitive", {
-          object: frontScene,
-          castShadow: CAST_SHADOW_MESHES
+        children: /*#__PURE__*/jsxRuntime.jsx(HandlerStandardFront, {
+          color: handleColor
         })
       }), /*#__PURE__*/jsxRuntime.jsx("group", {
         position: [0, 0, -faceZ],
         rotation: [0, Math.PI, 0],
-        children: /*#__PURE__*/jsxRuntime.jsx("primitive", {
-          object: backScene,
-          castShadow: CAST_SHADOW_MESHES
+        children: /*#__PURE__*/jsxRuntime.jsx(HandlerStandardBack, {
+          color: handleColor
         })
       })]
     })