@crystaldesign/diva-web-planner-react 26.7.0-rc.9 → 26.8.0-beta.10

package/build/esm/{index-ce21481e.js → index-54940188.js}

@@ -1,11 +1,11 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-04cb90f4.js';
+import SettingsHeaderContainer from './index-34ffc4b2.js';
 import classnames from 'classnames';
-import TotalPrice from './index-bae88b30.js';
-import SettingsItemsWrapper from './index-d86f8621.js';
+import TotalPrice from './index-e869ec9b.js';
+import SettingsItemsWrapper from './index-3bc0a00f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,83 +25,83 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-48efc6ff.js';
+import './index-4bb41a6a.js';
 import 'sift';
-import './index-1fa73fb8.js';
-import './index-2d2d2431.js';
-import './index-4fc3796a.js';
-import './index-e11d0c6e.js';
-import './index.module-e403d21f.js';
-import './index-f5d4f1c5.js';
-import './index-f6870a49.js';
+import './index-26de8f41.js';
+import './index-b04af7ed.js';
+import './index-c119dc8b.js';
+import './index-37201612.js';
+import './index.module-7874a743.js';
+import './index-7a0d9890.js';
+import './index-16ebfa8b.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-7536d002.js';
+import './index-0a9785a3.js';
 import 'react-dropdown';
-import './index-d2a91e70.js';
-import './index-17cc643d.js';
-import './index-ed03d390.js';
-import './index-346f109f.js';
+import './index-cc322921.js';
+import './index-6fc54941.js';
+import './index-c48c4b80.js';
+import './index-12e82b36.js';
 import '@crystaldesign/content-box';
-import './index-f9a110fe.js';
-import './index-f281fab5.js';
-import './index-af530b8e.js';
-import './index-9cf0f255.js';
+import './index-9b8548c7.js';
+import './index-fb1a9642.js';
+import './index-05e75a7d.js';
+import './index-8200bbb9.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-561cb8bc.js';
-import './index-622d2f18.js';
-import './index-d36bc5e4.js';
-import './index-5cfd2f4f.js';
-import './index-f6c9850b.js';
-import './index-55105a3e.js';
-import './index-152c53e6.js';
+import './UnlockCard-e814b1f2.js';
+import './index-799cef74.js';
+import './index-adef384d.js';
+import './index-42c2e72c.js';
+import './index-b8406967.js';
+import './index-018997f7.js';
+import './index-f1f91571.js';
 import 'react-laag';
-import './index.module-c4a06a9f.js';
-import './index-a3c77564.js';
-import './index-81938dc2.js';
-import './index-7974fc02.js';
-import './index-2ca021f4.js';
-import './index-d7cdb94e.js';
-import './index.module-2c07ccb5.js';
-import './index-b8c241a3.js';
-import './index-a422385b.js';
-import './index-19c1368a.js';
-import './index-4953f1f6.js';
-import './index-4b230f94.js';
-import './index-ef005904.js';
-import './index-f8dbc204.js';
-import './index-38d7a702.js';
-import './index-eb0f660b.js';
-import './index-a4767a74.js';
-import './index-7f9b794d.js';
-import './index-03f86982.js';
-import './index-9e44e103.js';
+import './index.module-031c75e1.js';
+import './index-85aea608.js';
+import './index-b8445a19.js';
+import './index-ef6a11d8.js';
+import './index-7586676b.js';
+import './index-cfd405ae.js';
+import './index.module-8f8d1ed7.js';
+import './index-c8e4f10b.js';
+import './index-348e5959.js';
+import './index-68be44ea.js';
+import './index-ebf7f626.js';
+import './index-580226f1.js';
+import './index-8ea3df37.js';
+import './index-e44bcc25.js';
+import './index-0fa4a916.js';
+import './index-598c2fab.js';
+import './index-17eeb61e.js';
+import './index-22d9384d.js';
+import './index-d4e39ebd.js';
+import './index-86b624ba.js';
 import 'rc-slider';
-import './index-a52fd6a3.js';
-import './index-64a7e78e.js';
-import './index-04847887.js';
-import './index-72a54d79.js';
-import './index-5279fb47.js';
+import './index-0c916db0.js';
+import './index-a3894dce.js';
+import './index-2eebfbc0.js';
+import './index-64b21385.js';
+import './index-517caffc.js';
 import 'react-confetti-explosion';
-import './index-8abbaf37.js';
-import './index-5a195e83.js';
-import './index-3627081b.js';
+import './index-4b66d34f.js';
+import './index-720bc2cb.js';
+import './index-adafd0d6.js';
 import 'react-qr-code';
-import './index-701c1cca.js';
-import './useCustomDimensions-dd45806d.js';
-import './index-5a39a0b2.js';
-import './ussIsSticky-287a90a0.js';
-import './index-015ad3bc.js';
-import './index-a63be589.js';
-import './index-4e3e77ad.js';
-import './index.module-cca52a67.js';
-import './index-ba342957.js';
-import './index-4529202e.js';
-import './index-bb3c4c85.js';
-import './index-dade0892.js';
-import './index-2e67f9a9.js';
-import './index-52ac045b.js';
+import './index-7aa75f35.js';
+import './useCustomDimensions-91382bee.js';
+import './index-3003272b.js';
+import './ussIsSticky-4aa2f2bf.js';
+import './index-6e496cac.js';
+import './index-c07e338a.js';
+import './index-3edc644f.js';
+import './index.module-a782f4c9.js';
+import './index-dcb87548.js';
+import './index-39251803.js';
+import './index-13471793.js';
+import './index-22ff7842.js';
+import './index-6c1d48a9.js';
+import './index-73e6ba7d.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-a1c27043.js → index-553b48c7.js}

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

package/build/esm/{index-6ddc50ca.js → index-55b11eb0.js}

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

package/build/esm/{index-94b83164.js → index-56a53c00.js}

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

package/build/esm/{index-a98aa9fc.js → index-56efa16f.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-4b230f94.js → index-580226f1.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-b6c3b206.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c4a06a9f.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-031c75e1.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-ef005904.js';
+import MetaData from './index-8ea3df37.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-f5d4f1c5.js';
-import ReverseCheck from './index-f6870a49.js';
+import InfoIcon from './index-7a0d9890.js';
+import ReverseCheck from './index-16ebfa8b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -38,7 +38,7 @@ var wcImage = "wcImage-eveCj";
 var titleWrapper = "titleWrapper-89f-B";
 var title = "title-mFBM6";
 var big = "big-wADuy";
-var css_248z = "/*Size Normal */\n\n.palette-item-IUL0m {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-IUL0m:active,\n.palette-item-IUL0m:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-GN3-8 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-IUL0m:hover .wcVCodexText-GN3-8,\n.sel-3ZIRz .wcVCodexText-GN3-8 {\n  display: block;\n}\n\n.imageWrapper-QwsRE {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-3ZIRz .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-eveCj {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\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  transition: border 0.3s ease;\n}\n.sel-3ZIRz .wcImage-eveCj,\n.small-Ynrzj.sel-3ZIRz .wcImage-eveCj {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-NBrjx {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-89f-B {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-mFBM6 {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.palette-item-IUL0m:hover .title-mFBM6,\n.palette-item-IUL0m:focus .title-mFBM6 {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-IUL0m:hover .title-mFBM6,\n  .palette-item-IUL0m:focus .title-mFBM6 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-Ynrzj .wcVCodexText-GN3-8 {\n  font-size: 12px;\n}\n\n.small-Ynrzj .title-mFBM6 {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.small-Ynrzj .titleWrapper-89f-B {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.very-small-XTQPS .wcVCodexText-GN3-8 {\n  font-size: 10px;\n}\n\n.very-small-XTQPS .title-mFBM6 {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.very-small-XTQPS .titleWrapper-89f-B {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.big-wADuy .wcVCodexText-GN3-8 {\n  font-size: 15px;\n}\n\n.big-wADuy .title-mFBM6 {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n";
+var css_248z = "/*Size Normal */\n\n.palette-item-IUL0m {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-IUL0m:active,\n.palette-item-IUL0m:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-GN3-8 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-IUL0m:hover .wcVCodexText-GN3-8,\n.sel-3ZIRz .wcVCodexText-GN3-8 {\n  display: block;\n}\n\n.imageWrapper-QwsRE {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz.palette-item-IUL0m:hover .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-3ZIRz .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-eveCj {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\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  transition: border 0.3s ease;\n}\n.sel-3ZIRz .wcImage-eveCj,\n.small-Ynrzj.sel-3ZIRz .wcImage-eveCj {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-NBrjx {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-89f-B {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-mFBM6 {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-mFBM6 {\n  color: #fff;\n}\n\n.palette-item-IUL0m:hover .title-mFBM6,\n.palette-item-IUL0m:focus .title-mFBM6 {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-IUL0m:hover .title-mFBM6,\n  .palette-item-IUL0m:focus .title-mFBM6 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-Ynrzj .wcVCodexText-GN3-8 {\n  font-size: 12px;\n}\n\n.small-Ynrzj .title-mFBM6 {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.small-Ynrzj .titleWrapper-89f-B {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.very-small-XTQPS .wcVCodexText-GN3-8 {\n  font-size: 10px;\n}\n\n.very-small-XTQPS .title-mFBM6 {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.very-small-XTQPS .titleWrapper-89f-B {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.big-wADuy .wcVCodexText-GN3-8 {\n  font-size: 15px;\n}\n\n.big-wADuy .title-mFBM6 {\n  font-size: 15px;\n  -webkit-line-clamp: 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-78221cdd.js → index-588996a4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import 'react';
 import { Rnd } from 'react-rnd';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-3f8f9d9f.js → index-588f80bd.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-5a195e83.js';
+import ArQrCodeIcon from './index-720bc2cb.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-a1c27043.js';
+import ProductRoomList from './index-553b48c7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-3627081b.js';
+import './index-adafd0d6.js';
 import 'react-qr-code';
-import './index-701c1cca.js';
+import './index-7aa75f35.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-e2d8bee8.js → index-58b26a80.js}

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

package/build/esm/{index-eb0f660b.js → index-598c2fab.js}

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

package/build/esm/{index-74313c1f.js → index-5ac765de.js}

@@ -1,4 +1,4 @@
-import './index-2a04e43a.js';
+import './index-b6c3b206.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-1bd3d8cc.js → index-5c154545.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-3d6c9422.js';
-import PriceSumm from './index-11140301.js';
+import ActionNavigation from './index-b564e7b3.js';
+import PriceSumm from './index-41409aa5.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-8502908b.js';
+import './index.module-a0da24ce.js';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-24ca18fd.js → index-5d37bc2f.js}

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

package/build/esm/{index-01b48d02.js → index-5faa50df.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-2a04e43a.js';
+import { u as useViewHandler } from './index-b6c3b206.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-27ea3775.js';
+import { g as wcPlanner3DGrid } from './index.module-d01c9c8c.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2416da7d.js → index-5faf585b.js}

@@ -1,5 +1,5 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-2a04e43a.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -7,11 +7,11 @@ import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
@@ -29,7 +29,11 @@ var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var allTabGroups = viewHandler.tabGroupState.allTabGroups;
-  var tabGroupsArray = _toConsumableArray(allTabGroups.values());
+  var tabGroupsArray = allTabGroups ? Object.entries(allTabGroups).map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      tg = _ref3[1];
+    return tg;
+  }) : [];
   var firstTabKey = (_tabGroupsArray$ = tabGroupsArray[0]) === null || _tabGroupsArray$ === void 0 ? void 0 : _tabGroupsArray$.key;
   var isFirstItem = firstTabKey === tabGroup.key;
   var onTabGroupClick = useCallback(function (tg) {
@@ -49,7 +53,7 @@ var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
     style: {
       display: 'flex',
       gap: 0,
-      borderBottom: '1px solid #d9d9d9'
+      borderBottom: '1px solid var(--wysiwygTabBorderColor, #d9d9d9)'
     },
     children: tabGroupsArray.map(function (tg) {
       return /*#__PURE__*/jsx("button", {
@@ -60,11 +64,11 @@ var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
         style: {
           padding: '8px 16px',
           border: 'none',
-          borderBottom: tg.key === activeKey ? '2px solid var(--primaryColor, #1677ff)' : '2px solid transparent',
+          borderBottom: tg.key === activeKey ? '2px solid var(--wysiwygTabActiveColor, var(--primaryColor, #1677ff))' : '2px solid transparent',
           background: 'none',
           cursor: 'pointer',
           fontWeight: tg.key === activeKey ? 600 : 400,
-          color: tg.key === activeKey ? 'var(--primaryColor, #1677ff)' : 'inherit'
+          color: tg.key === activeKey ? 'var(--wysiwygTabActiveColor, var(--primaryColor, #1677ff))' : 'var(--wysiwygTabTextColor, inherit)'
         },
         children: t('configurator.' + tg.title, tg.title)
       }, tg.key);

package/build/esm/{index-0b9531dc.js → index-61541c30.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon, b as PriceCounter } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon, b as PriceCounter } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-8502908b.js';
+import { c as checkoutButton } from './index.module-a0da24ce.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-c3286c3b.js → index-62be65f0.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-2a04e43a.js';
+import { s as styleInject } from './index-b6c3b206.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-72a54d79.js → index-64b21385.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler, C as Checkout } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ConfettiInSummary from './index-5279fb47.js';
-import ArticleOverview from './index-8abbaf37.js';
-import SummaryHeader from './index-5a39a0b2.js';
-import { u as useStickyScroll } from './ussIsSticky-287a90a0.js';
+import ConfettiInSummary from './index-517caffc.js';
+import ArticleOverview from './index-4b66d34f.js';
+import SummaryHeader from './index-3003272b.js';
+import { u as useStickyScroll } from './ussIsSticky-4aa2f2bf.js';
 import classnames from 'classnames';
-import AiRoomsSelection from './index-015ad3bc.js';
-import AppointmentPreview from './index-dade0892.js';
+import AiRoomsSelection from './index-6e496cac.js';
+import AppointmentPreview from './index-22ff7842.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,22 +28,22 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-confetti-explosion';
-import './index-5a195e83.js';
+import './index-720bc2cb.js';
 import 'react-laag';
-import './index-3627081b.js';
+import './index-adafd0d6.js';
 import 'react-qr-code';
-import './index-701c1cca.js';
-import './useCustomDimensions-dd45806d.js';
-import './index-a63be589.js';
+import './index-7aa75f35.js';
+import './useCustomDimensions-91382bee.js';
+import './index-c07e338a.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-4e3e77ad.js';
-import './index.module-cca52a67.js';
-import './index-f5d4f1c5.js';
-import './index-ba342957.js';
+import './index-3edc644f.js';
+import './index.module-a782f4c9.js';
+import './index-7a0d9890.js';
+import './index-dcb87548.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4529202e.js';
-import './index-bb3c4c85.js';
+import './index-39251803.js';
+import './index-13471793.js';
 
 var checkoutWrapper = "checkout-wrapper-jKxxm";
 var checkoutWrapperSticky = "checkout-wrapper-sticky-dE4al";

package/build/esm/{index-1adcc2a0.js → index-64d8fac0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2a04e43a.js';
+import { s as styleInject } from './index-b6c3b206.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-4dcba357.js → index-64f07be3.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-b6c3b206.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-f5d4f1c5.js';
+import InfoIcon from './index-7a0d9890.js';
 import MarqueeText from 'react-marquee-text';
-import ReverseCheck from './index-f6870a49.js';
+import ReverseCheck from './index-16ebfa8b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0d0f52d7.js → index-661cc4e3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2a04e43a.js';
+import { s as styleInject } from './index-b6c3b206.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-fb82924a.js → index-6730461a.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-2a04e43a.js';
+import { u as useViewHandler } from './index-b6c3b206.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-654ad05a.js';
+import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-67184e80.js';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-19c1368a.js → index-68be44ea.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-a3c77564.js';
-import InfoIcon from './index-f5d4f1c5.js';
+import IsActive from './index-85aea608.js';
+import InfoIcon from './index-7a0d9890.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a51aeb85.js → index-68d82de6.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-a1c27043.js';
+import ProductRoomList from './index-553b48c7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-08ab7df6.js → index-694fae02.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-2a04e43a.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-b6c3b206.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-838e88b5.js';
+import MobileDropdown from './index-396e4564.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-f5d4f1c5.js';
-import ReverseCheck from './index-f6870a49.js';
+import InfoIcon from './index-7a0d9890.js';
+import ReverseCheck from './index-16ebfa8b.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-ed03d390.js';
+import './index-c48c4b80.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
 
@@ -35,7 +35,7 @@ var dropDownArea = "dropDownArea-2LjDI";
 var image = "image-Ox-79";
 var label = "label-l3TV3";
 var wrapper = "wrapper-xpzd5";
-var css_248z = ".icon-wrapper-uXqGb {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n\n.wrapper-xpzd5 .Dropdown-root {\n  position: relative;\n}\n\n.wrapper-xpzd5 .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.mobile-XuD0m .Dropdown-control {\n  font-size: 12px;\n}\n\n.tablet-yL-Pt .Dropdown-control {\n  font-size: 15px;\n}\n\n.wrapper-xpzd5 .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.wrapper-xpzd5 .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.wrapper-xpzd5 .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.wrapper-xpzd5 .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.wrapper-xpzd5 .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
+var css_248z = ".icon-wrapper-uXqGb {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n\n.wrapper-xpzd5 .Dropdown-root {\n  position: relative;\n}\n\n.wrapper-xpzd5 .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.mobile-XuD0m .Dropdown-control {\n  font-size: 12px;\n}\n\n.tablet-yL-Pt .Dropdown-control {\n  font-size: 15px;\n}\n\n.wrapper-xpzd5 .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.wrapper-xpzd5 .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.wrapper-xpzd5 .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.wrapper-xpzd5 .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.wrapper-xpzd5 .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcDropDownSelect-sB9TS {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KdLW7 {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }