@crystaldesign/diva-web-planner-react 26.3.0-beta.22 → 26.3.0-beta.24

package/build/esm/{index-61fd52a8.js → index-c063f3a0.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-35007b48.js';
+import { s as styleInject, u as useViewHandler } from './index-cbcc2da2.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-31438ebe.js';
-import ProductRoomList from './index-51d76006.js';
+import ArQrCodeIcon from './index-85d4dcf7.js';
+import ProductRoomList from './index-df56a4e8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-7c283c8b.js';
+import './index-68cc55c1.js';
 import 'react-qr-code';
-import './index-5a7236fc.js';
+import './index-f004e71a.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var arAbsoluteDesktop = "ar-absolute-desktop-2xHB1";

package/build/esm/{index-d706123b.js → index-c06c2aeb.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-35007b48.js';
+import { s as styleInject, u as useViewHandler } from './index-cbcc2da2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import Toggle from './index-ca5b8ea5.js';
+import Toggle from './index-8c0f5acb.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-cfd4af2d.js → index-c1048baa.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-35007b48.js';
+import { a as usePlannerUIHandler } from './index-cbcc2da2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-418d1894.js → index-c14cccd9.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-35007b48.js';
+import { s as styleInject, u as useViewHandler } from './index-cbcc2da2.js';
 import { useEffect } from 'react';
-import Inputbox from './index-13391cdb.js';
-import { cssVariables } from './index-ad557af2.js';
-import Product from './index-428e1378.js';
-import Settings from './index-0d0ea5f9.js';
-import TabGroup from './index-d7e1a78a.js';
+import Inputbox from './index-285b7cd4.js';
+import { cssVariables } from './index-e17e7786.js';
+import Product from './index-5ebae17c.js';
+import Settings from './index-c5e15c69.js';
+import TabGroup from './index-6419ddb1.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -25,121 +25,121 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-527bf13f.js';
-import './index-ca5b8ea5.js';
+import './index-b6fd6500.js';
+import './index-8c0f5acb.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-786aa3cb.js';
-import './index-40468092.js';
-import './index-b1eb22d1.js';
-import './index-f84d0f38.js';
-import './index-b7976ab1.js';
-import './index.module-e5d7784a.js';
-import './index-68245933.js';
-import './index-001bd9a0.js';
-import './index-995dbdbe.js';
-import './index-f5c699c6.js';
-import './index-1240b0af.js';
-import './index-8794585f.js';
-import './index-06ad16ba.js';
-import './index-d33cf993.js';
-import './index-31438ebe.js';
+import './index-03a062b4.js';
+import './index-81e0b366.js';
+import './index-1a75703b.js';
+import './index-059066ce.js';
+import './index-9af1baf3.js';
+import './index.module-ae747a57.js';
+import './index-7f65b5f3.js';
+import './index-77bbfc44.js';
+import './index-af5c9f17.js';
+import './index-398f6eda.js';
+import './index-1ff9963f.js';
+import './index-cea57dd7.js';
+import './index-7bac838e.js';
+import './index-2a935396.js';
+import './index-85d4dcf7.js';
 import 'react-laag';
-import './index-7c283c8b.js';
+import './index-68cc55c1.js';
 import 'react-qr-code';
-import './index-5a7236fc.js';
-import './index-51d76006.js';
-import './index-0663c8a3.js';
-import './index-501e604b.js';
+import './index-f004e71a.js';
+import './index-df56a4e8.js';
+import './index-b0b8d9df.js';
+import './index-6ae91e1e.js';
 import '@crystaldesign/content-item';
-import './index-0bb4d764.js';
-import './index-d8f35bd8.js';
-import './index-07790963.js';
-import './index-2bbd1ec7.js';
-import './index-4b92b067.js';
-import './index-ade7afbd.js';
+import './index-9fce780f.js';
+import './index-19f96ff7.js';
+import './index-06d126d6.js';
+import './index-be072b26.js';
+import './index-80c8406e.js';
+import './index-abf748af.js';
 import 'sift';
-import './index-7b54f14d.js';
-import './index-07d9bca0.js';
-import './index-911cedb4.js';
-import './index-2b27cf20.js';
-import './index.module-d5464cd6.js';
-import './index-bcc38c88.js';
-import './index-15f9da25.js';
-import './index-e7082fb5.js';
+import './index-f69e3242.js';
+import './index-9dc3a2d0.js';
+import './index-e4d3d044.js';
+import './index-0c25de6f.js';
+import './index.module-40ca17c6.js';
+import './index-26cf4a43.js';
+import './index-af4ecda5.js';
+import './index-c286ad13.js';
 import 'react-countup';
-import './index-346e99e2.js';
+import './index-0f893e90.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-95cb45b3.js';
-import './index-996358d3.js';
-import './index-c8df1c08.js';
-import './index-97caf89b.js';
-import './index-0f434ba2.js';
+import './index-2976cf0d.js';
+import './index-8fc29594.js';
+import './index-9ee7f8b9.js';
+import './index-536144c7.js';
+import './index-d71cba4e.js';
 import '@crystaldesign/content-box';
-import './index-09c7a6e3.js';
-import './index-e23231a5.js';
-import './index-e53fa522.js';
-import './index-dfc4e705.js';
-import './index-10036973.js';
-import './index-bc9aca62.js';
-import './index-3b4c3399.js';
-import './index-62f9c828.js';
-import './index-4f6d7a21.js';
-import './index.module-199161d6.js';
-import './index-bd13e113.js';
-import './index-10a20bb3.js';
-import './index-98e789df.js';
-import './index-f1f3b854.js';
-import './index-d459ba0e.js';
-import './index-304485b6.js';
-import './index.module-629864a9.js';
-import './index-617fbfc8.js';
-import './index-db805ac3.js';
-import './index-99c8d445.js';
-import './index-7285a4f6.js';
-import './index-1f1986fb.js';
-import './index-790864cb.js';
-import './index-1568733a.js';
-import './index-50d9f79a.js';
-import './index-94d2952e.js';
-import './index-70d48e87.js';
-import './index-db9be928.js';
-import './index-bc07d934.js';
+import './index-791d8e03.js';
+import './index-254a7d53.js';
+import './index-a848d597.js';
+import './index-360478cc.js';
+import './index-481a1217.js';
+import './index-9b37c4e7.js';
+import './index-1777c99f.js';
+import './index-3283a651.js';
+import './index-77112f08.js';
+import './index.module-7893d0e5.js';
+import './index-d1a824cc.js';
+import './index-dbaddf34.js';
+import './index-129e1fe8.js';
+import './index-e71d8a0a.js';
+import './index-e4f4aa14.js';
+import './index-02b59733.js';
+import './index.module-1e669a18.js';
+import './index-8a93d237.js';
+import './index-a000dafc.js';
+import './index-003f0042.js';
+import './index-05c14dba.js';
+import './index-e61b8c89.js';
+import './index-3b7f0ead.js';
+import './index-8d29d07f.js';
+import './index-22f4c9a4.js';
+import './index-e5b1a02e.js';
+import './index-24d06794.js';
+import './index-2dc71af3.js';
+import './index-36a5bc7c.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bdce8005.js';
+import './index-967e262b.js';
 import 'rc-slider';
-import './index-c3ef459e.js';
-import './index-ee304e12.js';
-import './index-5ff5440f.js';
-import './index-bd2a3545.js';
-import './index-70d6b7b8.js';
+import './index-ed59645e.js';
+import './index-0283b952.js';
+import './index-117db5c8.js';
+import './index-65d2f483.js';
+import './index-a42cec15.js';
 import 'react-confetti-explosion';
-import './index-f4e957f5.js';
-import './useCustomDimensions-d5bd0f20.js';
-import './index-3b1821e2.js';
-import './ussIsSticky-f0ddfd11.js';
-import './index-22fca5c9.js';
-import './index-8eccdacd.js';
-import './index-ce71a5f5.js';
-import './index.module-a7f0ce65.js';
-import './index-28b39c4a.js';
-import './index-3302b9b9.js';
-import './index-a555229f.js';
-import './index-5102421c.js';
-import './index-9e977f2f.js';
-import './index.module-c2089c40.js';
-import './index-33ef85cf.js';
-import './index-4bfdf968.js';
-import './index-c30e169a.js';
-import './index-2152e50f.js';
+import './index-547e152d.js';
+import './useCustomDimensions-07c62a98.js';
+import './index-c6fe0b59.js';
+import './ussIsSticky-6db65cad.js';
+import './index-7a4e16d5.js';
+import './index-cc788671.js';
+import './index-5d8f4c06.js';
+import './index.module-02e93671.js';
+import './index-98b44b16.js';
+import './index-876d94a3.js';
+import './index-7853abec.js';
+import './index-798eead4.js';
+import './index-28d75ade.js';
+import './index.module-57b897e9.js';
+import './index-0a9cef1b.js';
+import './index-6ab22107.js';
+import './index-73574bdf.js';
+import './index-fad3be9f.js';
 import '@mui/material';
-import './index-e7ca7c0c.js';
-import './index-992d27aa.js';
-import './index-6c6e5f06.js';
-import './index-b51de043.js';
-import './index-d5c291ab.js';
+import './index-7f36fc88.js';
+import './index-97be9231.js';
+import './index-19fca412.js';
+import './index-54b069fb.js';
+import './index-e455e893.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-b2c5bbb9.js → index-c16a0a18.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-35007b48.js';
+import { s as styleInject, u as useViewHandler } from './index-cbcc2da2.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-317f1803.js';
+import Functions from './index-14b93a37.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-d5bd0f20.js';
+import { u as useCustomDimensions } from './useCustomDimensions-07c62a98.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
-import PriceCounter from './index-e7082fb5.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import PriceCounter from './index-c286ad13.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -43,24 +43,25 @@ var rabattVisible = "rabatt-visible-vvkfB";
 var tablet = "tablet-n1n5E";
 var fullscreen = "fullscreen-94axf";
 var sideMenuButton = "side-menu-button-NA9Lt";
-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: 8px 0 0px 8px;\n  pointer-events: none;\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  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\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.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\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  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.wcPriceinfoContainer-bH9C- {\n  display: flex;\n  flex-direction: column;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\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.wrapper-y4VmL h1,\n.wc-formatted-price--PHbM,\n.wc-formatted-brutto-price-MDFl1,\n.dimensions-wxroF {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wc-formatted-price--PHbM {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.rabatt-visible-vvkfB .wc-formatted-price--PHbM {\n  color: rgb(220, 38, 38);\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.rabatt-visible-vvkfB .wc-formatted-brutto-price-MDFl1 {\n  height: 12px;\n  opacity: 1;\n}\n\n.dimensions-wxroF {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.portrait-Otsjq:not(.tablet-n1n5E) .dimensions-wxroF {\n  display: none;\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-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-price--PHbM {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-brutto-price-MDFl1 {\n  font-size: 11px;\n}\n\n.landscape-TuCY- .wc-formatted-price--PHbM {\n  font-size: 15px;\n}\n\n.portrait-Otsjq .wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-price--PHbM {\n  font-size: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-brutto-price-MDFl1 {\n  font-size: 14px;\n}\n\n.tablet-n1n5E .wcPriceinfo-Zmaer {\n  font-size: 16px;\n}\n\n.tablet-n1n5E h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.side-menu-button-NA9Lt {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.tablet-n1n5E .side-menu-button-NA9Lt {\n  width: 22px;\n  height: 22px;\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: 8px 0 0px 8px;\n  pointer-events: none;\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  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\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.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\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  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.wcPriceinfoContainer-bH9C- {\n  display: flex;\n  flex-direction: column;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\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.wrapper-y4VmL h1,\n.wc-formatted-price--PHbM,\n.wc-formatted-brutto-price-MDFl1,\n.dimensions-wxroF {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wc-formatted-price--PHbM {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.rabatt-visible-vvkfB .wc-formatted-price--PHbM {\n  color: rgb(220, 38, 38);\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.rabatt-visible-vvkfB .wc-formatted-brutto-price-MDFl1 {\n  height: 12px;\n  opacity: 1;\n}\n\n.dimensions-wxroF {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.tablet-n1n5E .dimensions-wxroF {\n  font-size: 14px;\n}\n\n.portrait-Otsjq:not(.tablet-n1n5E) .dimensions-wxroF {\n  font-size: 12px;\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-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-price--PHbM {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-brutto-price-MDFl1 {\n  font-size: 11px;\n}\n\n.landscape-TuCY- .wc-formatted-price--PHbM {\n  font-size: 15px;\n}\n\n.portrait-Otsjq .wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-price--PHbM {\n  font-size: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-brutto-price-MDFl1 {\n  font-size: 14px;\n}\n\n.tablet-n1n5E .wcPriceinfo-Zmaer {\n  font-size: 16px;\n}\n\n.tablet-n1n5E h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.side-menu-button-NA9Lt {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.tablet-n1n5E .side-menu-button-NA9Lt {\n  width: 22px;\n  height: 22px;\n}\n";
 styleInject(css_248z);
 
 var LOG = getLogger('Planner', 'InfoBox');
 var ProductHeader = function ProductHeader(_ref) {
-  var _viewHandler$productS, _viewHandler$productS2;
+  var _viewHandler$productS, _viewHandler$productS2, _bbox$X, _bbox$X2, _bbox$Y, _bbox$Z, _bbox$wOLT, _bbox$dOLT, _bbox$hOLT;
   var hidePrice = _ref.hidePrice,
     productClass = _ref.productClass;
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var bbox = viewHandler.settingsState.bbox;
   var _useDivaCore = useDivaCore(),
     _useDivaCore$state = _useDivaCore.state,
     hidePrices = _useDivaCore$state.hidePrices,
     _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet,
-    _useDivaCore$state$na = _useDivaCore$state.navigationConfiguration,
+    isMobile = _useDivaCore$state$di.isMobile;
+    _useDivaCore$state$di.isTablet;
+    var _useDivaCore$state$na = _useDivaCore$state.navigationConfiguration,
     enableMobile = _useDivaCore$state$na.enableMobile,
     hideHeader = _useDivaCore$state$na.hideHeader,
     openSideMenu = _useDivaCore.actions.openSideMenu;
@@ -71,6 +72,7 @@ var ProductHeader = function ProductHeader(_ref) {
     dimOnlyForOneArticle = _useCustomDimensions.dimOnlyForOneArticle;
   var hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
   var showRabatt = viewHandler.productState.formatedBruttoPrice !== undefined && !viewHandler.getViewConfig().hideRabattPrice;
+  var showMainDimensions = viewHandler.productState.doShow3DDimensionLines || viewHandler.productState.doShowGrid || viewHandler.productState.doShowMainDimensions && !isMobile;
   return /*#__PURE__*/jsxs("div", {
     className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, showRabatt ? rabattVisible : undefined, fullscreen),
     children: [showMobileNavButton && /*#__PURE__*/jsx("div", {
@@ -102,7 +104,23 @@ var ProductHeader = function ProductHeader(_ref) {
               price: (_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
             })
           })]
-        }), !!(dimensions$1 !== null && dimensions$1 !== void 0 && dimensions$1.length) && (!isMobile || isTablet) && dimensions$1.map(function (dimension) {
+        }), showMainDimensions && /*#__PURE__*/jsxs(Fragment, {
+          children: [((_bbox$X = bbox === null || bbox === void 0 ? void 0 : bbox.X) !== null && _bbox$X !== void 0 ? _bbox$X : 0) > 0 && /*#__PURE__*/jsxs("div", {
+            className: dimensions,
+            children: [/*#__PURE__*/jsxs("span", {
+              children: [t('configurator.bth_short'), ": "]
+            }), /*#__PURE__*/jsxs("span", {
+              children: [(_bbox$X2 = bbox === null || bbox === void 0 ? void 0 : bbox.X) !== null && _bbox$X2 !== void 0 ? _bbox$X2 : -1, " \xD7 ", (_bbox$Y = bbox === null || bbox === void 0 ? void 0 : bbox.Y) !== null && _bbox$Y !== void 0 ? _bbox$Y : -1, " \xD7 ", (_bbox$Z = bbox === null || bbox === void 0 ? void 0 : bbox.Z) !== null && _bbox$Z !== void 0 ? _bbox$Z : -1, " cm"]
+            })]
+          }), (bbox === null || bbox === void 0 ? void 0 : bbox.wOLT) !== undefined && /*#__PURE__*/jsxs("div", {
+            className: dimensions,
+            children: [/*#__PURE__*/jsxs("span", {
+              children: [t('configurator.without_olf'), ": "]
+            }), /*#__PURE__*/jsxs("span", {
+              children: [(_bbox$wOLT = bbox === null || bbox === void 0 ? void 0 : bbox.wOLT) !== null && _bbox$wOLT !== void 0 ? _bbox$wOLT : -1, " \xD7 ", (_bbox$dOLT = bbox === null || bbox === void 0 ? void 0 : bbox.dOLT) !== null && _bbox$dOLT !== void 0 ? _bbox$dOLT : -1, " \xD7 ", (_bbox$hOLT = bbox === null || bbox === void 0 ? void 0 : bbox.hOLT) !== null && _bbox$hOLT !== void 0 ? _bbox$hOLT : -1, " cm"]
+            })]
+          })]
+        }), (showMainDimensions || !isMobile) && !!(dimensions$1 !== null && dimensions$1 !== void 0 && dimensions$1.length) && dimensions$1.map(function (dimension) {
           var _dimension$text, _dimension$dimension;
           return /*#__PURE__*/jsxs("div", {
             className: dimensions,

package/build/esm/{index-e7082fb5.js → index-c286ad13.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-35007b48.js';
+import { u as useViewHandler } from './index-cbcc2da2.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import CountUp from 'react-countup';

package/build/esm/{index-37cda324.js → index-c297fcaa.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-35007b48.js';
+import { s as styleInject } from './index-cbcc2da2.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-b8f4ebc5.js → index-c35ec63f.js}

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

package/build/esm/{index-0d0ea5f9.js → index-c5e15c69.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-35007b48.js';
+import { u as useViewHandler } from './index-cbcc2da2.js';
 import 'react';
-import SettingsHeaderContainer from './index-0bb4d764.js';
-import SettingsScroller from './index-07790963.js';
+import SettingsHeaderContainer from './index-9fce780f.js';
+import SettingsScroller from './index-06d126d6.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-c2089c40.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-57b897e9.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-33ef85cf.js';
-import SettingsExpanderButtons from './index-c30e169a.js';
-import SettingsBottomDrawer from './index-2152e50f.js';
+import SettingsSwiper from './index-0a9cef1b.js';
+import SettingsExpanderButtons from './index-73574bdf.js';
+import SettingsBottomDrawer from './index-fad3be9f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -25,91 +25,91 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-d8f35bd8.js';
+import './index-19f96ff7.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2bbd1ec7.js';
-import './index-4b92b067.js';
-import './index-ade7afbd.js';
+import './index-be072b26.js';
+import './index-80c8406e.js';
+import './index-abf748af.js';
 import 'sift';
-import './index-7b54f14d.js';
-import './index-07d9bca0.js';
-import './index-911cedb4.js';
-import './index-2b27cf20.js';
-import './index.module-d5464cd6.js';
-import './index-ca5b8ea5.js';
+import './index-f69e3242.js';
+import './index-9dc3a2d0.js';
+import './index-e4d3d044.js';
+import './index-0c25de6f.js';
+import './index.module-40ca17c6.js';
+import './index-8c0f5acb.js';
 import 'react-switch';
-import './index-bcc38c88.js';
-import './index-15f9da25.js';
-import './index-e7082fb5.js';
+import './index-26cf4a43.js';
+import './index-af4ecda5.js';
+import './index-c286ad13.js';
 import 'react-countup';
-import './index-346e99e2.js';
+import './index-0f893e90.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-95cb45b3.js';
+import './index-2976cf0d.js';
 import 'react-dropdown';
-import './index-996358d3.js';
-import './index-c8df1c08.js';
-import './index-97caf89b.js';
-import './index-0f434ba2.js';
+import './index-8fc29594.js';
+import './index-9ee7f8b9.js';
+import './index-536144c7.js';
+import './index-d71cba4e.js';
 import '@crystaldesign/content-box';
-import './index-09c7a6e3.js';
-import './index-e23231a5.js';
-import './index-e53fa522.js';
-import './index-dfc4e705.js';
-import './index-10036973.js';
-import './index-bc9aca62.js';
-import './index-3b4c3399.js';
-import './index-62f9c828.js';
-import './index-4f6d7a21.js';
+import './index-791d8e03.js';
+import './index-254a7d53.js';
+import './index-a848d597.js';
+import './index-360478cc.js';
+import './index-481a1217.js';
+import './index-9b37c4e7.js';
+import './index-1777c99f.js';
+import './index-3283a651.js';
+import './index-77112f08.js';
 import 'react-laag';
-import './index.module-199161d6.js';
-import './index-bd13e113.js';
-import './index-10a20bb3.js';
-import './index-98e789df.js';
-import './index-f1f3b854.js';
-import './index-d459ba0e.js';
-import './index-304485b6.js';
-import './index.module-629864a9.js';
-import './index-617fbfc8.js';
-import './index-db805ac3.js';
-import './index-99c8d445.js';
-import './index-7285a4f6.js';
-import './index-1f1986fb.js';
-import './index-790864cb.js';
-import './index-1568733a.js';
-import './index-50d9f79a.js';
-import './index-94d2952e.js';
-import './index-70d48e87.js';
-import './index-db9be928.js';
-import './index-bc07d934.js';
+import './index.module-7893d0e5.js';
+import './index-d1a824cc.js';
+import './index-dbaddf34.js';
+import './index-129e1fe8.js';
+import './index-e71d8a0a.js';
+import './index-e4f4aa14.js';
+import './index-02b59733.js';
+import './index.module-1e669a18.js';
+import './index-8a93d237.js';
+import './index-a000dafc.js';
+import './index-003f0042.js';
+import './index-05c14dba.js';
+import './index-e61b8c89.js';
+import './index-3b7f0ead.js';
+import './index-8d29d07f.js';
+import './index-22f4c9a4.js';
+import './index-e5b1a02e.js';
+import './index-24d06794.js';
+import './index-2dc71af3.js';
+import './index-36a5bc7c.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bdce8005.js';
+import './index-967e262b.js';
 import 'rc-slider';
-import './index-c3ef459e.js';
-import './index-ee304e12.js';
-import './index-5ff5440f.js';
-import './index-bd2a3545.js';
-import './index-70d6b7b8.js';
+import './index-ed59645e.js';
+import './index-0283b952.js';
+import './index-117db5c8.js';
+import './index-65d2f483.js';
+import './index-a42cec15.js';
 import 'react-confetti-explosion';
-import './index-f4e957f5.js';
-import './index-31438ebe.js';
-import './index-7c283c8b.js';
+import './index-547e152d.js';
+import './index-85d4dcf7.js';
+import './index-68cc55c1.js';
 import 'react-qr-code';
-import './index-5a7236fc.js';
-import './useCustomDimensions-d5bd0f20.js';
-import './index-3b1821e2.js';
-import './ussIsSticky-f0ddfd11.js';
-import './index-22fca5c9.js';
-import './index-8eccdacd.js';
-import './index-ce71a5f5.js';
-import './index.module-a7f0ce65.js';
-import './index-28b39c4a.js';
-import './index-3302b9b9.js';
-import './index-a555229f.js';
-import './index-5102421c.js';
-import './index-9e977f2f.js';
-import './index-4bfdf968.js';
+import './index-f004e71a.js';
+import './useCustomDimensions-07c62a98.js';
+import './index-c6fe0b59.js';
+import './ussIsSticky-6db65cad.js';
+import './index-7a4e16d5.js';
+import './index-cc788671.js';
+import './index-5d8f4c06.js';
+import './index.module-02e93671.js';
+import './index-98b44b16.js';
+import './index-876d94a3.js';
+import './index-7853abec.js';
+import './index-798eead4.js';
+import './index-28d75ade.js';
+import './index-6ab22107.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];