@crystaldesign/diva-web-planner-react 24.13.0-rc.16 → 24.13.0-rc.18

package/build/esm/{index-7657ba77.js → index-43cb965f.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-ebec1430.js';
-import Toggle from './index-ffa571f4.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-8ac81a36.js';
+import Toggle from './index-942e5cd8.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-82990968.js';
+import InfoIcon from './index-3da3f47a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f9f7939a.js → index-43e58610.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-2609f7f6.js';
-import ItemVariant from './index-9481feae.js';
-import SettingsPaletteGroup from './index-0629c1fd.js';
-import ToggleOption from './index-7657ba77.js';
-import GroupDropdown from './index-4e2723c4.js';
-import PromotedProducts from './index-7eded99f.js';
-import ToggleName from './index-58e33b7f.js';
-import ProductList from './index-e586654b.js';
-import itemPaletteTypeComponentMap from './index-cf8f228d.js';
-import ItemWrapper from './index-31382c31.js';
+import TextBox from './index-9bd10b8a.js';
+import ItemVariant from './index-25548975.js';
+import SettingsPaletteGroup from './index-7b407661.js';
+import ToggleOption from './index-43cb965f.js';
+import GroupDropdown from './index-2c4bfcf1.js';
+import PromotedProducts from './index-f0c48506.js';
+import ToggleName from './index-e1f9a0e4.js';
+import ProductList from './index-b84cd79a.js';
+import itemPaletteTypeComponentMap from './index-8957371c.js';
+import ItemWrapper from './index-5ad10368.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ 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; }
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-fb721cd1.js');
+  return import('./index-f7048a9c.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f6b513f1.js');
+  return import('./index-0a5f5ddb.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-0f7c35a1.js → index-4553c5c6.js}

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

package/build/esm/{index-c72be906.js → index-4659ad8e.js}

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

package/build/esm/{index-f8c3a011.js → index-46f7c693.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 } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-23d828c4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-aa7d0cf0.js';
 import classnames from 'classnames';
-import IsActive from './index-6d431c71.js';
+import IsActive from './index-5a02bbdf.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-3571d094.js';
-import InfoIcon from './index-82990968.js';
+import GenericToolTip from './index-ebbaa9a8.js';
+import InfoIcon from './index-3da3f47a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-ac26e060.js → index-47ca7a9a.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-053ac786.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-23d828c4.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-782e05b4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-aa7d0cf0.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import IsActive from './index-6d431c71.js';
+import IsActive from './index-5a02bbdf.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-b18674bd.js';
-import GenericToolTip from './index-3571d094.js';
-import InfoIcon from './index-82990968.js';
+import MetaData from './index-2ecee3c0.js';
+import GenericToolTip from './index-ebbaa9a8.js';
+import InfoIcon from './index-3da3f47a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-27fac011.js → index-4942eacc.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-b94fbff8.js';
-import Product from './index-563d1a1a.js';
-import Settings from './index-535af337.js';
-import NavigationButtons from './index-3a7b2a4a.js';
-import BasketAction from './index-f7673caa.js';
-import TabGroup from './index-73963ab0.js';
+import Inputbox from './index-3cb7965c.js';
+import Product from './index-3753a8e6.js';
+import Settings from './index-6f2999d0.js';
+import NavigationButtons from './index-73c299e7.js';
+import BasketAction from './index-eef34073.js';
+import TabGroup from './index-0586b582.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-9dc12581.js';
+import BarrierActions from './index-dd39daad.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-84a161aa.js';
-import './index-4accadfa.js';
-import './index-0b47ad4c.js';
-import './index-55a152c1.js';
-import './index-fb1fd39b.js';
+import './index-afde7fb8.js';
+import './index-6f1edc54.js';
+import './index-c4500726.js';
+import './index-4e254f10.js';
+import './index-7a699f21.js';
 import 'react-laag';
-import './index-7e54c944.js';
-import './index-2f5ee48d.js';
-import './index-f9f7939a.js';
+import './index-4c29475d.js';
+import './index-8b24d7a1.js';
+import './index-43e58610.js';
 import 'sift';
-import './index-2609f7f6.js';
-import './index-9481feae.js';
-import './index-0629c1fd.js';
-import './index-7657ba77.js';
-import './index.module-ebec1430.js';
-import './index-ffa571f4.js';
+import './index-9bd10b8a.js';
+import './index-25548975.js';
+import './index-7b407661.js';
+import './index-43cb965f.js';
+import './index.module-8ac81a36.js';
+import './index-942e5cd8.js';
 import 'react-switch';
-import './index-82990968.js';
-import './index-4e2723c4.js';
+import './index-3da3f47a.js';
+import './index-2c4bfcf1.js';
 import 'react-dropdown';
-import './index-76148411.js';
-import './index-7147e1b3.js';
-import './index-3af4e98b.js';
-import './index-2a3452ce.js';
+import './index-1c567ca1.js';
+import './index-77d41ea5.js';
+import './index-de2ef0cc.js';
+import './index-2e6acf16.js';
 import '@crystaldesign/content-box';
-import './index-e61751eb.js';
-import './index-95aaa743.js';
-import './index-7eded99f.js';
-import './index-58e33b7f.js';
-import './index-e586654b.js';
+import './index-2cf0dff6.js';
+import './index-6e9f035e.js';
+import './index-f0c48506.js';
+import './index-e1f9a0e4.js';
+import './index-b84cd79a.js';
 import '@crystaldesign/products-component';
-import './index-36fdbc7e.js';
-import './index-cf8f228d.js';
-import './index-27bc36ab.js';
-import './index-b18674bd.js';
-import './index-3571d094.js';
-import './index-09e75d45.js';
-import './index-c72be906.js';
-import './index-2db98122.js';
-import './index-e754edcc.js';
-import './index-defd9b51.js';
-import './index-63d00741.js';
-import './index-d02d8cfc.js';
-import './index-2ac1fd5a.js';
-import './index.module-053ac786.js';
-import './index-6d431c71.js';
-import './index-368ed204.js';
-import './index-aab9beae.js';
-import './index-3ca4c7e7.js';
-import './index-3b9ab40f.js';
-import './index-fcc82f9e.js';
-import './index-1a71198d.js';
-import './index.module-23d828c4.js';
-import './index-31382c31.js';
-import './index-012f784a.js';
-import './index-0503b223.js';
-import './index-a6b2ed77.js';
-import './index-f9ca996b.js';
-import './index-011a58c6.js';
-import './index-12e30c32.js';
-import './index-ba3005a3.js';
+import './index-88dd8275.js';
+import './index-8957371c.js';
+import './index-c21cab49.js';
+import './index-2ecee3c0.js';
+import './index-ebbaa9a8.js';
+import './index-7e8137f7.js';
+import './index-4659ad8e.js';
+import './index-98e4b671.js';
+import './index-0499f989.js';
+import './index-c6e70ca0.js';
+import './index-9f6d1de4.js';
+import './index-362e5313.js';
+import './index-5fd383f4.js';
+import './index.module-782e05b4.js';
+import './index-5a02bbdf.js';
+import './index-343446da.js';
+import './index-2175e028.js';
+import './index-df3f12b3.js';
+import './index-f4d287a9.js';
+import './index-a33098a1.js';
+import './index-afa57d62.js';
+import './index.module-aa7d0cf0.js';
+import './index-5ad10368.js';
+import './index-952dd5d4.js';
+import './index-d20f289b.js';
+import './index-72c89193.js';
+import './index-f9ec68ea.js';
+import './index-f3158d65.js';
+import './index-821284e6.js';
+import './index-c22cb602.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/{index-14b18621.js → index-49e98328.js}

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

package/build/esm/{index-7e54c944.js → index-4c29475d.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-eeeb6f0d.js';
+import { s as styleInject } from './index-85207254.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-55a152c1.js → index-4e254f10.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-fb1fd39b.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-7a699f21.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-7e54c944.js';
+import './index-4c29475d.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-5e70efd3.js → index-4ef7760a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-c7edc76a.js → index-4f25ea42.js}

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

package/build/esm/{index-9f68a1c6.js → index-5011de85.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-eeeb6f0d.js';
+import { s as styleInject } from './index-85207254.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-847c43f4.js → index-51fea5cd.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-f6ae16e2.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-ed3627fc.js';
+import { n as notExpanded } from './index.module-e02b7499.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-c5155585.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-f1159b1d.js → index-54a47bfe.js}

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

package/build/esm/{index-713e8673.js → index-54ad93ac.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-d29d236e.js → index-5669a179.js}

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

package/build/esm/{index-99993f10.js → index-57f74243.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-f6ae16e2.js';
+import { n as notExpanded } from './index.module-e02b7499.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-b243632c.js → index-59aa96a3.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-0b683cfb.js';
+import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-fcae1754.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6d431c71.js → index-5a02bbdf.js}

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

package/build/esm/{index-31382c31.js → index-5ad10368.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-aab9beae.js';
-import SettingsHeader from './index-4accadfa.js';
-import ReplaceSwitch from './index-012f784a.js';
+import StepInfo from './index-2175e028.js';
+import SettingsHeader from './index-6f1edc54.js';
+import ReplaceSwitch from './index-952dd5d4.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-abf60aad.js → index-5afb9af2.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-ef074e33.js';
+import ProductHeaderFunction from './index-ec94d05e.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-0bc5790c.js';
+import ContentItemWrapper from './index-af32dc20.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -36,7 +36,7 @@ var wcFormattedprice = "wcFormattedprice-sdLxf";
 var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
 var fullscreen = "fullscreen-94axf";
 var room = "room-NxmMf";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition: width 0.2s ease-in-out, opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n}\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
+var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
 styleInject(css_248z);
 
 var ProductHeader = function ProductHeader(_ref) {

package/build/esm/{index-6f6127d8.js → index-5baf379d.js}

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

package/build/esm/{index-f83155fe.js → index-5dd565e0.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d91073bc.js → index-5e8d7494.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import 'react';
-import { j as wcPlanner3DGrid } from './index.module-3f000dfc.js';
+import { j as wcPlanner3DGrid } from './index.module-c16a2159.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a5606be1.js → index-5e9c38cb.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-07bf1894.js';
+import { s as svgWrapper } from './index.module-3a23d1d4.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2ac1fd5a.js → index-5fd383f4.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-053ac786.js';
-import IsActive from './index-6d431c71.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-782e05b4.js';
+import IsActive from './index-5a02bbdf.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0db6f1cc.js → index-6400599f.js}

@@ -1,16 +1,16 @@
-import { u as useViewHandler } from './index-eeeb6f0d.js';
+import { u as useViewHandler } from './index-85207254.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-abf70783.js';
-import Planner3DImage from './index-b3876753.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-3f000dfc.js';
+import Planner2DGrid from './index-747e49f4.js';
+import Planner3DImage from './index-8178dc45.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-c16a2159.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-d91073bc.js';
-import PlannerMsgContainer from './index-3748dca1.js';
-import PlannerUIVariant from './index-dd7e125b.js';
-import RotateInfo from './index-8df71fed.js';
-import PromotedOpvs from './index-64fcf06a.js';
-import OrbitInteraction from './index-63e94b57.js';
+import Planner3DGrid from './index-5e8d7494.js';
+import PlannerMsgContainer from './index-b3e92ad9.js';
+import PlannerUIVariant from './index-3d50a4dd.js';
+import RotateInfo from './index-eb9eb29f.js';
+import PromotedOpvs from './index-f4e2e372.js';
+import OrbitInteraction from './index-e3945628.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,15 +25,15 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-14b18621.js';
-import './index-441bf5eb.js';
+import './index-49e98328.js';
+import './index-8e6c6a5b.js';
 import '@crystaldesign/content-box';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-e9b3e617.js');
+  return import('./index-0e8cc0bc.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-a5a34ca3.js');
+  return import('./index-6d8616bd.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-e29a7a75.js → index-67e88986.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-eeeb6f0d.js';
+import { s as styleInject } from './index-85207254.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-ffa571f4.js';
+import Toggle from './index-942e5cd8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-8b814a2a.js → index-69f1222b.js}

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

package/build/esm/{index-a80119f3.js → index-6c3a20ed.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-eeeb6f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-85207254.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';