@crystaldesign/diva-web-planner-react 26.12.0-beta.3 → 26.12.0-beta.30

package/build/esm/{index-ce85fbb0.js → index-9940b3b2.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import { useEffect } from 'react';
-import Inputbox from './index-6c3c1054.js';
-import Settings from './index-0238f439.js';
-import TabGroup from './index-e60b4b07.js';
+import Inputbox from './index-063dc782.js';
+import Settings from './index-227b3a48.js';
+import TabGroup from './index-b91152cf.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-a2774014.js';
-import NavigationButtons from './index-6de9ec10.js';
-import ContentItemWrapper from './index-e21da5bf.js';
+import Toolbar from './index-8723cf28.js';
+import NavigationButtons from './index-7aaa17ec.js';
+import ContentItemWrapper from './index-a0b4fcbe.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,101 +29,101 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-496fbe88.js';
-import './index-fa6e157c.js';
-import './index-1ff22333.js';
-import './index-be361f00.js';
-import './index-29dddee0.js';
+import './index-8c78ca29.js';
+import './index-28c45616.js';
+import './index-86f8f0e1.js';
+import './index-466b2c6d.js';
+import './index-88e331ff.js';
 import 'sift';
-import './index-b38f4589.js';
-import './index-be65c36f.js';
-import './index-d58535a2.js';
-import './index-f3bb0857.js';
-import './index.module-50eddf6c.js';
-import './index-c8f26884.js';
-import './index-31887eac.js';
+import './index-fd11bb36.js';
+import './index-ae2f88ef.js';
+import './index-2ec76bd0.js';
+import './index-e2c53787.js';
+import './index.module-4dbcf5c4.js';
+import './index-a1bfb8f3.js';
+import './index-6c52b105.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-70e7c44e.js';
+import './index-3f93d8d7.js';
 import 'react-dropdown';
-import './index-90012b62.js';
-import './index-b39f928d.js';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-5a3297cc.js';
+import './index-7cc8bc93.js';
+import './index-ba6cae47.js';
+import './index-20189d95.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-713920f6.js';
-import './index-2e256130.js';
+import './index-a731fac3.js';
+import './index-a0c05b47.js';
+import './index-c098553b.js';
+import './index-07236616.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-7c5ebd15.js';
-import './index-565611f4.js';
-import './index-7119da5b.js';
-import './index-9171fe4c.js';
-import './index-0a3addb2.js';
-import './index-2c01ec07.js';
-import './index-abab1b7a.js';
+import './UnlockCard-2c538741.js';
+import './index-32b6cf27.js';
+import './index-02117dbc.js';
+import './index-87be8512.js';
+import './index-eee7164f.js';
+import './index-890ebdc0.js';
+import './index-bfc19970.js';
 import 'react-laag';
-import './index.module-dd48a9fd.js';
-import './index-1465298d.js';
-import './index-473bcdff.js';
-import './index-b440609e.js';
-import './index-868453f2.js';
-import './index-ea6cda73.js';
-import './index.module-6fc6e8fd.js';
-import './index-be178435.js';
-import './index-c7da4c28.js';
-import './index-ac8408c3.js';
-import './index-a039bd9c.js';
-import './index-d888df68.js';
-import './index-e221108d.js';
-import './index-ca2aa0a9.js';
-import './index-1c8f78a4.js';
-import './index-b027f912.js';
-import './index-9b5d74e0.js';
-import './index-cc3e6a15.js';
-import './index-89177618.js';
-import './index-0aab4ccb.js';
+import './index.module-39785b84.js';
+import './index-bd485ab2.js';
+import './index-1b00d75a.js';
+import './index-b111088f.js';
+import './index-7dcac9db.js';
+import './index-107073a6.js';
+import './index.module-f7cf7d09.js';
+import './index-cb26b569.js';
+import './index-9021ee24.js';
+import './index-6ff775c4.js';
+import './index-d79db6b1.js';
+import './index-a8d55c3d.js';
+import './index-f476a841.js';
+import './index-ad0073e0.js';
+import './index-2c4ceb76.js';
+import './index-d205d93b.js';
+import './index-9ab04810.js';
+import './index-83dcd58c.js';
+import './index-a64b6074.js';
+import './index-28fa6fd4.js';
 import 'rc-slider';
-import './index-50afb8e8.js';
-import './index-c8b3ded7.js';
-import './index-b24a65cd.js';
-import './index-0e6bfe2d.js';
-import './index-a02b0822.js';
+import './index-2e368a5a.js';
+import './index-1072f1d1.js';
+import './index-dba3ffcb.js';
+import './index-2512aab8.js';
+import './index-dd37600b.js';
 import 'react-confetti-explosion';
-import './index-383b911f.js';
-import './index-6be8924c.js';
-import './index-889421ac.js';
+import './index-b3388222.js';
+import './index-836d4462.js';
+import './index-36a38705.js';
 import 'react-qr-code';
-import './index-d0e73831.js';
-import './useCustomDimensions-518f56ca.js';
-import './index-2fb2d2bd.js';
-import './ussIsSticky-1979fd12.js';
-import './index-161f38ae.js';
-import './index-8da58fc9.js';
-import './index-e1bdd175.js';
-import './index.module-763485cb.js';
-import './index-2b154972.js';
-import './index-04fbb469.js';
-import './index-66daf2fd.js';
-import './index-fcd95a9e.js';
-import './index-07a1c9c8.js';
-import './index-b7d9d339.js';
-import './index.module-9b6f8a0c.js';
-import './index-fdd627d4.js';
-import './index-6a37cb71.js';
-import './index-566fc603.js';
-import './index-3b0fcf76.js';
+import './index-0eb4fbc1.js';
+import './useCustomDimensions-84ef7744.js';
+import './index-3895d740.js';
+import './ussIsSticky-2fa465b9.js';
+import './index-0a07024f.js';
+import './index-5e5aba05.js';
+import './index-ffccd07b.js';
+import './index.module-e392d5a9.js';
+import './index-980b65ca.js';
+import './index-53a6c077.js';
+import './index-8be0a261.js';
+import './index-47f65338.js';
+import './index-97407b6c.js';
+import './index-46c0294d.js';
+import './index.module-9654d173.js';
+import './index-40e37fa2.js';
+import './index-e5daeff8.js';
+import './index-ace79351.js';
+import './index-86c9cc67.js';
 import '@mui/material';
-import './index-141b7e3b.js';
-import './index-b7e7419f.js';
-import './index-21b78b22.js';
-import './index-2046ee6a.js';
-import './index-67b6b08b.js';
-import './index-dac37d2f.js';
+import './index-36725b33.js';
+import './index-4555dbc5.js';
+import './index-08c85619.js';
+import './index-06c7c2cd.js';
+import './index-0fb46b99.js';
+import './index-87ee3ef7.js';
 import 'react-dom';
-import './index-cc8a80c0.js';
+import './index-42e93e43.js';
 import 'react-rnd';
 import '@crystaldesign/content-item';
 

package/build/esm/{index-9b5d74e0.js → index-9ab04810.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-2e4479d3.js → index-9ac591ca.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-b5600279.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-71c2c8cc.js → index-9fefad20.js}

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

package/build/esm/{index-e21da5bf.js → index-a0b4fcbe.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-b5600279.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';

package/build/esm/{index-860e43eb.js → index-a0c05b47.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect, useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-16812eed.js → index-a12ddc50.js}

@@ -1,15 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler, r as rtvNextParamActive } from './index-b5600279.js';
+import { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-d0073878.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-bcdd49a7.js';
-import { c as collapsableInner } from './index-29dddee0.js';
-import ShelfAccessoires from './index-227bf3d0.js';
-import ShelfAccessoiresOld from './index-3ce02fa4.js';
-import GridList from './index-2b7db737.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-b3148464.js';
+import { c as collapsableInner } from './index-88e331ff.js';
+import ShelfAccessoires from './index-e5c3009a.js';
+import ShelfAccessoiresOld from './index-f08dce5a.js';
+import GridList from './index-2808891b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-be361f00.js';
+import SettingsItemsWrapper from './index-466b2c6d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -29,85 +30,85 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-b38f4589.js';
-import './index-be65c36f.js';
-import './index-d58535a2.js';
-import './index-f3bb0857.js';
-import './index.module-50eddf6c.js';
-import './index-c8f26884.js';
-import './index-31887eac.js';
+import './index-fd11bb36.js';
+import './index-ae2f88ef.js';
+import './index-2ec76bd0.js';
+import './index-e2c53787.js';
+import './index.module-4dbcf5c4.js';
+import './index-a1bfb8f3.js';
+import './index-6c52b105.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-70e7c44e.js';
+import './index-3f93d8d7.js';
 import 'react-dropdown';
-import './index-90012b62.js';
+import './index-5a3297cc.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b39f928d.js';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-7cc8bc93.js';
+import './index-ba6cae47.js';
+import './index-20189d95.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-713920f6.js';
-import './index-2e256130.js';
+import './index-a731fac3.js';
+import './index-a0c05b47.js';
+import './index-c098553b.js';
+import './index-07236616.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-7c5ebd15.js';
-import './index-565611f4.js';
-import './index-7119da5b.js';
-import './index-9171fe4c.js';
-import './index-0a3addb2.js';
-import './index-2c01ec07.js';
-import './index-abab1b7a.js';
+import './UnlockCard-2c538741.js';
+import './index-32b6cf27.js';
+import './index-02117dbc.js';
+import './index-87be8512.js';
+import './index-eee7164f.js';
+import './index-890ebdc0.js';
+import './index-bfc19970.js';
 import 'react-laag';
-import './index.module-dd48a9fd.js';
-import './index-1465298d.js';
-import './index-473bcdff.js';
-import './index-b440609e.js';
-import './index-868453f2.js';
-import './index-ea6cda73.js';
-import './index.module-6fc6e8fd.js';
-import './index-be178435.js';
-import './index-c7da4c28.js';
-import './index-ac8408c3.js';
-import './index-a039bd9c.js';
-import './index-d888df68.js';
-import './index-e221108d.js';
-import './index-ca2aa0a9.js';
-import './index-1c8f78a4.js';
-import './index-b027f912.js';
-import './index-9b5d74e0.js';
-import './index-cc3e6a15.js';
-import './index-89177618.js';
-import './index-0aab4ccb.js';
+import './index.module-39785b84.js';
+import './index-bd485ab2.js';
+import './index-1b00d75a.js';
+import './index-b111088f.js';
+import './index-7dcac9db.js';
+import './index-107073a6.js';
+import './index.module-f7cf7d09.js';
+import './index-cb26b569.js';
+import './index-9021ee24.js';
+import './index-6ff775c4.js';
+import './index-d79db6b1.js';
+import './index-a8d55c3d.js';
+import './index-f476a841.js';
+import './index-ad0073e0.js';
+import './index-2c4ceb76.js';
+import './index-d205d93b.js';
+import './index-9ab04810.js';
+import './index-83dcd58c.js';
+import './index-a64b6074.js';
+import './index-28fa6fd4.js';
 import 'rc-slider';
-import './index-50afb8e8.js';
-import './index-c8b3ded7.js';
-import './index-b24a65cd.js';
-import './index-0e6bfe2d.js';
-import './index-a02b0822.js';
+import './index-2e368a5a.js';
+import './index-1072f1d1.js';
+import './index-dba3ffcb.js';
+import './index-2512aab8.js';
+import './index-dd37600b.js';
 import 'react-confetti-explosion';
-import './index-383b911f.js';
-import './index-6be8924c.js';
-import './index-889421ac.js';
+import './index-b3388222.js';
+import './index-836d4462.js';
+import './index-36a38705.js';
 import 'react-qr-code';
-import './index-d0e73831.js';
-import './useCustomDimensions-518f56ca.js';
-import './index-2fb2d2bd.js';
-import './ussIsSticky-1979fd12.js';
-import './index-161f38ae.js';
-import './index-8da58fc9.js';
-import './index-e1bdd175.js';
-import './index.module-763485cb.js';
-import './index-2b154972.js';
-import './index-04fbb469.js';
-import './index-66daf2fd.js';
-import './index-fcd95a9e.js';
+import './index-0eb4fbc1.js';
+import './useCustomDimensions-84ef7744.js';
+import './index-3895d740.js';
+import './ussIsSticky-2fa465b9.js';
+import './index-0a07024f.js';
+import './index-5e5aba05.js';
+import './index-ffccd07b.js';
+import './index.module-e392d5a9.js';
+import './index-980b65ca.js';
+import './index-53a6c077.js';
+import './index-8be0a261.js';
+import './index-47f65338.js';
 import 'react-dom';
 import 'react-beautiful-dnd';
-import './index-648c437e.js';
-import './index-07a1c9c8.js';
-import './index-b7d9d339.js';
+import './index-b60401a9.js';
+import './index-97407b6c.js';
+import './index-46c0294d.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -182,8 +183,10 @@ var ShelfPlanner = function ShelfPlanner(_ref) {
   })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
   if (!grid) return /*#__PURE__*/jsx(Fragment, {});
   var allItems = ((_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : []).filter(isShelfAccessory);
-  // In autoPlaceDrag, show one entry per variant family (the biggest member); the drag resizes it.
-  var items = collapseFamilies(allItems) ;
+  // Family collapsing only makes sense with the rtv-next drag that resizes to the right variant.
+  // The old viewer has no such drag, so it must keep showing every variant as its own entry.
+  var rtvNext = viewHandler.productState.useRtvNext || rtvNextParamActive;
+  var items = rtvNext && ACCESSORY_PLACEMENT_MODE === 'autoPlaceDrag' ? collapseFamilies(allItems) : allItems;
   var selAcc = grid.ActAccessoire;
   var selAccItem = undefined;
   if (selAcc) {
@@ -269,7 +272,7 @@ var ShelfPlanner = function ShelfPlanner(_ref) {
                 item: acc,
                 // A collapsed family entry stands in for every member, so match the family too —
                 // the placed variant may be a smaller sibling of the entry on display.
-                sel: acc.articleCodex == selAcc || !!((_selAccItem3 = selAccItem) !== null && _selAccItem3 !== void 0 && _selAccItem3.accessoireFamily) && acc.accessoireFamily === selAccItem.accessoireFamily
+                sel: acc.articleCodex == selAcc || rtvNext && !!((_selAccItem3 = selAccItem) !== null && _selAccItem3 !== void 0 && _selAccItem3.accessoireFamily) && acc.accessoireFamily === selAccItem.accessoireFamily
               }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
                 grids: item.shelfPlannerGrids,
                 item: acc

package/build/esm/{index-c8f26884.js → index-a1bfb8f3.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-fc1240a5.js → index-a29d0b84.js}

@@ -1,12 +1,13 @@
+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-a71d1695.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-b5600279.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 { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-d0073878.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { jsx } from 'react/jsx-runtime';
@@ -23,14 +24,6 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 
-/**
- * Host-side accessory placement mode for the rtv-next planner. Single source of truth shared by the
- * viewer host (passed into `uiConfig.accessoryPlacement`) and the accessory palette (which collapses
- * variant families to one entry only in `autoPlaceDrag`). Flip to `'cellBoxes'` for the legacy
- * click-to-place behavior.
- */
-var ACCESSORY_PLACEMENT_MODE = 'autoPlaceDrag';
-
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -802,18 +795,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 +843,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 +880,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-940f43c6.js → index-a4619cae.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-b5600279.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';

package/build/esm/{index-bea5c3c3.js → index-a5ec201c.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';

package/build/esm/{index-89177618.js → index-a64b6074.js}

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

package/build/esm/{index-bef75c16.js → index-a731fac3.js}

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

package/build/esm/{index-d888df68.js → index-a8d55c3d.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-a71d1695.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-b5600279.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-dd48a9fd.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-39785b84.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e221108d.js';
+import MetaData from './index-f476a841.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-c8f26884.js';
-import ReverseCheck from './index-31887eac.js';
+import InfoIcon from './index-a1bfb8f3.js';
+import ReverseCheck from './index-6c52b105.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-6d25075c.js → index-aa80e52c.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-eb92ae36.js → index-ab81ef99.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-a71d1695.js';
+import './index-b5600279.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';