@crystaldesign/diva-web-planner-react 24.15.0-beta.44 → 24.15.0-beta.46

package/build/esm/{index-11efdf76.js → index-b9d05122.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-da2848b2.js';
+import { u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-fad19e26.js';
-import Planner3DImage from './index-3099ffd0.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-3326cff3.js';
+import Planner2DGrid from './index-400cd7ae.js';
+import Planner3DImage from './index-ecbf2b52.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-13e7b586.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-47a531c0.js';
-import PlannerMsgContainer from './index-0088b8ae.js';
-import PlannerUIVariant from './index-1d708870.js';
-import RotateInfo from './index-d497ae00.js';
-import PromotedOpvs from './index-54e3b08f.js';
-import OrbitInteraction from './index-f3141255.js';
-import MobileNavIcons from './index-1564c2a7.js';
+import Planner3DGrid from './index-726b597f.js';
+import PlannerMsgContainer from './index-bef0e21f.js';
+import PlannerUIVariant from './index-f3b7c9fd.js';
+import RotateInfo from './index-0b0e303e.js';
+import PromotedOpvs from './index-12e04ace.js';
+import OrbitInteraction from './index-75e135e9.js';
+import MobileNavIcons from './index-e0526546.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,20 +26,20 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-9c6835cc.js';
-import './index-8497e474.js';
+import './index-185cab38.js';
+import './index-f99cd80d.js';
 import '@crystaldesign/content-box';
-import './index-2d469a42.js';
+import './index-6df8a322.js';
 import 'react-laag';
-import './index-ddcf34e3.js';
+import './index-abe99042.js';
 import 'react-qr-code';
-import './index-98cb8154.js';
+import './index-4ef0b4b6.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-acd39c86.js');
+  return import('./index-95e7f610.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d4151195.js');
+  return import('./index-e2390310.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-6a80ef50.js → index-ba2909ca.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.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 SettingsHeader from './index-af558172.js';
+import SettingsHeader from './index-26b3b889.js';
 import classnames from 'classnames';
-import Search from './index-869811a4.js';
+import Search from './index-dc6a6877.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9b59beb3.js → index-bd02d2ee.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-6d67d604.js';
-import ProductCenter from './index-11efdf76.js';
-import ContentItemWrapper from './index-b5876151.js';
+import CheckoutFormNew from './index-982829c9.js';
+import ProductCenter from './index-b9d05122.js';
+import ContentItemWrapper from './index-8fa92896.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,28 +19,28 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-4f7cb624.js';
+import './index-a566254b.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-05f11695.js';
-import './index-fad19e26.js';
-import './index-3099ffd0.js';
-import './index-9c6835cc.js';
-import './index.module-3326cff3.js';
-import './index-8497e474.js';
-import './index-47a531c0.js';
-import './index-0088b8ae.js';
-import './index-1d708870.js';
-import './index-d497ae00.js';
-import './index-54e3b08f.js';
+import './index-8f2bcd3b.js';
+import './index-400cd7ae.js';
+import './index-ecbf2b52.js';
+import './index-185cab38.js';
+import './index.module-13e7b586.js';
+import './index-f99cd80d.js';
+import './index-726b597f.js';
+import './index-bef0e21f.js';
+import './index-f3b7c9fd.js';
+import './index-0b0e303e.js';
+import './index-12e04ace.js';
 import '@crystaldesign/content-box';
-import './index-f3141255.js';
-import './index-1564c2a7.js';
-import './index-2d469a42.js';
+import './index-75e135e9.js';
+import './index-e0526546.js';
+import './index-6df8a322.js';
 import 'react-laag';
-import './index-ddcf34e3.js';
+import './index-abe99042.js';
 import 'react-qr-code';
-import './index-98cb8154.js';
+import './index-4ef0b4b6.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-0a3f6c1a.js → index-bd943457.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-8a69da0d.js → index-bdd8c5e3.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-c27d7e6f.js';
+import ProductRoomList from './index-0a3548a4.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6f4ceaa2.js → index-bde88ab9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-e2210d27.js → index-be9a1073.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-da2848b2.js';
+import { u as useViewHandler } from './index-6b350c96.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-381a4057.js';
-import IsActive from './index-ba80eb9f.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-e8c8d637.js';
+import IsActive from './index-6c6a5de2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0088b8ae.js → index-bef0e21f.js}

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

package/build/esm/{index-95af1e76.js → index-c0743497.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-da2848b2.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-3a260489.js';
-import AVR from './index-09f256f3.js';
-import Outline from './index-84fc697a.js';
-import RotationClockwise from './index-dd8f714c.js';
-import RotationCounterClockwise from './index-03d53042.js';
-import Trash from './index-a98f0596.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-cde316a7.js';
+import AVL from './index-160d3aa8.js';
+import AVR from './index-b0662e42.js';
+import Outline from './index-85ec09c8.js';
+import RotationClockwise from './index-3936f800.js';
+import RotationCounterClockwise from './index-81034508.js';
+import Trash from './index-9b635363.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-b11f8c2d.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-95fceca7.js';
-import BoxCopy from './index-462fbf19.js';
-import Move3DGrid from './index-4d5aa5a3.js';
-import Rotation3DGrid from './index-f149de37.js';
+import PosNr from './index-0e7f1e78.js';
+import BoxCopy from './index-486ee31f.js';
+import Move3DGrid from './index-931fbfc9.js';
+import Rotation3DGrid from './index-27b2bf30.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-b2aac1d0.js';
-import DistanceToGround from './index-bf816556.js';
+import ElementCopy from './index-d9b11f34.js';
+import DistanceToGround from './index-90ceb136.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-de53d3fe.js';
+import './index-a921f748.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-a017f67f.js → index-c2758eb6.js}

@@ -1,8 +1,8 @@
-import './index-da2848b2.js';
+import './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-8eab78bb.js';
-import SVGSourceViewer from './index-360fdc84.js';
+import SVGOverview from './index-7a88d1c1.js';
+import SVGSourceViewer from './index-ff34df4b.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-940d34c5.js';
+import './index.module-0d17438b.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-932f6b74.js → index-c5191bfa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-da2848b2.js';
+import { s as styleInject } from './index-6b350c96.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d93e3544.js → index-c7aa2d65.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-13ffd354.js';
+import ProductHeaderFunction from './index-5b69c151.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-b5876151.js';
+import ContentItemWrapper from './index-8fa92896.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,19 +24,19 @@ import 'react-draggable';
 
 var wrapper = "wrapper-y4VmL";
 var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
+var portrait = "portrait-Otsjq";
 var expanded = "expanded-rNRc-";
 var functionWrapper = "functionWrapper-3sgkI";
 var landscape = "landscape-TuCY-";
 var contentBoxWrapper = "content-box-wrapper-KgSZb";
 var maxExpanded = "max-Expanded-4m94C";
 var textbackground = "textbackground-F3b8W";
-var portrait = "portrait-Otsjq";
 var wcPriceinfo = "wcPriceinfo-Zmaer";
 var wcFormattedprice = "wcFormattedprice-sdLxf";
 var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
 var fullscreen = "fullscreen-94axf";
 var room = "room-NxmMf";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
+var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.portrait-Otsjq .wcConfiguratorProductHeader-W1oWZ {\n  margin: 12px 0 16px 16px;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
 styleInject(css_248z);
 
 var ProductHeader = function ProductHeader(_ref) {
@@ -66,12 +66,15 @@ var ProductHeader = function ProductHeader(_ref) {
     if (isMobile && !isTablet || !viewHandler.divaWebPlanner.actSet()) return;
     (_viewHandler$productS = viewHandler.productState.customDimensions) === null || _viewHandler$productS === void 0 || _viewHandler$productS.then(function (res) {
       setDimensions(res);
-      setDimOnlyForOneArticle(res.reduce(function (basketIds, d) {
-        d.basketIds.map(function (b) {
-          return !basketIds.includes(b) ? basketIds.push(b) : undefined;
-        });
-        return basketIds;
-      }, []).length <= 1);
+      var dict = res.reduce(function (basketIdsDict, d) {
+        if (!basketIdsDict[d.dimensionId]) {
+          basketIdsDict[d.dimensionId] = [d.dimension];
+        } else if (!basketIdsDict[d.dimensionId].includes(d.dimension)) basketIdsDict[d.dimensionId].push(d.dimension);
+        return basketIdsDict;
+      }, {});
+      setDimOnlyForOneArticle(!Object.values(dict).find(function (v) {
+        return v.length > 1;
+      }));
     });
   }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
   return /*#__PURE__*/jsxs("div", {

package/build/esm/{index-ddfa46c2.js → index-c8c3ca30.js}

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

package/build/esm/{index-eb9145ca.js → index-cab08809.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-d8a2d252.js → index-cc376c10.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-da2848b2.js';
+import { u as useViewHandler } from './index-6b350c96.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-5bf35d82.js';
+import ItemVariant from './index-b013c95f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-11023415.js → index-cc84c960.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-062bef90.js';
+import VerticalTabGroupItemStandard from './index-9fe7750a.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-b2a44a1b.js';
+import './IconHandler-bb4cc489.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-1ebb483b.js → index-cd0a7795.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-0a3f6c1a.js';
-import PricePreview from './index-231e1fd4.js';
+import InfoIcon from './index-bd943457.js';
+import PricePreview from './index-d81dcf92.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2feb12c1.js → index-cdc98879.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-da2848b2.js';
+import { s as styleInject } from './index-6b350c96.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-280461ed.js → index-cf836ba4.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-da2848b2.js';
+import { u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b032b447.js → index-d0f0050f.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-2d469a42.js';
-import ProductRoomList from './index-c27d7e6f.js';
+import ArQrCodeIcon from './index-6df8a322.js';
+import ProductRoomList from './index-0a3548a4.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-ddcf34e3.js';
+import './index-abe99042.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-98cb8154.js';
+import './index-4ef0b4b6.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-ae2f5aa9.js → index-d6b1ac4b.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-af558172.js';
-import SettingsConfigSingle from './index-e048315f.js';
-import SettingsPosNr from './index-ff715cac.js';
+import SettingsHeader from './index-26b3b889.js';
+import SettingsConfigSingle from './index-59aa4af5.js';
+import SettingsPosNr from './index-11e51d8c.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7c10da3f.js';
+import './index-dc2ccfa8.js';
 import 'react-laag';
-import './index-740f58d2.js';
+import './index-5e62efa2.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-56e2afb1.js → index-d7431016.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-8953067e.js';
+import PriceSumm from './index-8c5406bc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-231e1fd4.js → index-d81dcf92.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
+import { s as styleInject, u as useViewHandler } from './index-6b350c96.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';