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

package/build/esm/{index-97407b6c.js → index-e66e8797.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
-import { S as SettingsItem } from './index-88e331ff.js';
-import ContentItemTeaser from './index-46c0294d.js';
+import { S as SettingsItem } from './index-c7229698.js';
+import ContentItemTeaser from './index-79ef88c7.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,80 +25,80 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-fd11bb36.js';
-import './index-ae2f88ef.js';
-import './index-2ec76bd0.js';
-import './index-e2c53787.js';
-import './index.module-4dbcf5c4.js';
-import './index-a1bfb8f3.js';
-import './index-6c52b105.js';
+import './index-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3f93d8d7.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-5a3297cc.js';
+import './index-b92e6a3c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7cc8bc93.js';
-import './index-ba6cae47.js';
-import './index-20189d95.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-a731fac3.js';
-import './index-a0c05b47.js';
-import './index-c098553b.js';
-import './index-07236616.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-2c538741.js';
-import './index-32b6cf27.js';
-import './index-02117dbc.js';
-import './index-87be8512.js';
-import './index-eee7164f.js';
-import './index-890ebdc0.js';
-import './index-bfc19970.js';
+import './UnlockCard-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.js';
 import 'react-laag';
-import './index.module-39785b84.js';
-import './index-bd485ab2.js';
-import './index-1b00d75a.js';
-import './index-b111088f.js';
-import './index-7dcac9db.js';
-import './index-107073a6.js';
-import './index.module-f7cf7d09.js';
-import './index-cb26b569.js';
-import './index-9021ee24.js';
-import './index-6ff775c4.js';
-import './index-d79db6b1.js';
-import './index-a8d55c3d.js';
-import './index-f476a841.js';
-import './index-ad0073e0.js';
-import './index-2c4ceb76.js';
-import './index-d205d93b.js';
-import './index-9ab04810.js';
-import './index-83dcd58c.js';
-import './index-a64b6074.js';
-import './index-28fa6fd4.js';
+import './index.module-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.js';
 import 'rc-slider';
-import './index-2e368a5a.js';
-import './index-1072f1d1.js';
-import './index-dba3ffcb.js';
-import './index-2512aab8.js';
-import './index-dd37600b.js';
+import './index-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-b3388222.js';
-import './index-836d4462.js';
-import './index-36a38705.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-0eb4fbc1.js';
-import './useCustomDimensions-84ef7744.js';
-import './index-3895d740.js';
-import './ussIsSticky-2fa465b9.js';
-import './index-0a07024f.js';
-import './index-5e5aba05.js';
-import './index-ffccd07b.js';
-import './index.module-e392d5a9.js';
-import './index-980b65ca.js';
-import './index-53a6c077.js';
-import './index-8be0a261.js';
-import './index-47f65338.js';
+import './index-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
 
 var wrapper = "wrapper-u-Jk1";
 var left = "left-T5gs2";

package/build/esm/{index-19628282.js → index-e690a838.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
-import InfoIcon from './index-a1bfb8f3.js';
+import InfoIcon from './index-928866df.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import SummaryOptionTree from './index-87be8512.js';
+import SummaryOptionTree from './index-aefa28fb.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -28,7 +28,7 @@ var optionTitle = "option-title-ErJ-u";
 var optionDescription = "option-description-WL9GJ";
 var optionButton = "option-button-0C2Fa";
 var priceWrapper = "price-wrapper-mlLK5";
-var css_248z = ".tabgroup-wrapper-4aobO {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY).tabgroup-wrapper-4aobO {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.tabgroup-title-1R284 {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.option-wrapper-pmVYq {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.option-item-zmiHX {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-item-zmiHX {\n  gap: 12px;\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 {\n  gap: 8px;\n}\n\n.sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 .tabgroup-wrapper-4aobO {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.image-wrapper-egqGk {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .image-wrapper-egqGk {\n  width: 40px;\n  height: 40px;\n}\n\n.image-jeC-- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.image-placeholder-gM-z9 {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.is-defined-d2h6S {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Ccircle cx%3D%226%22 cy%3D%226%22 r%3D%226%22 fill%3D%22%2310B981%22%2F%3E  %3Cpath d%3D%22M3.5 6L5 7.5L8.5 4%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .is-defined-d2h6S {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.option-content-j3aZy {\n  flex: 1;\n}\n\n.option-title-wrapper-9zVs5 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-wrapper-9zVs5 {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.pos-nr-class-Cbb-Q {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 24px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 20px;\n}\n\n.pos-nr-wrapper-h63sR {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  gap: 2px;\n}\n\n.option-title-ErJ-u {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.option-description-WL9GJ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-ErJ-u,\n.mobile-WRdEu:not(.tablet-hQxkY) .option-description-WL9GJ {\n  font-size: 12px;\n}\n\n.option-button-0C2Fa {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\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-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-button-0C2Fa {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.option-button-0C2Fa:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.price-wrapper-mlLK5 {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .price-wrapper-mlLK5 {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .tabgroup-wrapper-4aobO {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .sub-items-wrapper-B8kl2 {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .image-placeholder-gM-z9 {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .option-description-WL9GJ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .option-button-0C2Fa:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n";
+var css_248z = ".tabgroup-wrapper-4aobO {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY).tabgroup-wrapper-4aobO {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.tabgroup-title-1R284 {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.option-wrapper-pmVYq {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.option-item-zmiHX {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-item-zmiHX {\n  gap: 12px;\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 {\n  gap: 8px;\n}\n\n.sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 .tabgroup-wrapper-4aobO {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.image-wrapper-egqGk {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .image-wrapper-egqGk {\n  width: 40px;\n  height: 40px;\n}\n\n.image-jeC-- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.image-placeholder-gM-z9 {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.is-defined-d2h6S {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Ccircle cx%3D%226%22 cy%3D%226%22 r%3D%226%22 fill%3D%22%2310B981%22%2F%3E  %3Cpath d%3D%22M3.5 6L5 7.5L8.5 4%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .is-defined-d2h6S {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.option-content-j3aZy {\n  flex: 1;\n}\n\n.option-title-wrapper-9zVs5 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-wrapper-9zVs5 {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.pos-nr-class-Cbb-Q {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 24px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 20px;\n}\n\n.pos-nr-wrapper-h63sR {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  gap: 2px;\n}\n\n.option-title-ErJ-u {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.option-description-WL9GJ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-ErJ-u,\n.mobile-WRdEu:not(.tablet-hQxkY) .option-description-WL9GJ {\n  font-size: 12px;\n}\n\n.option-button-0C2Fa {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\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-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-button-0C2Fa {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.option-button-0C2Fa:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.price-wrapper-mlLK5 {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .price-wrapper-mlLK5 {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .tabgroup-wrapper-4aobO,\n.diva-component-DIVA_DATA_ENGINE .darkmode .tabgroup-wrapper-4aobO {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .sub-items-wrapper-B8kl2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .sub-items-wrapper-B8kl2 {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .image-placeholder-gM-z9,\n.diva-component-DIVA_DATA_ENGINE .darkmode .image-placeholder-gM-z9 {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .option-description-WL9GJ,\n.diva-component-DIVA_DATA_ENGINE .darkmode .option-description-WL9GJ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .option-button-0C2Fa:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .option-button-0C2Fa:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n";
 styleInject(css_248z);
 
 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; }

package/build/esm/{index-e8c427db.js → index-e6cf4143.js}

@@ -1,21 +1,21 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
-import DockFilter from './index-4e2cff94.js';
-import RALFilter from './index-5a3297cc.js';
+import DockFilter from './index-35de0604.js';
+import RALFilter from './index-b92e6a3c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-a0c05b47.js';
-import ToggleHeader from './index-a4619cae.js';
-import NumberInput from './index-417a9529.js';
-import InfoButton from './index-5c675456.js';
-import PDFButton from './index-3c8e5f91.js';
-import SummaryVariantButton from './index-14abb8be.js';
-import SelectedOpv from './index-65800b99.js';
-import InfoIcon from './index-a1bfb8f3.js';
-import SettingsPosNr from './index-d5dec7d2.js';
-import SettingsConfigSingle from './index-9ac591ca.js';
-import { u as useStickyScroll } from './ussIsSticky-2fa465b9.js';
+import Searchbar from './index-c448f954.js';
+import ToggleHeader from './index-6386d536.js';
+import NumberInput from './index-13fb1854.js';
+import InfoButton from './index-cf1b6364.js';
+import PDFButton from './index-6f288661.js';
+import SummaryVariantButton from './index-53d475ea.js';
+import SelectedOpv from './index-474b9a8e.js';
+import InfoIcon from './index-928866df.js';
+import SettingsPosNr from './index-33bc16ca.js';
+import SettingsConfigSingle from './index-439b3d5f.js';
+import { u as useStickyScroll } from './ussIsSticky-372746a0.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -36,16 +36,16 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7cc8bc93.js';
+import './index-13531035.js';
 import 'react-dropdown';
-import './index-ba6cae47.js';
-import './index-20189d95.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-a731fac3.js';
-import './index-c29fb3aa.js';
+import './index-71973ef1.js';
+import './index-8d4f0381.js';
 import 'react-laag';
-import './index-f476a841.js';
-import './index-3e37055c.js';
+import './index-3683382a.js';
+import './index-1066cffb.js';
 import 'swiper/react';
 
 var headerWrapper = "header-wrapper-qVEmI";
@@ -61,7 +61,7 @@ var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
 var minExpanded = "min-expanded-kEE9N";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    font-size 0.4s ease,\n    margin-top 0.4s ease,\n    line-height 0.4s ease;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK,\nbody.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK {\n  color: #f7fafc;\n}\n\n.is-sticky-9WgWo {\n  font-size: 16px;\n  margin-top: 5px;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.portrait-8Z7gh.is-sticky-9WgWo:not(.tablet-GGMXO) {\n  --infoIconSize: 16px;\n}\n\n.scroller-jdhnI.is-sticky-9WgWo .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n  z-index: 2000;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.is-sticky-9WgWo.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 13px;\n  line-height: 17px;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK,\n.portrait-8Z7gh.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.is-sticky-9WgWo.is-header-sgSKB.scroller-jdhnI.option-M-arn {\n  position: relative;\n}\n\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcConfigItem-Header-JEANn {\n  margin-top: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 30px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.is-sticky-9WgWo.wcConfigItem-Header-JEANn {\n  min-height: 0;\n  min-height: initial;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n  gap: 10px;\n  transition: opacity 0.4s ease;\n  opacity: 1;\n  margin-bottom: 4px;\n}\n\n.portrait-8Z7gh .icons-container-DbfdO {\n  gap: 6px;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO).is-sticky-9WgWo .icons-container-DbfdO {\n  opacity: 0;\n  width: 0px;\n  height: 0px;\n  pointer-events: none;\n}\n\n.is-sticky-9WgWo:not(.portrait-8Z7gh):hover .icons-container-DbfdO {\n  opacity: 1;\n  height: auto;\n}\n";
+var css_248z = ".header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    font-size 0.4s ease,\n    margin-top 0.4s ease,\n    line-height 0.4s ease;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wcConfigurator-settings-header-title--CcUK,\nbody.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK {\n  color: #f7fafc;\n}\n\n.is-sticky-9WgWo {\n  font-size: 16px;\n  margin-top: 5px;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.portrait-8Z7gh.is-sticky-9WgWo:not(.tablet-GGMXO) {\n  --infoIconSize: 16px;\n}\n\n.scroller-jdhnI.is-sticky-9WgWo .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n  z-index: 2000;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.is-sticky-9WgWo.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 13px;\n  line-height: 17px;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK,\n.portrait-8Z7gh.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.is-sticky-9WgWo.is-header-sgSKB.scroller-jdhnI.option-M-arn {\n  position: relative;\n}\n\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcConfigItem-Header-JEANn {\n  margin-top: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 30px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.is-sticky-9WgWo.wcConfigItem-Header-JEANn {\n  min-height: 0;\n  min-height: initial;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n  gap: 10px;\n  transition: opacity 0.4s ease;\n  opacity: 1;\n  margin-bottom: 4px;\n}\n\n.portrait-8Z7gh .icons-container-DbfdO {\n  gap: 6px;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO).is-sticky-9WgWo .icons-container-DbfdO {\n  opacity: 0;\n  width: 0px;\n  height: 0px;\n  pointer-events: none;\n}\n\n.is-sticky-9WgWo:not(.portrait-8Z7gh):hover .icons-container-DbfdO {\n  opacity: 1;\n  height: auto;\n}\n";
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {

package/build/esm/{index-8c78ca29.js → index-e928d5d7.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler, S as SettingsHeader } from './index-b5600279.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-e499579f.js → index-e95d0d14.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-b2309733.js';
+import Group from './index-d52187fe.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-cc2389ec.js';
+import StandradGroup from './index-4f4c997e.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,83 +24,83 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-88e331ff.js';
+import './index-c7229698.js';
 import 'sift';
-import './index-fd11bb36.js';
-import './index-ae2f88ef.js';
-import './index-2ec76bd0.js';
-import './index-e2c53787.js';
-import './index.module-4dbcf5c4.js';
-import './index-a1bfb8f3.js';
-import './index-6c52b105.js';
+import './index-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3f93d8d7.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-5a3297cc.js';
+import './index-b92e6a3c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7cc8bc93.js';
-import './index-ba6cae47.js';
-import './index-20189d95.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-a731fac3.js';
-import './index-a0c05b47.js';
-import './index-c098553b.js';
-import './index-07236616.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-2c538741.js';
-import './index-32b6cf27.js';
-import './index-02117dbc.js';
-import './index-87be8512.js';
-import './index-eee7164f.js';
-import './index-890ebdc0.js';
-import './index-bfc19970.js';
+import './UnlockCard-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.js';
 import 'react-laag';
-import './index.module-39785b84.js';
-import './index-bd485ab2.js';
-import './index-1b00d75a.js';
-import './index-b111088f.js';
-import './index-7dcac9db.js';
-import './index-107073a6.js';
-import './index.module-f7cf7d09.js';
-import './index-cb26b569.js';
-import './index-9021ee24.js';
-import './index-6ff775c4.js';
-import './index-d79db6b1.js';
-import './index-a8d55c3d.js';
-import './index-f476a841.js';
-import './index-ad0073e0.js';
-import './index-2c4ceb76.js';
-import './index-d205d93b.js';
-import './index-9ab04810.js';
-import './index-83dcd58c.js';
-import './index-a64b6074.js';
-import './index-28fa6fd4.js';
+import './index.module-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.js';
 import 'rc-slider';
-import './index-2e368a5a.js';
-import './index-1072f1d1.js';
-import './index-dba3ffcb.js';
-import './index-2512aab8.js';
-import './index-dd37600b.js';
+import './index-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-b3388222.js';
-import './index-836d4462.js';
-import './index-36a38705.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-0eb4fbc1.js';
-import './useCustomDimensions-84ef7744.js';
-import './index-3895d740.js';
-import './ussIsSticky-2fa465b9.js';
-import './index-0a07024f.js';
-import './index-5e5aba05.js';
-import './index-ffccd07b.js';
-import './index.module-e392d5a9.js';
-import './index-980b65ca.js';
-import './index-53a6c077.js';
-import './index-8be0a261.js';
-import './index-47f65338.js';
-import './index-0f2172c9.js';
+import './index-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
+import './index-9a88d5cd.js';
 import 'react-collapsible';
 
 var container = "container-UypgK";

package/build/esm/{index-76fb01ad.js → index-e9a430da.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-836d4462.js';
+import ArQrCodeIcon from './index-f629a19b.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-79bcca80.js';
+import ProductRoomList from './index-3244fe92.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,9 +25,9 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-36a38705.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-0eb4fbc1.js';
+import './index-bba5efeb.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-af5419d9.js → index-eccf148d.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-79bcca80.js';
+import ProductRoomList from './index-3244fe92.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-64ee4e38.js → index-ed58c3a1.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-b5600279.js';
-import ProductHeader from './index-b59ff6b2.js';
+import { s as styleInject } from './index-e5867324.js';
+import ProductHeader from './index-0ba1e921.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,10 +23,10 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-5272092a.js';
-import './index-91bf3380.js';
+import './index-f1af31bd.js';
+import './index-a5319487.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-84ef7744.js';
+import './useCustomDimensions-69a46a5e.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "product-header-h3vB3";