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

package/build/esm/{Planner2DGrid-3bc5c83b.js → Planner2DGrid-f957a693.js}

@@ -3,7 +3,7 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import './index-a71d1695.js';
+import './index-e5867324.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-30ffaa22.js → Planner3DImage-16ede3fe.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-a71d1695.js';
+import './index-e5867324.js';
 import { Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import 'react';
 import 'react-dynamic-multi-render';

package/build/esm/{UnlockCard-7c5ebd15.js → UnlockCard-d1293b73.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 } from './index-a71d1695.js';
+import { s as styleInject } from './index-e5867324.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/accessoryPlacementMode-324690be.js

@@ -0,0 +1,11 @@
+import './index-e5867324.js';
+
+/**
+ * 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';
+
+export { ACCESSORY_PLACEMENT_MODE as A };

package/build/esm/{index-91ae8fc6.js → index-0127a6a0.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e5867324.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
 import classnames from 'classnames';
-import Search from './index-7eead6e8.js';
+import Search from './index-747774e9.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9b5d74e0.js → index-043d6722.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-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-227bf3d0.js → index-05c198a9.js}

@@ -1,14 +1,14 @@
 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, r as rtvNextParamActive, P as PricePreview, G as GenericToolTip } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e221108d.js';
-import InfoIcon from './index-c8f26884.js';
+import MetaData from './index-3683382a.js';
+import InfoIcon from './index-928866df.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -58,6 +58,10 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     metaDataVisible = _useState2[0],
     setMetaDataVisible = _useState2[1];
+
+  // Drag & drop places the accessory through the rtv-next drop target; the old viewer has none,
+  // so on it the drag only churns palette/selection state and the tile keeps its plain click.
+  var rtvNext = viewHandler.productState.useRtvNext || rtvNextParamActive;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     isDragging = _useState4[0],
@@ -120,13 +124,14 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     id: item.articleCodex,
     className: classnames(container, sel$1 ? sel : undefined),
     onClick: function onClick() {
-      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex, undefined, false);
+      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex, undefined, !rtvNext);
     },
-    onDoubleClick: function onDoubleClick() {
+    onDoubleClick: rtvNext ? function () {
       return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
-    },
-    draggable: true,
+    } : undefined,
+    draggable: rtvNext,
     onDragStart: function onDragStart(e) {
+      if (!rtvNext) return;
       e.dataTransfer.effectAllowed = 'copy';
       e.dataTransfer.setData('text/plain', item.articleCodex);
       if (EMPTY_DRAG_IMAGE) e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);
@@ -144,6 +149,7 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
       viewHandler.paletteViewHandler.startShelfAccessorieDrag(item.articleCodex);
     },
     onDragEnd: function onDragEnd() {
+      if (!rtvNext) return;
       setIsDragging(false);
       viewHandler.paletteViewHandler.endShelfAccessorieDrag();
     }

package/build/esm/{index-566fc603.js → index-06526969.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-9b6f8a0c.js';
+import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-3ea14d99.js';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fdd627d4.js → index-08c6e9ca.js}

@@ -1,16 +1,16 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, S as SettingsHeader } from './index-a71d1695.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-9b6f8a0c.js';
-import SettingsScroller from './index-fa6e157c.js';
+import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-3ea14d99.js';
+import SettingsScroller from './index-3ae7dafc.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-6a37cb71.js';
+import NavForwardButton from './index-497717bb.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -27,85 +27,85 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-496fbe88.js';
-import './index-1ff22333.js';
-import './index-be361f00.js';
-import './index-29dddee0.js';
+import './index-e928d5d7.js';
+import './index-a6279934.js';
+import './index-e111b51c.js';
+import './index-c7229698.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-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-70e7c44e.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-90012b62.js';
-import './index-b39f928d.js';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-b92e6a3c.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-713920f6.js';
-import './index-2e256130.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.js';
 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-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.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-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.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-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-383b911f.js';
-import './index-6be8924c.js';
-import './index-889421ac.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.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-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
+import './index-e66e8797.js';
+import './index-79ef88c7.js';
 
 var useSwiperHook = function useSwiperHook(viewHandler) {
   var _useState = useState(null),

package/build/esm/{index-713920f6.js → index-0985d782.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e5867324.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useRef, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-16812eed.js → index-0a55639e.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-e5867324.js';
+import { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-324690be.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-c596267f.js';
+import { c as collapsableInner } from './index-c7229698.js';
+import ShelfAccessoires from './index-05c198a9.js';
+import ShelfAccessoiresOld from './index-94fd0ae2.js';
+import GridList from './index-6f4abb16.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-be361f00.js';
+import SettingsItemsWrapper from './index-e111b51c.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-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-70e7c44e.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-90012b62.js';
+import './index-b92e6a3c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b39f928d.js';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-713920f6.js';
-import './index-2e256130.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.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-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.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-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.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-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-383b911f.js';
-import './index-6be8924c.js';
-import './index-889421ac.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.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-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
 import 'react-dom';
 import 'react-beautiful-dnd';
-import './index-648c437e.js';
-import './index-07a1c9c8.js';
-import './index-b7d9d339.js';
+import './index-99ee9868.js';
+import './index-e66e8797.js';
+import './index-79ef88c7.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-4d86eb2e.js → index-0ba1e921.js}

@@ -1,11 +1,11 @@
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-afba7950.js';
+import Functions from './index-f1af31bd.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-518f56ca.js';
+import { u as useCustomDimensions } from './useCustomDimensions-69a46a5e.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -26,7 +26,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-1bb4e3b1.js';
+import './index-a5319487.js';
 
 var wrapper = "wrapper-y4VmL";
 var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";

package/build/esm/{index-c3a47c81.js → index-0bb89b35.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon, b as PriceCounter } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon, b as PriceCounter } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-803a3f0d.js';
+import { c as checkoutButton } from './index.module-f78428e2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-6f617c64.js → index-0bd6d38e.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-a71d1695.js';
+import './index-e5867324.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-6d25075c.js → index-0c893140.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-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-889421ac.js → index-0d37817c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-686f0148.js → index-0e96830a.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { c as usePlannerUIHandler } from './index-a71d1695.js';
+import { c as usePlannerUIHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-9024d92c.js';
-import ItemsContainer from './index-a38f31fd.js';
+import Outline3D from './index-9b71c562.js';
+import ItemsContainer from './index-c4e34d8e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,18 +24,18 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-3bb2a5e5.js';
-import './index-be7338ee.js';
-import './index-eb92ae36.js';
-import './index-cb43ac22.js';
-import './index-6ae3a812.js';
-import './index-82c0ccc1.js';
-import './index-11c74ef4.js';
-import './index-5bb73091.js';
-import './index-bc2f8724.js';
-import './index-2438e21a.js';
-import './index-d5cce8a7.js';
-import './index-c31f8f99.js';
+import './index-d03e7da0.js';
+import './index-4967fdb4.js';
+import './index-4892251c.js';
+import './index-c4afc917.js';
+import './index-cd3336c2.js';
+import './index-a8055cf9.js';
+import './index-677fb34a.js';
+import './index-8f155f85.js';
+import './index-d40848b7.js';
+import './index-4aa86695.js';
+import './index-7690bb44.js';
+import './index-aab3578e.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;