@crystaldesign/diva-web-planner-react 24.13.0-beta.13 → 24.13.0-beta.15

package/build/esm/{index-af739fa5.js → index-bc34cc8e.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-d57bbe53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-66381b7f.js → index-bc80d92c.js}

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

package/build/esm/{index-1f1ff138.js → index-bcb08ea4.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-7b4a7b67.js';
+import GenericToolTip from './index-35387be8.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-cf231337.js';
+import MetaData from './index-9ccc5d2d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-26b6ddb5.js → index-bd2cb2e2.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-99dfa433.js → index-bdaca449.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -30,7 +30,7 @@ var configuratorSpecPrice = "Configurator-spec-price-IXdTc";
 var configuratorSpecPosNr = "Configurator-spec-posNr-qjwMj";
 var configuratorSpecBtn = "Configurator-spec-btn-LlCEw";
 var configuratorSpecNotExpanded = "Configurator-spec-not-expanded--LVB-";
-var css_248z = "/*Summary*/\n.Configurator-tabGroup-DK2Gs {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.Configurator-tabGroupTitle-3xPwf {\n  font-weight: 300;\n}\n\n.Configurator-spec-oPYns {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.Configurator-spec-oPYns > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.Configurator-spec-oPYns > div > span,\n.Configurator-spec-oPYns > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.Configurator-spec-thumb-zZsc4 {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.Configurator-spec-text-Container-qZRM5 {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.Configurator-spec-cat-qGdqW {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.Configurator-spec-option-WwGgo {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: calc(28% - 3rem);\n}\n\n.configurator-spec-not-defined-oO1-l {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3Csvg height%3D%2232px%22 version%3D%221.1%22 viewBox%3D%220 0 32 32%22 width%3D%2232px%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22%3E%3Cg fill%3D%22%23929292%22 id%3D%22icon-61-warning%22%3E%3Cpath d%3D%22M15.4242327%2C5.14839275 C16.2942987%2C3.74072976 17.707028%2C3.74408442 18.5750205%2C5.14839275 L29.3601099%2C22.59738 C30.5216388%2C24.4765951 29.6755462%2C26 27.4714068%2C26 L6.5278464%2C26 C4.32321557%2C26 3.47386317%2C24.4826642 4.63914331%2C22.59738 L15.4242327%2C5.14839275 L15.4242327%2C5.14839275 Z M16.353181%2C5.5229211 C16.7005152%2C4.96165163 17.2647678%2C4.9634187 17.6110318%2C5.52292108 L28.6162937%2C23.3055078 C29.1954663%2C24.2413498 28.7622271%2C24.9999996 27.6746349%2C24.9999996 L6.29039231%2C25 C5.19115596%2C25 4.76644971%2C24.2463265 5.34866262%2C23.3055082 L16.353181%2C5.5229211 L16.353181%2C5.5229211 Z M17%2C11 C16.4477153%2C11 16%2C11.4530363 16%2C11.9970301 L16%2C18.0029699 C16%2C18.5536144 16.4438648%2C19 17%2C19 C17.5522847%2C19 18%2C18.5469637 18%2C18.0029699 L18%2C11.9970301 C18%2C11.4463856 17.5561352%2C11 17%2C11 L17%2C11 Z M17%2C23 C17.5522848%2C23 18%2C22.5522848 18%2C22 C18%2C21.4477152 17.5522848%2C21 17%2C21 C16.4477152%2C21 16%2C21.4477152 16%2C22 C16%2C22.5522848 16.4477152%2C23 17%2C23 L17%2C23 Z%22 id%3D%22warning%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-option-WwGgo:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.Configurator-spec-price-IXdTc {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.Configurator-spec-posNr-qjwMj {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.Configurator-spec-posNr-qjwMj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.Configurator-spec-btn-LlCEw {\n  top: calc(50% - (2.2rem / 2));\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.Configurator-spec-btn-LlCEw:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.Configurator-spec-not-expanded--LVB-,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-text-Container-qZRM5 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > .isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: 100%;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.configurator-spec-not-defined-oO1-l {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.Configurator-spec-posNr-qjwMj {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-option-WwGgo:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .Configurator-spec-oPYns,\n  .Configurator-spec-text-Container-qZRM5 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .Configurator-spec-oPYns > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .Configurator-spec-cat-qGdqW:hover,\n  .Configurator-spec-option-WwGgo:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n";
+var css_248z = "/*Summary*/\n.Configurator-tabGroup-DK2Gs {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.Configurator-tabGroupTitle-3xPwf {\n  font-weight: 300;\n}\n\n.Configurator-spec-oPYns {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.Configurator-spec-oPYns > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.Configurator-spec-oPYns > div > span,\n.Configurator-spec-oPYns > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.Configurator-spec-thumb-zZsc4 {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.Configurator-spec-text-Container-qZRM5 {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.Configurator-spec-cat-qGdqW {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.Configurator-spec-option-WwGgo {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: calc(28% - 3rem);\n}\n\n.configurator-spec-not-defined-oO1-l {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3Csvg height%3D%2232px%22 version%3D%221.1%22 viewBox%3D%220 0 32 32%22 width%3D%2232px%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22%3E%3Cg fill%3D%22%23929292%22 id%3D%22icon-61-warning%22%3E%3Cpath d%3D%22M15.4242327%2C5.14839275 C16.2942987%2C3.74072976 17.707028%2C3.74408442 18.5750205%2C5.14839275 L29.3601099%2C22.59738 C30.5216388%2C24.4765951 29.6755462%2C26 27.4714068%2C26 L6.5278464%2C26 C4.32321557%2C26 3.47386317%2C24.4826642 4.63914331%2C22.59738 L15.4242327%2C5.14839275 L15.4242327%2C5.14839275 Z M16.353181%2C5.5229211 C16.7005152%2C4.96165163 17.2647678%2C4.9634187 17.6110318%2C5.52292108 L28.6162937%2C23.3055078 C29.1954663%2C24.2413498 28.7622271%2C24.9999996 27.6746349%2C24.9999996 L6.29039231%2C25 C5.19115596%2C25 4.76644971%2C24.2463265 5.34866262%2C23.3055082 L16.353181%2C5.5229211 L16.353181%2C5.5229211 Z M17%2C11 C16.4477153%2C11 16%2C11.4530363 16%2C11.9970301 L16%2C18.0029699 C16%2C18.5536144 16.4438648%2C19 17%2C19 C17.5522847%2C19 18%2C18.5469637 18%2C18.0029699 L18%2C11.9970301 C18%2C11.4463856 17.5561352%2C11 17%2C11 L17%2C11 Z M17%2C23 C17.5522848%2C23 18%2C22.5522848 18%2C22 C18%2C21.4477152 17.5522848%2C21 17%2C21 C16.4477152%2C21 16%2C21.4477152 16%2C22 C16%2C22.5522848 16.4477152%2C23 17%2C23 L17%2C23 Z%22 id%3D%22warning%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-option-WwGgo:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.Configurator-spec-price-IXdTc {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.Configurator-spec-posNr-qjwMj {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.Configurator-spec-posNr-qjwMj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.Configurator-spec-btn-LlCEw {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.Configurator-spec-btn-LlCEw:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.Configurator-spec-not-expanded--LVB-,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-text-Container-qZRM5 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > .isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: 100%;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.configurator-spec-not-defined-oO1-l {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.Configurator-spec-posNr-qjwMj {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-option-WwGgo:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .Configurator-spec-oPYns,\n  .Configurator-spec-text-Container-qZRM5 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .Configurator-spec-oPYns > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .Configurator-spec-cat-qGdqW:hover,\n  .Configurator-spec-option-WwGgo:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n";
 styleInject(css_248z);
 
 var Summary = function Summary(_ref) {

package/build/esm/{index-06af6565.js → index-bfa47ee6.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-bced53da.js';
+import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-6fcc280f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-a8f8d727.js';
+import ProductRoomList from './index-ffb1858d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-6da83c45.js';
+import './index-0030a0ef.js';
 import 'react-qr-code';
-import './index-f92b1947.js';
+import './index-9517e476.js';
 
 var NavBar = function NavBar() {
   var viewHandler = useViewHandler();

package/build/esm/{index-1c64fe94.js → index-c01bc244.js}

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

package/build/esm/{index-de7a80d0.js → index-c09cb9bf.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-cf231337.js';
-import GenericToolTip from './index-7b4a7b67.js';
-import InfoIcon from './index-b9ec2822.js';
+import MetaData from './index-9ccc5d2d.js';
+import GenericToolTip from './index-35387be8.js';
+import InfoIcon from './index-303a3b0d.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-c276ba09.js → index-c1ee67db.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-42293bd1.js';
+import { s as styleInject } from './index-d57bbe53.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-6629be36.js';
+import AccessoiresStandard from './index-9280b833.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,58 +18,58 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-laag';
-import './index-cf231337.js';
-import './index-7b4a7b67.js';
-import './index-6eaabc25.js';
+import './index-9ccc5d2d.js';
+import './index-35387be8.js';
+import './index-22a95c1d.js';
 import 'react-collapsible';
-import './index-33f0a823.js';
-import './index-c62a09a2.js';
+import './index-0f7cf5d3.js';
+import './index-74cdfd68.js';
 import 'sift';
-import './index-0aa3fcff.js';
-import './index-755736d1.js';
-import './index-ee7be6f7.js';
-import './index-36ae1d8b.js';
-import './index-00f55f98.js';
-import './index.module-e410d36b.js';
-import './index-e166ae51.js';
+import './index-d5453af7.js';
+import './index-1dbeab41.js';
+import './index-d25c7c54.js';
+import './index-1a649148.js';
+import './index-533e4c3e.js';
+import './index.module-8d34acdf.js';
+import './index-e3f4df34.js';
 import 'react-switch';
-import './index-b9ec2822.js';
-import './index-b5d6b5ba.js';
+import './index-303a3b0d.js';
+import './index-830df700.js';
 import 'react-dropdown';
-import './index-e22d2909.js';
+import './index-b233c7c8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b857904f.js';
-import './index-51c31d1c.js';
-import './index-4ceceeea.js';
+import './index-c5fa2da0.js';
+import './index-3c970480.js';
+import './index-0be5b1f4.js';
 import '@crystaldesign/content-box';
-import './index-674b2e67.js';
-import './index-395f786b.js';
-import './index-e653ac69.js';
-import './index-6a1b3f9c.js';
-import './index-610e03df.js';
+import './index-4f555a9d.js';
+import './index-58650ad6.js';
+import './index-3a9c923d.js';
+import './index-8711c55c.js';
+import './index-268edb68.js';
 import '@crystaldesign/products-component';
-import './index-d95e1c7a.js';
-import './index-593c14a5.js';
-import './index-de7a80d0.js';
-import './index-1aaa457f.js';
-import './index-df4bc82e.js';
-import './index-f96f0547.js';
-import './index-0ee24d35.js';
-import './index-5b98db71.js';
-import './index-c8bbd3dd.js';
-import './index-cf653ca1.js';
-import './index-85238209.js';
-import './index.module-1f0a962c.js';
-import './index-0d937918.js';
-import './index-2d8ade13.js';
-import './index-6c38ca13.js';
-import './index-fb359ff9.js';
-import './index-fe60538a.js';
-import './index-13453498.js';
-import './index-99c12837.js';
-import './index.module-4c1b0f43.js';
-import './index-98803820.js';
-import './index-2e33aeb1.js';
+import './index-ec2dcba9.js';
+import './index-afbdff9b.js';
+import './index-c09cb9bf.js';
+import './index-edc37d3e.js';
+import './index-d557bd47.js';
+import './index-4a210719.js';
+import './index-2da243d3.js';
+import './index-7d90564d.js';
+import './index-8ee712cc.js';
+import './index-a0988e5f.js';
+import './index-9a4c54cb.js';
+import './index.module-fd6cbe27.js';
+import './index-72c974bb.js';
+import './index-59d9c9dc.js';
+import './index-8f2ad88e.js';
+import './index-d4b08882.js';
+import './index-9ddac999.js';
+import './index-8f63a3b5.js';
+import './index-df289ad6.js';
+import './index.module-f7a94594.js';
+import './index-e642f90c.js';
+import './index-4068b191.js';
 
 var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";

package/build/esm/{index-b857904f.js → index-c5fa2da0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-51c31d1c.js';
+import Arrow from './index-3c970480.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-60f5dbf2.js → index-c6919424.js}

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

package/build/esm/{index-0c780620.js → index-c6dfb424.js}

@@ -1,4 +1,4 @@
-import './index-42293bd1.js';
+import './index-d57bbe53.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4ecdf3f7.js → index-c784f4f2.js}

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

package/build/esm/{index-0da148aa.js → index-c7c2fdcd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7d931f3a.js → index-c92b444b.js}

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

package/build/esm/{index-5a9d16b8.js → index-c9c3e23a.js}

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

package/build/esm/{index-8e1a4b1a.js → index-ca3c4117.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-d57bbe53.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-bc570e2a.js → index-ccb3637b.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-d57bbe53.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-c0e0de31.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-4a4fe21a.js';
+import { h as header } from './index.module-2aee937c.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-357d2c95.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-1f913e30.js';
+import { n as notExpanded } from './index.module-66ac52af.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e656d8e1.js → index-ccbbfcdb.js}

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

package/build/esm/{index-9dbcdd32.js → index-ccc850e3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-42293bd1.js';
+import { s as styleInject } from './index-d57bbe53.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-e166ae51.js';
+import Toggle from './index-e3f4df34.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-51f79058.js → index-cce25eac.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-a99ec2d6.js';
+import RoomSerious from './index-6dce165f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b37278c7.js → index-d08c10bc.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-6505d87a.js';
-import { S as SettingsItem, c as collapsableInner } from './index-c62a09a2.js';
-import ShelfAccessoires from './index-a5948c9e.js';
-import ShelfAccessoiresOld from './index-6ca4c3fe.js';
-import GridList from './index-89e1243a.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-9b1b5681.js';
+import { S as SettingsItem, c as collapsableInner } from './index-74cdfd68.js';
+import ShelfAccessoires from './index-2060ceb7.js';
+import ShelfAccessoiresOld from './index-07aa1e9e.js';
+import GridList from './index-32621e9a.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,56 +22,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-0aa3fcff.js';
-import './index-755736d1.js';
-import './index-ee7be6f7.js';
-import './index-36ae1d8b.js';
-import './index-00f55f98.js';
-import './index.module-e410d36b.js';
-import './index-e166ae51.js';
+import './index-d5453af7.js';
+import './index-1dbeab41.js';
+import './index-d25c7c54.js';
+import './index-1a649148.js';
+import './index-533e4c3e.js';
+import './index.module-8d34acdf.js';
+import './index-e3f4df34.js';
 import 'react-switch';
-import './index-b9ec2822.js';
-import './index-b5d6b5ba.js';
+import './index-303a3b0d.js';
+import './index-830df700.js';
 import 'react-dropdown';
-import './index-e22d2909.js';
+import './index-b233c7c8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b857904f.js';
-import './index-51c31d1c.js';
-import './index-4ceceeea.js';
+import './index-c5fa2da0.js';
+import './index-3c970480.js';
+import './index-0be5b1f4.js';
 import '@crystaldesign/content-box';
-import './index-674b2e67.js';
-import './index-395f786b.js';
-import './index-e653ac69.js';
-import './index-6a1b3f9c.js';
-import './index-610e03df.js';
+import './index-4f555a9d.js';
+import './index-58650ad6.js';
+import './index-3a9c923d.js';
+import './index-8711c55c.js';
+import './index-268edb68.js';
 import '@crystaldesign/products-component';
-import './index-d95e1c7a.js';
-import './index-593c14a5.js';
-import './index-de7a80d0.js';
+import './index-ec2dcba9.js';
+import './index-afbdff9b.js';
+import './index-c09cb9bf.js';
 import 'react-laag';
-import './index-cf231337.js';
-import './index-7b4a7b67.js';
-import './index-1aaa457f.js';
-import './index-df4bc82e.js';
-import './index-f96f0547.js';
-import './index-0ee24d35.js';
-import './index-5b98db71.js';
-import './index-c8bbd3dd.js';
-import './index-cf653ca1.js';
-import './index-85238209.js';
-import './index.module-1f0a962c.js';
-import './index-0d937918.js';
-import './index-2d8ade13.js';
-import './index-6c38ca13.js';
-import './index-fb359ff9.js';
-import './index-fe60538a.js';
-import './index-13453498.js';
-import './index-99c12837.js';
-import './index.module-4c1b0f43.js';
-import './index-98803820.js';
-import './index-2e33aeb1.js';
+import './index-9ccc5d2d.js';
+import './index-35387be8.js';
+import './index-edc37d3e.js';
+import './index-d557bd47.js';
+import './index-4a210719.js';
+import './index-2da243d3.js';
+import './index-7d90564d.js';
+import './index-8ee712cc.js';
+import './index-a0988e5f.js';
+import './index-9a4c54cb.js';
+import './index.module-fd6cbe27.js';
+import './index-72c974bb.js';
+import './index-59d9c9dc.js';
+import './index-8f2ad88e.js';
+import './index-d4b08882.js';
+import './index-9ddac999.js';
+import './index-8f63a3b5.js';
+import './index-df289ad6.js';
+import './index.module-f7a94594.js';
+import './index-e642f90c.js';
+import './index-4068b191.js';
 import 'react-beautiful-dnd';
-import './index-0da148aa.js';
+import './index-c7c2fdcd.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; }

package/build/esm/{index-ee7be6f7.js → index-d25c7c54.js}

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

package/build/esm/{index-badec86e.js → index-d41b40c9.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import { useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fb359ff9.js → index-d4b08882.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-0d937918.js';
-import InfoIcon from './index-b9ec2822.js';
+import IsActive from './index-72c974bb.js';
+import InfoIcon from './index-303a3b0d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0aa3fcff.js → index-d5453af7.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-d57bbe53.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-755736d1.js';
+import SettingsHeader from './index-1dbeab41.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-df4bc82e.js → index-d557bd47.js}

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

package/build/esm/{index-e3dbfcf5.js → index-d5593a91.js}

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