@sequent-org/ifc-viewer 1.2.4-ci.44.0 → 1.2.4-ci.45.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sequent-org/ifc-viewer",
   "private": false,
-  "version": "1.2.4-ci.44.0",
+  "version": "1.2.4-ci.45.0",
   "type": "module",
   "description": "IFC 3D model viewer component for web applications - fully self-contained with local IFCLoader",
   "main": "src/index.js",

package/src/IfcViewer.js

@@ -301,7 +301,7 @@ export class IfcViewer {
   _createInterface() {
     // Основная разметка просмотрщика
     const html = `
-      <div class="ifc-viewer-container" style="width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; border:0px red solid;">
+      <div class="ifc-viewer-container" style="width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; background: #ffffff; border:0px red solid;">
        <!-- Прелоадер -->
         <div id="ifcPreloader" class="absolute inset-0 bg-base-100 flex items-center justify-center z-50">
           <div class="text-center">
@@ -352,7 +352,7 @@ export class IfcViewer {
         </div>              
 
         <!-- Основной контейнер просмотрщика -->
-        <div id="ifcViewerMain" class="w-full flex-1 relative"></div>
+        <div id="ifcViewerMain" class="w-full flex-1 relative bg-base-100" style="background: #ffffff;"></div>
 
         <!-- Боковая панель (временно скрыта) -->
         <div id="ifcSidebar" class="absolute left-0 top-0 h-full w-80 bg-base-200 shadow-lg transform -translate-x-full transition-transform duration-300 pointer-events-none z-40" style="display: none;">

package/src/viewer/Viewer.js

@@ -455,9 +455,14 @@ export class Viewer {
     // logarithmicDepthBuffer: уменьшает z-fighting на почти копланарных поверхностях (часто в IFC).
     // Это заметно снижает "мигание" тонких накладных деталей на фасадах.
     // stencil: нужен для отрисовки "cap" по контуру сечения
-    this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true, stencil: true });
+    // ВАЖНО: фон всегда должен быть чисто белым и не зависеть от CSS-окружения (модалки/страницы).
+    // Поэтому делаем рендер НЕпрозрачным (alpha: false) и задаём белый clearColor.
+    this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false, logarithmicDepthBuffer: true, stencil: true });
     this.renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
     this.renderer.autoClear = false; // управляем очисткой вручную для мульти-проходов
+    try {
+      this.renderer.setClearColor(0xffffff, 1);
+    } catch (_) {}
     // Тени по умолчанию выключены (включаются только через setShadowsEnabled)
     this.renderer.shadowMap.enabled = false;
     this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
@@ -480,6 +485,8 @@ export class Viewer {
 
     // Сцена
     this.scene = new THREE.Scene();
+    // Гарантируем белый фон сцены (в том числе для composer/pass-ов).
+    try { this.scene.background = new THREE.Color(0xffffff); } catch (_) {}
     // Оверлей-сцена для секущих манипуляторов (без клиппинга)
     this.sectionOverlayScene = new THREE.Scene();
 
@@ -2667,24 +2674,12 @@ export class Viewer {
    * @param {boolean} enabled
    */
   setStep3BackgroundEnabled(enabled) {
-    const next = !!enabled;
-    if (next === this._step3Background.enabled) return;
+    // По требованиям: фон ВСЕГДА чисто белый, и шаг 3 не должен менять фон сцены.
+    // Поэтому игнорируем "включение" и принудительно удерживаем белый фон.
     if (!this.scene) return;
-
-    if (next) {
-      // Снимем, что было до (Color|Texture|null)
-      const prev = this.scene.background ?? null;
-      this._step3Background.snapshot = { background: prev };
-      try { this.scene.background = new THREE.Color(this._step3Background.colorHex); } catch (_) {}
-      this._step3Background.enabled = true;
-      return;
-    }
-
-    const snap = this._step3Background.snapshot;
     this._step3Background.enabled = false;
     this._step3Background.snapshot = null;
-    if (!snap) return;
-    try { this.scene.background = snap.background ?? null; } catch (_) {}
+    try { this.scene.background = new THREE.Color(0xffffff); } catch (_) {}
   }
 
   setAOEnabled(enabled) {