@crystaldesign/diva-web-planner-react 24.9.0-beta.8 → 24.9.0-rc.0

package/build/esm/{index-36a00ac9.js → index-6a521720.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import 'react';
-import BasketActionStandard from './index-257e385c.js';
+import BasketActionStandard from './index-acf5943c.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b031f8ce.js → index-6ad9c920.js}

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-295e83cd.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-6086dab9.js';
 import classnames from 'classnames';
 import ReactJson from 'react-json-view';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-e5bd9e84.js → index-6eaded38.js}

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

package/build/esm/{index-91e7a554.js → index-6f2fd27d.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-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-e141603f.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-9c648192.js';
+import { n as notExpanded } from './index.module-39fd8e33.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-e7cb87e4.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-558ccf41.js → index-701ef3ae.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import 'react';
-import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-e4a10210.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-8e6ec548.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-cb8a22c3.js';
-import PlannerUI from './index-dff2b570.js';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-d312edc8.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-1a2a705d.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-b7d173fb.js';
+import PlannerUI from './index-e44a6eb5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -20,24 +20,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-8afed297.js';
-import './index-305e5e76.js';
-import './index-9b2ee59e.js';
-import './index-79fd55c5.js';
-import './index-03a4895c.js';
-import './index-ecf6a3a5.js';
-import './index-61051061.js';
-import './index-259c0706.js';
-import './index-71efd278.js';
-import './index-9e0cd0d2.js';
-import './index-316f81e2.js';
-import './index-af4c3d7a.js';
-import './index-ca631024.js';
+import './index-8c1ae972.js';
+import './index-a21c59c0.js';
+import './index-0671a4fa.js';
+import './index-bad78ca4.js';
+import './index-e67927c0.js';
+import './index-7be85005.js';
+import './index-87e397b2.js';
+import './index-dbdfe69f.js';
+import './index-19b606c2.js';
+import './index-db8373c6.js';
+import './index-390117e9.js';
+import './index-93d03907.js';
+import './index-e45cfa59.js';
 import 'react-draggable';
-import './index-9e67e958.js';
-import './index-0cf52ba4.js';
-import './index-567f5d2a.js';
-import './index-97d00ae6.js';
+import './index-aa96e2cb.js';
+import './index-27c97b84.js';
+import './index-a0cd6652.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-BQKmM";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-m3--f";

package/build/esm/{index-e678c871.js → index-710210fd.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-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-f5aa63f3.js';
+import Toggle from './index-5c8866a6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-b6654f5b.js → index-712f6532.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-a43d34ac.js';
-import TabGroupVertical from './index-e64466a1.js';
-import TabGroupSingle from './index-371270f5.js';
+import TabGroupHorizontal from './index-51f39bf9.js';
+import TabGroupVertical from './index-f892d1e2.js';
+import TabGroupSingle from './index-91cd333b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,8 +19,8 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-4bc33308.js';
-import './index-030f5a56.js';
+import './index-f61c0d57.js';
+import './index-ecf024fb.js';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";
 var horizontal = "horizontal-6TCsO";

package/build/esm/{index-cdf3f9bd.js → index-734e36c3.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.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-40cf698f.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-92e42c4e.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-2c21588b.js';
+import './index-04e207d6.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-7fe19612.js → index-7437d02b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-ff825bd4.js → index-76c1c5c6.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as wcFunctionsContainer, d as wcIcon } from './index.module-2bd96833.js';
+import { a as wcFunctionsContainer, d as wcIcon } from './index.module-36c3e954.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import { A as ArQrCodeIcon } from './index-2b6e4c17.js';
-import Share from './index-bcd16a45.js';
+import { A as ArQrCodeIcon } from './index-51959f6c.js';
+import Share from './index-c99729a3.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-b45ba9f2.js';
+import './index-9478b188.js';
 import 'react-qr-code';
-import './index-731b80b0.js';
+import './index-93b64939.js';
 import '@babel/runtime/helpers/typeof';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";

package/build/esm/{index-5f606d69.js → index-76eb79ca.js}

@@ -1,14 +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-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.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-376238d7.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-df95d685.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8b7f4359.js';
-import MetaData from './index-aa3923ca.js';
+import GenericToolTip from './index-035f9908.js';
+import MetaData from './index-fa74aafd.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
+import InfoIcon from './index-ed1843db.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -69,7 +70,7 @@ var Option = function Option(_ref) {
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0];
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -93,6 +94,8 @@ var Option = function Option(_ref) {
         style: {
           backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
         }
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item
       })]
     }), /*#__PURE__*/jsx("div", {
       className: title,

package/build/esm/{index-2a8ff0ed.js → index-7735bc87.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-a5305eb7.js → index-777631ed.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-53b2b73e.js';
+import ShelfDeleteButton from './index-34419412.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-af5769de.js → index-77bd5cb6.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.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-7edee14d.js';
-import CreateCache from './index-188ee68f.js';
+import ProductHeaderFunction from './index-3277c6f0.js';
+import CreateCache from './index-77f23793.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-2bd96833.js';
+import './index.module-36c3e954.js';
 
 var wrapper = "wrapper-y4VmL";
 var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
@@ -28,13 +28,14 @@ var functionWrapper = "functionWrapper-3sgkI";
 var landscape = "landscape-TuCY-";
 var contentBoxWrapper = "content-box-wrapper-KgSZb";
 var maxExpanded = "max-Expanded-4m94C";
+var textbackground = "textbackground-F3b8W";
+var portrait = "portrait-Otsjq";
 var wcPriceinfo = "wcPriceinfo-Zmaer";
 var wcFormattedprice = "wcFormattedprice-sdLxf";
 var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
 var fullscreen = "fullscreen-94axf";
-var portrait = "portrait-Otsjq";
 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: 112;\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}\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  width: 67%;\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: 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  background-color: #fff;\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) {
@@ -86,32 +87,35 @@ var ProductHeader = function ProductHeader(_ref) {
       children: [!hideWebConfiguratorTitle && /*#__PURE__*/jsx("h1", {
         "data-test-id": "productHeaderTitle",
         children: viewHandler.productState.webConifguratorTitle
-      }), !hidePrices && !hidePrice && /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsxs("span", {
-          className: wcPriceinfo,
-          "data-test-id": "productHeaderPriceInfo",
-          children: [' ', t('configurator.PRICE_INFO')]
-        }), /*#__PURE__*/jsxs("span", {
-          className: wcFormattedprice,
-          "data-test-id": "productHeaderFormattedPrice",
-          children: [' ', viewHandler.productState.formatedCurSetPrice]
-        }), viewHandler.productState.formatedBruttoPrice && /*#__PURE__*/jsxs("span", {
-          className: wcFormattedBruttoPrice,
-          "data-test-id": "productHeaderFormattedBruttoPrice",
-          children: [' ', viewHandler.productState.formatedBruttoPrice]
-        })]
-      }), dimensions.map(function (dimension) {
-        var _dimension$dimension;
-        return /*#__PURE__*/jsxs("div", {
+      }), /*#__PURE__*/jsxs("div", {
+        className: textbackground,
+        children: [!hidePrices && !hidePrice && /*#__PURE__*/jsxs("div", {
           children: [/*#__PURE__*/jsxs("span", {
             className: wcPriceinfo,
-            children: [t('configurator.headerdimension.' + dimension.dimensionId), " ", dimensions.length > 1 && '(' + dimension.elementIds.join(',') + ')', ":", ' ']
+            "data-test-id": "productHeaderPriceInfo",
+            children: [' ', t('configurator.PRICE_INFO')]
           }), /*#__PURE__*/jsxs("span", {
             className: wcFormattedprice,
-            children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " cm"]
+            "data-test-id": "productHeaderFormattedPrice",
+            children: [' ', viewHandler.productState.formatedCurSetPrice]
+          }), viewHandler.productState.formatedBruttoPrice && /*#__PURE__*/jsxs("span", {
+            className: wcFormattedBruttoPrice,
+            "data-test-id": "productHeaderFormattedBruttoPrice",
+            children: [' ', viewHandler.productState.formatedBruttoPrice]
           })]
-        });
-      }), viewHandler.productState.doShowCreateCache && /*#__PURE__*/jsx(CreateCache, {})]
+        }), dimensions.map(function (dimension) {
+          var _dimension$dimension;
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsxs("span", {
+              className: wcPriceinfo,
+              children: [t('configurator.headerdimension.' + dimension.dimensionId), " ", dimensions.length > 1 && '(' + dimension.elementIds.join(',') + ')', ":", ' ']
+            }), /*#__PURE__*/jsxs("span", {
+              className: wcFormattedprice,
+              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " cm"]
+            })]
+          });
+        }), viewHandler.productState.doShowCreateCache && /*#__PURE__*/jsx(CreateCache, {})]
+      })]
     }), (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen) && /*#__PURE__*/jsx("div", {
       className: functionWrapper,
       children: /*#__PURE__*/jsx(ProductHeaderFunction, {})

package/build/esm/{index-188ee68f.js → index-77f23793.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, b as wcFunctionsText } from './index.module-2bd96833.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, b as wcFunctionsText } from './index.module-36c3e954.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a4fcfedf.js → index-781a1a17.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { useEffect } from 'react';
-import Inputbox from './index-b2fe669c.js';
-import { cssVariables } from './index-a523f005.js';
-import Product from './index-7b90fb7a.js';
-import Settings from './index-c9035444.js';
-import TabGroup from './index-b6654f5b.js';
+import Inputbox from './index-839b3eca.js';
+import { cssVariables } from './index-e4865d0d.js';
+import Product from './index-5f1efa64.js';
+import Settings from './index-3e7aaaa0.js';
+import TabGroup from './index-712f6532.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,87 +22,89 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-06c963ca.js';
-import './index-f5aa63f3.js';
+import './index-ff25901a.js';
+import './index-5c8866a6.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-a7d756b7.js';
-import './index-1beb11a1.js';
-import './index-2a8ff0ed.js';
-import './index-9351c3fd.js';
-import './index-7f3e4aa3.js';
-import './index.module-b70ea5ff.js';
-import './index-7fe19612.js';
-import './index-f178bbee.js';
+import './index-a6260405.js';
+import './index-636e8e73.js';
+import './index-7735bc87.js';
+import './index-6848192c.js';
+import './index-2e337b2b.js';
+import './index.module-12bfaf4c.js';
+import './index-7437d02b.js';
+import './index-b67283b8.js';
 import '@crystaldesign/content-box';
-import './index-c5877202.js';
-import './index-87f07e84.js';
-import './index-410f6f3d.js';
-import './index-63a0dd12.js';
-import './index-398506cb.js';
-import './index-835479ed.js';
+import './index-8f6ab74d.js';
+import './index-ee6c63c0.js';
+import './index-a88d8f0e.js';
+import './index-e6eff3c2.js';
+import './index-9cf55628.js';
+import './index-5ca64ad1.js';
+import './index-cf00a2a7.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-8caaa130.js';
-import './index-d93d375a.js';
-import './index-7f253949.js';
-import './index-cdf3f9bd.js';
-import './index-40cf698f.js';
+import './index-220dcdf8.js';
+import './index-493224c6.js';
+import './index-7c870a2e.js';
+import './index-734e36c3.js';
+import './index-92e42c4e.js';
 import 'react-laag';
-import './index-2c21588b.js';
-import './index-5156406a.js';
-import './index-42ab09a0.js';
+import './index-04e207d6.js';
+import './index-2ce49650.js';
+import './index-91530a44.js';
 import 'sift';
-import './index-120f9d17.js';
-import './index-934d72fa.js';
-import './index-8550321b.js';
-import './index-f661f257.js';
-import './index.module-0583da25.js';
-import './index-0f4484ec.js';
-import './index-67b9867a.js';
-import './index-4352b37e.js';
-import './index-4ddc9dd6.js';
-import './index-8f9f2192.js';
-import './index-1f13dd36.js';
-import './index-81a21680.js';
-import './index-a631e959.js';
-import './index-d4c0cac1.js';
-import './index-93b1c3f6.js';
+import './index-acf1142f.js';
+import './index-8737220f.js';
+import './index-fb83eb99.js';
+import './index-642aac39.js';
+import './index.module-78b15438.js';
+import './index-ed1843db.js';
+import './index-809711a1.js';
+import './index-de8dc532.js';
+import './index-0f39413b.js';
+import './index-79d86128.js';
+import './index-48021b28.js';
+import './index-20ae06ff.js';
+import './index-c276f599.js';
+import './index-ac00d351.js';
+import './index-a4d9dda6.js';
+import './index-9bf23968.js';
 import '@crystaldesign/products-component';
-import './index-54492010.js';
-import './index-bac40142.js';
-import './index-ee79ed3e.js';
-import './index-aa3923ca.js';
-import './index-8b7f4359.js';
-import './index-220a1104.js';
-import './index-31e4bb50.js';
-import './index-f9e1b8f4.js';
-import './index-60c5a6b3.js';
-import './index-07b73d46.js';
-import './index-4da13496.js';
-import './index-7edd4878.js';
-import './index-f21152c2.js';
-import './index.module-dfa6dee9.js';
-import './index-21653525.js';
-import './index-734a0844.js';
-import './index-3cbcfd57.js';
-import './index-6d08f8b3.js';
-import './index-bbe323bf.js';
-import './index-63075ee9.js';
-import './index-5f606d69.js';
-import './index.module-376238d7.js';
-import './index-6b9f105e.js';
-import './index-7b2a1493.js';
-import './index-d0870bb3.js';
-import './index-9b527a26.js';
-import './index-07de5ce7.js';
+import './index-ee949089.js';
+import './index-6584b4b9.js';
+import './index-8c132435.js';
+import './index-fa74aafd.js';
+import './index-035f9908.js';
+import './index-c5e64c62.js';
+import './index-80944944.js';
+import './index-4e947a3b.js';
+import './index-609ed600.js';
+import './index-f7c9ac45.js';
+import './index-c78b6b02.js';
+import './index-84dfc3be.js';
+import './index-60f3235a.js';
+import './index.module-955e4296.js';
+import './index-33009ec3.js';
+import './index-d0070960.js';
+import './index-3112e67a.js';
+import './index-898839d1.js';
+import './index-f5934d77.js';
+import './index-ba0315a8.js';
+import './index-76eb79ca.js';
+import './index.module-df95d685.js';
+import './index-b8c75d05.js';
+import './index-7d9b5e71.js';
+import './index-1088f470.js';
+import './index-0f6b5d32.js';
+import './index-45d80232.js';
 import 'react-collapsible';
-import './index-c2b96938.js';
-import './index-a43d34ac.js';
-import './index-4bc33308.js';
-import './index-e64466a1.js';
-import './index-030f5a56.js';
-import './index-371270f5.js';
+import './index-5f233593.js';
+import './index-51f39bf9.js';
+import './index-f61c0d57.js';
+import './index-f892d1e2.js';
+import './index-ecf024fb.js';
+import './index-91cd333b.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";