door_models 5.4.1 → 5.4.3

package/dist/index.esm.js

@@ -75,8 +75,7 @@ const ConfiguratorProvider = _ref => {
   let {
     children,
     initialIs2D = false,
-    initialMaterials = {},
-    totalDepth
+    initialMaterials = {}
   } = _ref;
   const [materials, setMaterials] = useState(initialMaterials);
   const [is2D, setIs2D] = useState(initialIs2D);
@@ -573,35 +572,13 @@ const ConfiguratorProvider = _ref => {
         };
         break;
     }
-    const baseTotalDepth = 103; // Define the reference depth for scaling (103mm is a common default)
-    const scaleFactor = totalDepth !== undefined && baseTotalDepth > 0 ? totalDepth / baseTotalDepth : 1;
-
-    // Apply the scaling factor to all depth-related settings
-    if (scaleFactor !== 1) {
-      if (newSettings.frameDepth !== undefined) newSettings.frameDepth *= scaleFactor;
-      if (newSettings.doorDepth !== undefined) newSettings.doorDepth *= scaleFactor;
-      if (newSettings.doorStopDepth !== undefined) newSettings.doorStopDepth *= scaleFactor;
-      if (newSettings.secondDoorStopDepth !== undefined) newSettings.secondDoorStopDepth *= scaleFactor;
-      if (newSettings.gasketDepth !== undefined) newSettings.gasketDepth *= scaleFactor;
-
-      // Handle string-based depths like "40mm" for notchDepth
-      if (typeof newSettings.notchDepth === "string") {
-        const num = parseInt(newSettings.notchDepth, 10);
-        if (!isNaN(num)) {
-          newSettings.notchDepth = "".concat(num * scaleFactor, "mm");
-        }
-      }
-    }
     const isMxCaf = frameType.startsWith("MXCAF");
     setFrontCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf,
-      depth: 12 * scaleFactor
+      visible: isMxCaf
     }));
     setBackCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf,
-      depth: 12 * scaleFactor
+      visible: isMxCaf
     }));
-    setGlassDepth(8 * scaleFactor);
     const {
         doorDepth
       } = newSettings,
@@ -612,7 +589,7 @@ const ConfiguratorProvider = _ref => {
         theDoorDepth: doorDepth
       }));
     }
-  }, [frameType, totalDepth]);
+  }, [frameType]);
 
   // ---  Exterior Fanlight Logic ---
   useEffect(() => {
@@ -722,74 +699,61 @@ const useConfigurator = () => {
 
 const availableMaterials = {
   black: new THREE.MeshStandardMaterial({
-    color: "#000000",
-    side: THREE.DoubleSide
+    color: "#000000"
   }),
   metal: new THREE.MeshStandardMaterial({
     color: "#aaaaaa",
     metalness: 1.0,
-    roughness: 0.4,
-    side: THREE.DoubleSide
+    roughness: 0.4
   }),
   darkgrey: new THREE.MeshStandardMaterial({
-    color: "#5e5e5e",
-    side: THREE.DoubleSide
+    color: "#5e5e5e"
   }),
   grey: new THREE.MeshStandardMaterial({
-    color: "#cccccc",
-    side: THREE.DoubleSide
+    color: "#cccccc"
   }),
   yellow: new THREE.MeshStandardMaterial({
-    color: "#ffff00",
-    side: THREE.DoubleSide
+    color: "#ffff00"
   }),
   darkBrown: new THREE.MeshStandardMaterial({
-    color: "#a0522d",
-    side: THREE.DoubleSide
+    color: "#a0522d"
   }),
   brown: new THREE.MeshStandardMaterial({
-    color: "#d2b48c",
-    side: THREE.DoubleSide
+    color: "#d2b48c"
   }),
   glass: new THREE.MeshStandardMaterial({
     color: "#ffffff",
     roughness: 0.1,
     transparent: true,
-    opacity: 0.7,
-    side: THREE.DoubleSide
+    opacity: 0.7
   }),
   aluminum: new THREE.MeshStandardMaterial({
     color: "#abb0aa",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2,
-    side: THREE.DoubleSide
+    envMapIntensity: 1.2
   }),
   aluminumBrighter: new THREE.MeshStandardMaterial({
     color: "#cdcdcd",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2,
-    side: THREE.DoubleSide
+    envMapIntensity: 1.2
   }),
   aluminumExtraBrighter: new THREE.MeshStandardMaterial({
     color: "#ececec",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2,
-    side: THREE.DoubleSide
+    envMapIntensity: 1.2
   }),
   silver: new THREE.MeshStandardMaterial({
     color: "#c0c0c0",
     metalness: 1.0,
-    roughness: 0.2,
-    side: THREE.DoubleSide
+    roughness: 0.2
   }),
   gold: new THREE.MeshStandardMaterial({
     color: "#ffd700",
     metalness: 1.0,
-    roughness: 0.3,
-    side: THREE.DoubleSide
+    roughness: 0.3
   }),
   diamond: new THREE.MeshStandardMaterial({
     color: "#e0f7fa",
@@ -797,24 +761,20 @@ const availableMaterials = {
     roughness: 0.05,
     transparent: true,
     opacity: 0.9,
-    envMapIntensity: 1.5,
-    side: THREE.DoubleSide
+    envMapIntensity: 1.5
   }),
   test_material: new THREE.MeshStandardMaterial({
     color: "red",
-    roughness: 0.1,
-    side: THREE.DoubleSide
+    roughness: 0.1
   })
 };
 new THREE.MeshStandardMaterial({
   color: "#cccccc",
-  roughness: 0.8,
-  side: THREE.DoubleSide
+  roughness: 0.8
 });
 new THREE.MeshStandardMaterial({
   color: "#000",
-  roughness: 0.8,
-  side: THREE.DoubleSide
+  roughness: 0.8
 });
 
 // Helper function to check for hex color codes
@@ -822,7 +782,7 @@ const isHexColor = str => /^#([0-9A-F]{3}){1,2}$/i.test(str);
 
 /**
  * A simple "builder" that creates a THREE.MeshStandardMaterial from a prop and an
- * optional map of pre-loaded textures. It does NOT load textures itself.
+ * optional map of pre-loaded textures. It now loads textures if they are not pre-loaded.
  * @param prop - The material definition (string or object).
  * @param textures - A map of URL -> THREE.Texture, provided by useTexture.
  * @returns A THREE.MeshStandardMaterial instance.
@@ -845,7 +805,8 @@ const buildMaterial = (prop, textures) => {
   } else if (textures && textures[sourceValue]) {
     params.map = textures[sourceValue];
   } else {
-    params.color = "yellow";
+    const texture = new THREE.TextureLoader().load(sourceValue);
+    params.map = texture;
   }
   if (opacity !== undefined && opacity < 1) {
     params.transparent = true;
@@ -2284,24 +2245,20 @@ const DoorConfigurator = _ref => {
     is2D = false,
     totalWidth,
     totalHeight,
-    totalDepth // Destructure the new prop
+    frameDepth
   } = _ref;
-  return (
-    /*#__PURE__*/
-    // Pass the totalDepth prop to the Provider
-    jsx(ConfiguratorProvider, {
-      initialIs2D: is2D,
-      totalDepth: totalDepth,
-      children: /*#__PURE__*/jsx(DoorModels, {
-        doorName: doorName,
-        materials: materials,
-        doorPivot: doorPivot,
-        doorOpening: doorOpening,
-        totalWidth: totalWidth,
-        totalHeight: totalHeight
-      })
+  return /*#__PURE__*/jsx(ConfiguratorProvider, {
+    initialIs2D: is2D,
+    children: /*#__PURE__*/jsx(DoorModels, {
+      doorName: doorName,
+      materials: materials,
+      doorPivot: doorPivot,
+      doorOpening: doorOpening,
+      totalWidth: totalWidth,
+      totalHeight: totalHeight,
+      frameDepth: frameDepth
     })
-  );
+  });
 };
 
 export { DoorConfigurator as default, useConfigurator };