@crystaldesign/diva-web-planner-react 26.12.0-beta.6 → 26.12.0-beta.8

package/build/esm/{index-0d7c84a8.js → index-e964adbc.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-8ca114fb.js';
+import { s as styleInject } from './index-249d6781.js';
 import 'react';
-import PlannerUI from './index-61fb9027.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-37d5e912.js';
+import PlannerUI from './index-f79b9f73.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-2e7cccb8.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,20 +24,20 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-d3a45895.js';
-import './index-ae40a7b4.js';
-import './index-7d8e97ec.js';
-import './index-56ca1b7c.js';
-import './index-41fb0a25.js';
-import './index-36841c48.js';
-import './index-97eca9c6.js';
-import './index-3459024d.js';
-import './index-02974e4c.js';
-import './index-29bf1b1e.js';
-import './index-acafbb10.js';
-import './index-7adbc7e0.js';
-import './index-7445bfb8.js';
-import './index-dafbf948.js';
+import './index-763a1a72.js';
+import './index-ad3fff23.js';
+import './index-af3a865d.js';
+import './index-d4585d84.js';
+import './index-4c00c302.js';
+import './index-c2d5cfad.js';
+import './index-2079b9c6.js';
+import './index-952e8c8a.js';
+import './index-ccacb54c.js';
+import './index-7d3bac22.js';
+import './index-596b0cbd.js';
+import './index-a8d1beb5.js';
+import './index-ed5d3de0.js';
+import './index-fc79c441.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-a900ba21.js → index-eb244632.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-8ca114fb.js';
+import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-249d6781.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-ff883bdf.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-1fbbe1e8.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-6acf9e4b.js';
-import ReverseCheck from './index-44ae7457.js';
+import InfoIcon from './index-04aa0bdb.js';
+import ReverseCheck from './index-64a89576.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b5a49205.js → index-eb3ed4e4.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-64930e07.js → index-ec719d82.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7445bfb8.js → index-ed5d3de0.js}

@@ -1,4 +1,4 @@
-import './index-8ca114fb.js';
+import './index-249d6781.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-3ead2988.js → index-f0884ae0.js}

@@ -1,12 +1,12 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-ce752a83.js';
+import NavBar from './index-ac30af84.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-64905bf3.js → index-f0d92e29.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import SettingsItemsWrapper from './index-53224842.js';
+import SettingsItemsWrapper from './index-f634b958.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,84 +23,84 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-d9371cef.js';
+import './index-b720c02b.js';
 import 'sift';
-import './index-b7576a79.js';
-import './index-c29dfa17.js';
-import './index-7e9862c4.js';
-import './index-a900ba21.js';
-import './index.module-ff883bdf.js';
-import './index-6acf9e4b.js';
-import './index-44ae7457.js';
+import './index-47c2d7ea.js';
+import './index-09d524e1.js';
+import './index-0a15fb39.js';
+import './index-eb244632.js';
+import './index.module-1fbbe1e8.js';
+import './index-04aa0bdb.js';
+import './index-64a89576.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-52225ea2.js';
+import './index-46b0e556.js';
 import 'react-dropdown';
-import './index-9815dfa5.js';
+import './index-65fa1029.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f151f65b.js';
-import './index-32e26f42.js';
-import './index-80a8f35d.js';
+import './index-1276e9ea.js';
+import './index-e960ad43.js';
+import './index-e6afd425.js';
 import '@crystaldesign/content-box';
-import './index-6c75fa05.js';
-import './index-1500b94b.js';
-import './index-bb6264ed.js';
-import './index-6f05eeed.js';
+import './index-c733f4a1.js';
+import './index-b4d257af.js';
+import './index-6f51ce58.js';
+import './index-3f1a1985.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-85c42be2.js';
-import './index-20c1a67a.js';
-import './index-9c8f03d3.js';
-import './index-07eeff5c.js';
-import './index-bc1b0bb4.js';
-import './index-25473302.js';
-import './index-862f784f.js';
+import './UnlockCard-a8be8970.js';
+import './index-2dab19de.js';
+import './index-bd5be781.js';
+import './index-895b49f6.js';
+import './index-8968c989.js';
+import './index-5982464d.js';
+import './index-9eb3ca7c.js';
 import 'react-laag';
-import './index.module-bc29c89c.js';
-import './index-5f08fd13.js';
-import './index-3dac3720.js';
-import './index-5952816a.js';
-import './index-f5562719.js';
-import './index-9138207e.js';
-import './index.module-a6aa2989.js';
-import './index-6cf021c5.js';
-import './index-82f26d47.js';
-import './index-170a180d.js';
-import './index-07c98739.js';
-import './index-2c467ca7.js';
-import './index-3beb94e5.js';
-import './index-777ff4da.js';
-import './index-73cef0ab.js';
-import './index-24ebdba0.js';
-import './index-10f3273f.js';
-import './index-ff887283.js';
-import './index-c51aade0.js';
-import './index-043f23b3.js';
+import './index.module-6acdbd89.js';
+import './index-5e53165b.js';
+import './index-7fb6e799.js';
+import './index-8cabb96a.js';
+import './index-da0ae878.js';
+import './index-6bda9dee.js';
+import './index.module-e40313d6.js';
+import './index-7ab9feea.js';
+import './index-638a1b4f.js';
+import './index-3d22f68a.js';
+import './index-37960367.js';
+import './index-f704c345.js';
+import './index-db67d874.js';
+import './index-4e2c67a5.js';
+import './index-2bc5b29f.js';
+import './index-cf5733fa.js';
+import './index-d570fb3d.js';
+import './index-fe46b816.js';
+import './index-4e036228.js';
+import './index-66e9f90a.js';
 import 'rc-slider';
-import './index-78a79457.js';
-import './index-3f5b550b.js';
-import './index-2ce18bbd.js';
-import './index-511187b2.js';
-import './index-70623795.js';
+import './index-853574bf.js';
+import './index-fe11a82e.js';
+import './index-039ac222.js';
+import './index-e0353950.js';
+import './index-ba3302cb.js';
 import 'react-confetti-explosion';
-import './index-6cb66c72.js';
-import './index-54b4b979.js';
-import './index-3a18ff19.js';
+import './index-0363a93e.js';
+import './index-60d74775.js';
+import './index-16aa1d69.js';
 import 'react-qr-code';
-import './index-dd74bc13.js';
-import './useCustomDimensions-28a1d729.js';
-import './index-d356173e.js';
-import './ussIsSticky-0d9204a0.js';
-import './index-2ad4360f.js';
-import './index-39a2d398.js';
-import './index-5e8ad13e.js';
-import './index.module-41eda03f.js';
-import './index-d65c56ac.js';
-import './index-2df12c01.js';
-import './index-e311ed48.js';
-import './index-6ff43caf.js';
-import './index-1b60201e.js';
-import './index-4c153c7f.js';
+import './index-e74d0cfd.js';
+import './useCustomDimensions-c7681ac6.js';
+import './index-726410e3.js';
+import './ussIsSticky-1699f9c7.js';
+import './index-28c408e2.js';
+import './index-a971f0b3.js';
+import './index-213e8257.js';
+import './index.module-585eee6d.js';
+import './index-9dc2ba7a.js';
+import './index-8166d1d7.js';
+import './index-b0d1a43b.js';
+import './index-123e913d.js';
+import './index-97828a35.js';
+import './index-41fb68f6.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-0cd9cfd2.js → index-f1317466.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-ccff7191.js → index-f197fd16.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-1d8ae802.js → index-f2f14a03.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-f3d08df6.js';
-import PriceSumm from './index-f7935a6a.js';
+import ActionNavigation from './index-c30f563a.js';
+import PriceSumm from './index-e311dd45.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -24,7 +24,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index.module-170a54f7.js';
+import './index.module-4a4b019f.js';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-2c2426cb.js → index-f45ab72b.js}

@@ -1,5 +1,5 @@
-import { s as styleInject, u as useViewHandler } from './index-8ca114fb.js';
-import ProductHeader from './index-f37899a6.js';
+import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
+import ProductHeader from './index-dcb7fa80.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,10 +23,10 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-b1814c7d.js';
-import './index-3a3f7711.js';
+import './index-a5deb9a6.js';
+import './index-caf1ed1e.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-28a1d729.js';
+import './useCustomDimensions-c7681ac6.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-19YtG";

package/build/esm/{index-53224842.js → index-f634b958.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-8ca114fb.js';
+import { u as useViewHandler } from './index-249d6781.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-d9371cef.js';
-import SettingsItemsGroup from './index-1b60201e.js';
-import ContentItemTeaser from './index-4c153c7f.js';
+import { S as SettingsItem } from './index-b720c02b.js';
+import SettingsItemsGroup from './index-97828a35.js';
+import ContentItemTeaser from './index-41fb68f6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,80 +26,80 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-b7576a79.js';
-import './index-c29dfa17.js';
-import './index-7e9862c4.js';
-import './index-a900ba21.js';
-import './index.module-ff883bdf.js';
-import './index-6acf9e4b.js';
-import './index-44ae7457.js';
+import './index-47c2d7ea.js';
+import './index-09d524e1.js';
+import './index-0a15fb39.js';
+import './index-eb244632.js';
+import './index.module-1fbbe1e8.js';
+import './index-04aa0bdb.js';
+import './index-64a89576.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-52225ea2.js';
+import './index-46b0e556.js';
 import 'react-dropdown';
-import './index-9815dfa5.js';
+import './index-65fa1029.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f151f65b.js';
-import './index-32e26f42.js';
-import './index-80a8f35d.js';
+import './index-1276e9ea.js';
+import './index-e960ad43.js';
+import './index-e6afd425.js';
 import '@crystaldesign/content-box';
-import './index-6c75fa05.js';
-import './index-1500b94b.js';
-import './index-bb6264ed.js';
-import './index-6f05eeed.js';
+import './index-c733f4a1.js';
+import './index-b4d257af.js';
+import './index-6f51ce58.js';
+import './index-3f1a1985.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-85c42be2.js';
-import './index-20c1a67a.js';
-import './index-9c8f03d3.js';
-import './index-07eeff5c.js';
-import './index-bc1b0bb4.js';
-import './index-25473302.js';
-import './index-862f784f.js';
+import './UnlockCard-a8be8970.js';
+import './index-2dab19de.js';
+import './index-bd5be781.js';
+import './index-895b49f6.js';
+import './index-8968c989.js';
+import './index-5982464d.js';
+import './index-9eb3ca7c.js';
 import 'react-laag';
-import './index.module-bc29c89c.js';
-import './index-5f08fd13.js';
-import './index-3dac3720.js';
-import './index-5952816a.js';
-import './index-f5562719.js';
-import './index-9138207e.js';
-import './index.module-a6aa2989.js';
-import './index-6cf021c5.js';
-import './index-82f26d47.js';
-import './index-170a180d.js';
-import './index-07c98739.js';
-import './index-2c467ca7.js';
-import './index-3beb94e5.js';
-import './index-777ff4da.js';
-import './index-73cef0ab.js';
-import './index-24ebdba0.js';
-import './index-10f3273f.js';
-import './index-ff887283.js';
-import './index-c51aade0.js';
-import './index-043f23b3.js';
+import './index.module-6acdbd89.js';
+import './index-5e53165b.js';
+import './index-7fb6e799.js';
+import './index-8cabb96a.js';
+import './index-da0ae878.js';
+import './index-6bda9dee.js';
+import './index.module-e40313d6.js';
+import './index-7ab9feea.js';
+import './index-638a1b4f.js';
+import './index-3d22f68a.js';
+import './index-37960367.js';
+import './index-f704c345.js';
+import './index-db67d874.js';
+import './index-4e2c67a5.js';
+import './index-2bc5b29f.js';
+import './index-cf5733fa.js';
+import './index-d570fb3d.js';
+import './index-fe46b816.js';
+import './index-4e036228.js';
+import './index-66e9f90a.js';
 import 'rc-slider';
-import './index-78a79457.js';
-import './index-3f5b550b.js';
-import './index-2ce18bbd.js';
-import './index-511187b2.js';
-import './index-70623795.js';
+import './index-853574bf.js';
+import './index-fe11a82e.js';
+import './index-039ac222.js';
+import './index-e0353950.js';
+import './index-ba3302cb.js';
 import 'react-confetti-explosion';
-import './index-6cb66c72.js';
-import './index-54b4b979.js';
-import './index-3a18ff19.js';
+import './index-0363a93e.js';
+import './index-60d74775.js';
+import './index-16aa1d69.js';
 import 'react-qr-code';
-import './index-dd74bc13.js';
-import './useCustomDimensions-28a1d729.js';
-import './index-d356173e.js';
-import './ussIsSticky-0d9204a0.js';
-import './index-2ad4360f.js';
-import './index-39a2d398.js';
-import './index-5e8ad13e.js';
-import './index.module-41eda03f.js';
-import './index-d65c56ac.js';
-import './index-2df12c01.js';
-import './index-e311ed48.js';
-import './index-6ff43caf.js';
+import './index-e74d0cfd.js';
+import './useCustomDimensions-c7681ac6.js';
+import './index-726410e3.js';
+import './ussIsSticky-1699f9c7.js';
+import './index-28c408e2.js';
+import './index-a971f0b3.js';
+import './index-213e8257.js';
+import './index.module-585eee6d.js';
+import './index-9dc2ba7a.js';
+import './index-8166d1d7.js';
+import './index-b0d1a43b.js';
+import './index-123e913d.js';
 
 var SettingsItemsWrapper = function SettingsItemsWrapper(_ref) {
   var itemPalettesArr = _ref.itemPalettesArr,

package/build/esm/{index-8a296c87.js → index-f700a74c.js}

@@ -1,12 +1,12 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { g as blobToDataUrl, h as reencodeJpegDataUrl, u as useViewHandler, i as useRTVAnalyzerComponentsFromPlanner, j as registerRtvNextViewer } from './index-8ca114fb.js';
-import { useRef, useEffect, useMemo } from 'react';
+import { g as blobToDataUrl, h as reencodeJpegDataUrl, u as useViewHandler, i as useRTVAnalyzerComponentsFromPlanner, j as registerRtvNextViewer } from './index-249d6781.js';
+import { useRef, useEffect, useMemo, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRendererNext, { emitConfig, ENVIRONMENT_CONFIG, useRTVStore, WHITE_ROOM_PRESET } from '@crystaldesign/real-time-viewer-next';
 import { bootMark } from '@crystaldesign/web-planner-logic';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { jsx } from 'react/jsx-runtime';
@@ -802,18 +802,41 @@ var PlannerRTVNext = function PlannerRTVNext() {
   var showRTV = viewHandler.productState.doShowRTV;
   var show3DComb = viewHandler.productState.doShow3DComb;
   var showGrid = viewHandler.productState.doShowGrid;
-  // Nothing is rendered in either case, so the planner→viewer translation is skipped: a hidden
-  // planner still re-renders on every MobX planner change and would otherwise walk the whole
-  // planned-elements dict and re-encode every element SVG for a viewer that is not mounted.
   // CREATE_IMAGE never goes through the footer, so none of the view flags is ever set for it — the
   // viewer must still mount, it *is* the capture source (see useCreateImageShot below).
   var isCreateImage = viewHandler.configState.initMode === 'CREATE_IMAGE';
-  var isHidden = !isVisible || !showRTV && !show3DComb && !showGrid && !isCreateImage;
+  // Another product-center view is on top (AI room, rendered image). Once the viewer has been on
+  // screen this only PAUSES it (`stopRender`): unmounting would drop the WebGL context, the
+  // assembled scene and every cache, and rebuild them all on the way back.
+  var viewCovered = !showRTV && !show3DComb && !showGrid && !isCreateImage;
+  // A hidden parent view still unmounts, and resets the latch: the rtv-next store is page-global,
+  // so a hidden planner's viewer and the visible planner's would fight over it. Committed state
+  // adjusted during render, not a ref written in render: an abandoned render leaves nothing behind.
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shownOnce = _useState2[0],
+    setShownOnce = _useState2[1];
+  var isMounted = isVisible && (shownOnce || !viewCovered);
+  if (isMounted !== shownOnce) setShownOnce(isMounted);
+  // While covered the view mode is frozen: the show flags are all false then, and deriving '3d'
+  // from them would fly a 2D planner to 3D (and load its 3D assets) behind the covering view.
+  var _useState3 = useState('3d'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    frozenViewMode = _useState4[0],
+    setFrozenViewMode = _useState4[1];
+  var viewMode = viewCovered ? frozenViewMode : showGrid || isCreateImage ? '2d' : '3d';
+  if (viewMode !== frozenViewMode) setFrozenViewMode(viewMode);
 
   // `isPoolPlanning`: a planning whose articles carry a dimension config is a static drawing (pool
   // plan) — hide all on-canvas buttons (posNr/move/rotate/trash chrome and docking-point buttons,
   // both gated on `hideUiIcons` inside rtv-next) and force the dimension lines on.
-  var scene = isHidden ? undefined : buildScene2D(viewHandler);
+  // Nothing is rendered while unmounted or covered, so the planner→viewer translation is skipped:
+  // the planner still re-renders on every MobX planner change and would otherwise walk the whole
+  // planned-elements dict and re-encode every element SVG for a viewer nobody is looking at. While
+  // covered the last built scene is kept, so `scene2d` also stays identity-stable in the store.
+  var lastSceneRef = useRef(undefined);
+  var scene = !isMounted ? undefined : viewCovered ? lastSceneRef.current : buildScene2D(viewHandler);
+  lastSceneRef.current = scene;
   var scene2d = scene === null || scene === void 0 ? void 0 : scene.scene2d;
   var isPoolPlanning = (_scene$isPoolPlanning = scene === null || scene === void 0 ? void 0 : scene.isPoolPlanning) !== null && _scene$isPoolPlanning !== void 0 ? _scene$isPoolPlanning : false;
 
@@ -827,8 +850,7 @@ var PlannerRTVNext = function PlannerRTVNext() {
   // has to stay above the guard below — it is inert without a scene, and while the planner renders
   // nothing there is no mounted viewer to capture from anyway.
   useCreateImageShot(viewHandler, scene2d, rtvPreset);
-  if (isHidden) return null;
-  var viewMode = showGrid || isCreateImage ? '2d' : '3d';
+  if (!isMounted) return null;
   var curTabGroupType = (_viewHandler$tabGroup4 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.type;
   var plannerMode = curTabGroupType != null && PLANNER_TAB_GROUP_TYPES.has(curTabGroupType);
   var focusElementId = viewHandler.productState.rtvFocusElementId;
@@ -865,7 +887,7 @@ var PlannerRTVNext = function PlannerRTVNext() {
     hqRenderScript: needs3D ? viewHandler.hqRenderScript : undefined,
     scene2d: scene2d,
     viewMode: viewMode,
-    stopRender: !isVisible,
+    stopRender: viewCovered,
     config: {
       // Strip a trailing slash so downstream URL building (material blob paths, geo/texture URLs)
       // doesn't emit `…/diva3darchiv//…` double slashes that the archive host may mis-route.

package/build/esm/{index-2c467ca7.js → index-f704c345.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-8ca114fb.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-249d6781.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-bc29c89c.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6acdbd89.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-3beb94e5.js';
+import MetaData from './index-db67d874.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-6acf9e4b.js';
-import ReverseCheck from './index-44ae7457.js';
+import InfoIcon from './index-04aa0bdb.js';
+import ReverseCheck from './index-64a89576.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';