@crystaldesign/diva-web-planner-react 26.12.0-beta.4 → 26.12.0-beta.40

package/build/esm/{index-0fc23a9b.js → index-b219981e.js}

@@ -1,21 +1,21 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-7187030d.js';
 import classnames from 'classnames';
-import DockFilter from './index-1dfc2fb2.js';
-import RALFilter from './index-90012b62.js';
+import DockFilter from './index-ff86a76c.js';
+import RALFilter from './index-97fbc5f4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-860e43eb.js';
-import ToggleHeader from './index-940f43c6.js';
-import NumberInput from './index-c737edcc.js';
-import InfoButton from './index-b2387dc9.js';
-import PDFButton from './index-a9ae833d.js';
-import SummaryVariantButton from './index-7df9160b.js';
-import SelectedOpv from './index-09b2701d.js';
-import InfoIcon from './index-c8f26884.js';
-import SettingsPosNr from './index-501969d3.js';
-import SettingsConfigSingle from './index-2e4479d3.js';
-import { u as useStickyScroll } from './ussIsSticky-1979fd12.js';
+import Searchbar from './index-3de15012.js';
+import ToggleHeader from './index-53fb3825.js';
+import NumberInput from './index-562d9af5.js';
+import InfoButton from './index-bea2dfdc.js';
+import PDFButton from './index-1725c851.js';
+import SummaryVariantButton from './index-498a92a0.js';
+import SelectedOpv from './index-cce67907.js';
+import InfoIcon from './index-d9129981.js';
+import SettingsPosNr from './index-fd91b7a3.js';
+import SettingsConfigSingle from './index-6dfe1491.js';
+import { u as useStickyScroll } from './ussIsSticky-7264d8e3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -36,16 +36,16 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b39f928d.js';
+import './index-a61a69e6.js';
 import 'react-dropdown';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-8b4c547a.js';
+import './index-3006dec8.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-98f89e2d.js';
+import './index-a6f5f745.js';
+import './index-e84eeeba.js';
 import 'react-laag';
-import './index-e221108d.js';
-import './index-6ac4316f.js';
+import './index-de434a4d.js';
+import './index-64795d77.js';
 import 'swiper/react';
 
 var headerWrapper = "header-wrapper-qVEmI";
@@ -61,7 +61,7 @@ var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
 var minExpanded = "min-expanded-kEE9N";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    font-size 0.4s ease,\n    margin-top 0.4s ease,\n    line-height 0.4s ease;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK,\nbody.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK {\n  color: #f7fafc;\n}\n\n.is-sticky-9WgWo {\n  font-size: 16px;\n  margin-top: 5px;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.portrait-8Z7gh.is-sticky-9WgWo:not(.tablet-GGMXO) {\n  --infoIconSize: 16px;\n}\n\n.scroller-jdhnI.is-sticky-9WgWo .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n  z-index: 2000;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.is-sticky-9WgWo.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 13px;\n  line-height: 17px;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK,\n.portrait-8Z7gh.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.is-sticky-9WgWo.is-header-sgSKB.scroller-jdhnI.option-M-arn {\n  position: relative;\n}\n\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcConfigItem-Header-JEANn {\n  margin-top: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 30px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.is-sticky-9WgWo.wcConfigItem-Header-JEANn {\n  min-height: 0;\n  min-height: initial;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n  gap: 10px;\n  transition: opacity 0.4s ease;\n  opacity: 1;\n  margin-bottom: 4px;\n}\n\n.portrait-8Z7gh .icons-container-DbfdO {\n  gap: 6px;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO).is-sticky-9WgWo .icons-container-DbfdO {\n  opacity: 0;\n  width: 0px;\n  height: 0px;\n  pointer-events: none;\n}\n\n.is-sticky-9WgWo:not(.portrait-8Z7gh):hover .icons-container-DbfdO {\n  opacity: 1;\n  height: auto;\n}\n";
+var css_248z = ".header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    font-size 0.4s ease,\n    margin-top 0.4s ease,\n    line-height 0.4s ease;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wcConfigurator-settings-header-title--CcUK,\nbody.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK {\n  color: #f7fafc;\n}\n\n.is-sticky-9WgWo {\n  font-size: 16px;\n  margin-top: 5px;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.portrait-8Z7gh.is-sticky-9WgWo:not(.tablet-GGMXO) {\n  --infoIconSize: 16px;\n}\n\n.scroller-jdhnI.is-sticky-9WgWo .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n  z-index: 2000;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.is-sticky-9WgWo.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 13px;\n  line-height: 17px;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK,\n.portrait-8Z7gh.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.is-sticky-9WgWo.is-header-sgSKB.scroller-jdhnI.option-M-arn {\n  position: relative;\n}\n\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcConfigItem-Header-JEANn {\n  margin-top: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 30px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.is-sticky-9WgWo.wcConfigItem-Header-JEANn {\n  min-height: 0;\n  min-height: initial;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n  gap: 10px;\n  transition: opacity 0.4s ease;\n  opacity: 1;\n  margin-bottom: 4px;\n}\n\n.portrait-8Z7gh .icons-container-DbfdO {\n  gap: 6px;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO).is-sticky-9WgWo .icons-container-DbfdO {\n  opacity: 0;\n  width: 0px;\n  height: 0px;\n  pointer-events: none;\n}\n\n.is-sticky-9WgWo:not(.portrait-8Z7gh):hover .icons-container-DbfdO {\n  opacity: 1;\n  height: auto;\n}\n";
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {

package/build/esm/{index-1bb4e3b1.js → index-b2aca44e.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-7187030d.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-5e91a75a.js → index-b3396787.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-2b7db737.js → index-b3dfe527.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-7187030d.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-648c437e.js';
+import ShelfDeleteButton from './index-7012af88.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4f946de7.js → index-b491963b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-7187030d.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-98b6a736.js → index-b4c14770.js}

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

package/build/esm/{index-565611f4.js → index-b533530b.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-a71d1695.js';
+import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-7187030d.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-50eddf6c.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-88f34fff.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-c8f26884.js';
-import ReverseCheck from './index-31887eac.js';
+import InfoIcon from './index-d9129981.js';
+import ReverseCheck from './index-6e59fa90.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a38f31fd.js → index-b589d3de.js}

@@ -1,21 +1,21 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler, u as useViewHandler } from './index-a71d1695.js';
+import { c as usePlannerUIHandler, u as useViewHandler } from './index-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-3bb2a5e5.js';
-import AVR from './index-be7338ee.js';
-import Outline from './index-eb92ae36.js';
-import RotationClockwise from './index-cb43ac22.js';
-import RotationCounterClockwise from './index-6ae3a812.js';
-import Trash from './index-82c0ccc1.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-11c74ef4.js';
+import AVL from './index-bd0ddf1b.js';
+import AVR from './index-e9945763.js';
+import Outline from './index-b8b4eb9a.js';
+import RotationClockwise from './index-1aa8bd30.js';
+import RotationCounterClockwise from './index-dbdc4340.js';
+import Trash from './index-4f1563bf.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-faacc88f.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-bc2f8724.js';
-import BoxCopy from './index-2438e21a.js';
+import PosNr from './index-1083a9dc.js';
+import BoxCopy from './index-ceb6e478.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-d5cce8a7.js';
-import DistanceToGround from './index-c31f8f99.js';
+import ElementCopy from './index-1f615690.js';
+import DistanceToGround from './index-6d296abb.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -33,7 +33,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-5bb73091.js';
+import './index-9ada730b.js';
 
 function usePosNrPositioning(_ref) {
   var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;

package/build/esm/{index-d58535a2.js → index-b5ec5ff4.js}

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

package/build/esm/{index-89177618.js → index-b5f6b4ba.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-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

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

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

package/build/esm/{index-d0e73831.js → index-bb1beaa5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';

package/build/esm/{index-3bb2a5e5.js → index-bd0ddf1b.js}

@@ -1,4 +1,4 @@
-import { c as usePlannerUIHandler } from './index-a71d1695.js';
+import { c as usePlannerUIHandler } from './index-7187030d.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b2387dc9.js → index-bea2dfdc.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-7187030d.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-c3272c58.js → index-c110e53d.js}

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

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

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-7187030d.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-b2b3fb75.js';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-d0768d5b.js → index-c269bbf2.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-7187030d.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b027f912.js → index-c32a29f9.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-a71d1695.js';
+import { u as useViewHandler, G as GenericToolTip } from './index-7187030d.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-c8f26884.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-9b5d74e0.js';
+import InfoIcon from './index-d9129981.js';
+import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-7c9ee10c.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-b0ad6694.js → index-c3b43e0c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-9017e1d6.js';
+import PriceSumm from './index-1cea06e5.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-50afb8e8.js → index-c488c895.js}

@@ -1,10 +1,10 @@
 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-7187030d.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import MultiToggleSwitch from './index-c8b3ded7.js';
+import MultiToggleSwitch from './index-c9ddb9fc.js';
 import classnames from 'classnames';
-import InfoIcon from './index-c8f26884.js';
+import InfoIcon from './index-d9129981.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,13 +27,13 @@ import 'react-countup';
 
 var row = "row-F7HtB";
 var colum = "colum-t-N58";
+var optionName = "option-name-PRMNo";
 var title = "title-d5AfW";
 var toggle = "toggle-oIMCS";
-var css_248z = ".wrapper-Ec98j {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.multi-toggle-wrapper-RNQU4 {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.row-F7HtB {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.colum-t-N58 {\n  width: 70%;\n}\n.colum-t-N58:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.colum-toggle-name-AfLOD {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-d5AfW {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-oIMCS {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+var css_248z = ".wrapper-Ec98j {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.multi-toggle-wrapper-RNQU4 {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.row-F7HtB {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.colum-t-N58 {\n  width: 65%;\n}\n.colum-t-N58:first-child {\n  width: 35%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.colum-toggle-name-AfLOD {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n/* The title column has a fixed width, so the name must shrink instead of pushing the info icon onto the toggle. */\n.option-name-PRMNo {\n  min-width: 0;\n  word-wrap: anywhere;\n}\n\n.title-d5AfW {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-oIMCS {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
 styleInject(css_248z);
 
 var MultiToggleComponent = function MultiToggleComponent(_ref) {
-  var _item$selectedElement;
   var item = _ref.item,
     style = _ref.style,
     round = _ref.round,
@@ -85,12 +85,19 @@ var MultiToggleComponent = function MultiToggleComponent(_ref) {
     style: style,
     children: [/*#__PURE__*/jsxs("div", {
       className: classnames(colum, title),
-      children: [item.name + (allEndWithCM ? ' (cm)' : ''), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-        item: item.selectedElements[0],
+      children: [/*#__PURE__*/jsx("span", {
+        className: optionName,
+        children: item.name + (allEndWithCM ? ' (cm)' : '')
+      }), item.optionContentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: {
+          contentItemId: item.optionContentItemId,
+          codex: item.configStepKey
+        },
         style: {
-          position: 'relative'
+          position: 'relative',
+          flexShrink: 0
         }
-      }, item.selectedElements[0].codex)]
+      }, item.configStepKey)]
     }), /*#__PURE__*/jsx("div", {
       className: classnames(colum, toggle),
       children: /*#__PURE__*/jsx(MultiToggleSwitch, {

package/build/esm/{index-723474e9.js → index-c7b15544.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, r as rtvNextParamActive } from './index-a71d1695.js';
+import { u as useViewHandler, r as rtvNextParamActive } from './index-7187030d.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-5e91a75a.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, P as Planner3DImage, a as wcConfiguratorArticleImage, c as center } from './index-1d4c5fa5.js';
-import PlannerAIRoom from './index-bea5c3c3.js';
+import Planner2DGrid from './index-b3396787.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, P as Planner3DImage, a as wcConfiguratorArticleImage, c as center } from './index-893427c6.js';
+import PlannerAIRoom from './index-a026b82f.js';
 import classnames from 'classnames';
-import PlannerMsgContainer from './index-82858b21.js';
-import PlannerUIVariant from './index-20176d65.js';
-import RotateInfo from './index-dc587514.js';
-import OrbitInteraction from './index-181e2265.js';
-import MobileNavIcons from './index-c0328fab.js';
-import Logo from './index-309624dc.js';
+import PlannerMsgContainer from './index-eb10e9dd.js';
+import PlannerUIVariant from './index-79d1564d.js';
+import RotateInfo from './index-45f2b220.js';
+import OrbitInteraction from './index-20f9fa23.js';
+import MobileNavIcons from './index-28c6869a.js';
+import Logo from './index-dcf4003b.js';
 import { bootMark } from '@crystaldesign/web-planner-logic';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -31,31 +31,31 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-c3272c58.js';
+import './index-c110e53d.js';
 import 'swiper/react';
 import 'swiper/modules';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6be8924c.js';
+import './index-025c6d65.js';
 import 'react-laag';
-import './index-889421ac.js';
+import './index-8c4cf73a.js';
 import 'react-qr-code';
-import './index-d0e73831.js';
-import './index-811cdb6a.js';
+import './index-bb1beaa5.js';
+import './index-77c93899.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; }
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-2f448410.js');
+  return import('./index-29ce8249.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-2d69e2c5.js');
+  return import('./index-86030ac6.js');
 });
 // Wrapped factory: the viewer lives behind this split, so the chunk request and its arrival are
 // the boundary between "host decided it needs 3D" and "the viewer exists at all". React calls the
 // factory exactly once and memoizes the result, so these are one-shot boot marks.
 var PlannerRTVNext = /*#__PURE__*/React.lazy(function () {
   bootMark('rtv: lazy chunk requested');
-  return import('./index-fc1240a5.js').then(function (mod) {
+  return import('./index-c8571acc.js').then(function (mod) {
     bootMark('rtv: lazy chunk loaded');
     return mod;
   });

package/build/esm/{index-fc1240a5.js → index-c8571acc.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-7187030d.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-bba5d347.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-c8b3ded7.js → index-c9ddb9fc.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-7187030d.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-c8f26884.js';
+import InfoIcon from './index-d9129981.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9c0ec0bb.js → index-ca2b0f37.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-a71d1695.js';
+import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-7187030d.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-6fc6e8fd.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-dd48a9fd.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-cb179673.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c6b27281.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-1465298d.js';
+import IsActive from './index-cbe645d6.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e221108d.js';
-import InfoIcon from './index-c8f26884.js';
-import ReverseCheck from './index-31887eac.js';
+import MetaData from './index-de434a4d.js';
+import InfoIcon from './index-d9129981.js';
+import ReverseCheck from './index-6e59fa90.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-6c8c0a71.js → index-cb96179e.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-7187030d.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-1465298d.js → index-cbe645d6.js}

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

package/build/esm/{index-09b2701d.js → index-cce67907.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-7187030d.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-98f89e2d.js';
+import Item from './index-e84eeeba.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,7 +24,7 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-e221108d.js';
+import './index-de434a4d.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-cc8a80c0.js → index-cde68b7c.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-7187030d.js';
 import 'react';
 import { Rnd } from 'react-rnd';
 import { jsxs, jsx } from 'react/jsx-runtime';