@crystaldesign/diva-web-planner-react 25.11.0-beta.24 → 25.11.0-beta.26

package/build/esm/{ArticleProperties-27ffb6bc.js → ArticleProperties-5992c4ca.js}

@@ -1,4 +1,4 @@
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-71e2cd76.js → CatalogProperties-44e69289.js}

@@ -1,4 +1,4 @@
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-43ec86c3.js → DecisionVizualizer-c86dd7fc.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6fd6666c.js';
+import { s as styleInject } from './index-9a166f3e.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-1bdb9f20.js → OptionProperties-0886a1d9.js}

@@ -1,4 +1,4 @@
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -155,6 +155,13 @@ var properties = [{
   }),
   deprecated: true,
   type: 'boolean'
+}, {
+  catalogKey: 'customDimensionText',
+  codex: 'CUSTOM_DIMENSION_TEXT',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Text der als Kopftext f\xFCr Custom Dimension angezeigt wird"
+  }),
+  type: 'string'
 }, {
   catalogKey: 'forceShowVariantDesc',
   codex: 'SHOW_IN_VARIANTDESC',

package/build/esm/{OptionValueProperties-02e58fc2.js → OptionValueProperties-301a6ec2.js}

@@ -1,4 +1,4 @@
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -134,7 +134,7 @@ var properties = [{
   catalogKey: 'customDimension',
   codex: 'CUSTOM_DIMENSION',
   desc: /*#__PURE__*/jsx(Fragment, {
-    children: "Diese OPV wird als Custom Dimenstion im PDF & UI angezeigt"
+    children: "Diese OPV wird als Custom Dimenstion im PDF & UI angezeigt. der Wert (zb. 22 cm) kann hier aus dieser Property hinterlegt werden. Als fallback gilt das entziehen der info aus dem opvName"
   }),
   deprecated: true,
   type: 'boolean'

package/build/esm/{Planner2DGrid-9ae571d2.js → Planner2DGrid-08bab696.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-5ae85949.js → Planner3DImage-83bbbd70.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-0b928ddf.js → index-01d3f152.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-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-8336f47f.js';
-import GenericToolTip from './index-ee7a8d04.js';
-import PricePreview from './index-11635947.js';
-import InfoIcon from './index-1592f4e0.js';
+import MetaData from './index-9fcf4e37.js';
+import GenericToolTip from './index-85621497.js';
+import PricePreview from './index-46d673a8.js';
+import InfoIcon from './index-15bf5854.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-e3627ef5.js → index-040f0061.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-380ed6e1.js';
+import RoomRound from './index-e7eafe06.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-5dd48c24.js → index-0471d7bf.js}

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

package/build/esm/{index-3e0a7e79.js → index-0595b00a.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import { useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-431970a9.js → index-05bc31a0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-9b90f28d.js';
-import InfoIcon from './index-1592f4e0.js';
+import IsActive from './index-dc6153bd.js';
+import InfoIcon from './index-15bf5854.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-2a3ae3a5.js → index-06857575.js}

@@ -3,7 +3,7 @@ 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 { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-d6449354.js → index-0972c4a9.js}

@@ -1,4 +1,4 @@
-import './index-6fd6666c.js';
+import './index-9a166f3e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-98ef89ca.js → index-0a8868c9.js}

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

package/build/esm/{index-868ee99e.js → index-0bf5c970.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-8124c59a.js';
+import PriceSumm from './index-395f86f0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-45af9c02.js → index-0d73eca6.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6fd6666c.js';
+import { s as styleInject } from './index-9a166f3e.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-861d8808.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-e3759f53.js';
-import PlannerUI from './index-7b5554c3.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-4853075b.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-01e6ff23.js';
+import PlannerUI from './index-ce48dcbd.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -23,23 +23,23 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-fbc47607.js';
-import './index-2982237d.js';
-import './index-2cdab80e.js';
-import './index-43d11681.js';
-import './index-2c5a9e8d.js';
-import './index-440f6143.js';
-import './index-9e260991.js';
-import './index-d6449354.js';
-import './index-fa61bb68.js';
-import './index-38069143.js';
-import './index-853272ea.js';
-import './index-74daa9f2.js';
-import './index-49b8fbac.js';
+import './index-f548f1f4.js';
+import './index-f1492dac.js';
+import './index-b07d4c40.js';
+import './index-b1592543.js';
+import './index-3c812580.js';
+import './index-1b306297.js';
+import './index-93c1fad8.js';
+import './index-0972c4a9.js';
+import './index-bb5f0a50.js';
+import './index-8a1b84fd.js';
+import './index-6c755b80.js';
+import './index-e5c18c56.js';
+import './index-8af47f71.js';
 import 'react-draggable';
-import './index-2dd577b8.js';
-import './index-e5daee84.js';
-import './index-d84af37a.js';
+import './index-4f6e17c3.js';
+import './index-212fefcb.js';
+import './index-7df39875.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-d960c23e.js → index-0e186340.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-6fd6666c.js';
+import { u as useViewHandler } from './index-9a166f3e.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-7ca94b31.js → index-0ea1dc82.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-6fd6666c.js';
+import { s as styleInject } from './index-9a166f3e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-c155a9c8.js';
+import VerticalTabGroupItemStandard from './index-c0ac4b58.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ee68be68.js → index-0ebfed2e.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-6fd6666c.js';
+import { u as useViewHandler } from './index-9a166f3e.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-81859ea2.js';
+import { g as wcPlanner3DGrid } from './index.module-aacb1965.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-daa57d53.js → index-0ed4ffe8.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-a4224a25.js → index-0f3f1fd2.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.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-0fd139a0.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-e1189a12.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-ee7a8d04.js';
-import MetaData from './index-8336f47f.js';
+import GenericToolTip from './index-85621497.js';
+import MetaData from './index-9fcf4e37.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-1592f4e0.js';
-import PricePreview from './index-11635947.js';
+import InfoIcon from './index-15bf5854.js';
+import PricePreview from './index-46d673a8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-afb30fe4.js → index-0f6d8c32.js}

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

package/build/esm/{index-b061b33a.js → index-12b9feec.js}

@@ -1,17 +1,17 @@
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-f97042ec.js';
-import Product from './index-916e9517.js';
-import Settings from './index-6bd2b942.js';
-import NavigationButtons from './index-51f35289.js';
-import BasketAction from './index-d82b3ea7.js';
-import TabGroup from './index-fe94938d.js';
+import Inputbox from './index-e1557764.js';
+import Product from './index-d1fc577d.js';
+import Settings from './index-6ca3cf42.js';
+import NavigationButtons from './index-a26644e4.js';
+import BasketAction from './index-5c717168.js';
+import TabGroup from './index-5f45dcba.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-0393e1d9.js';
-import BasketMobile from './index-43952eb7.js';
+import BarrierActions from './index-810039d0.js';
+import BasketMobile from './index-259f8beb.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-26af589a.js';
+import ProgressBar from './index-8a6e8ec1.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -30,86 +30,87 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-574f3bd4.js';
-import './index-54a5d999.js';
-import './index-daa7c52d.js';
-import './index-0353c58c.js';
+import './index-a19d33c0.js';
+import './index-a30f0e8f.js';
+import './index-5d0e18a1.js';
+import './index-e69a8251.js';
 import 'sift';
-import './index-1b279b5c.js';
-import './index-04887085.js';
-import './index-5317b570.js';
-import './index-98ec4cdb.js';
-import './index.module-96a47b14.js';
-import './index-aa4d110c.js';
+import './index-9cac3e98.js';
+import './index-bdfc0cd5.js';
+import './index-42d14d38.js';
+import './index-bd727541.js';
+import './index.module-0bf61375.js';
+import './index-4aaf9306.js';
 import 'react-switch';
-import './index-1592f4e0.js';
-import './index-11635947.js';
+import './index-15bf5854.js';
+import './index-46d673a8.js';
 import 'react-countup';
-import './index-ff9c97d5.js';
+import './index-4306acb1.js';
 import 'react-dropdown';
-import './index-535f3e8f.js';
-import './index-204c35e3.js';
-import './index-02d781f9.js';
-import './index-1febdbb6.js';
+import './index-8dccbd53.js';
+import './index-be08bca9.js';
+import './index-e160ad62.js';
+import './index-d17b63ce.js';
 import '@crystaldesign/content-box';
-import './index-fe6b0dcc.js';
-import './index-2e51f671.js';
-import './index-00bb9501.js';
-import './index-31399326.js';
-import './index-fc4821ed.js';
-import './index-3ea761b1.js';
-import './index-e2e4429c.js';
-import './index-83b9594b.js';
-import './index-756b05e6.js';
-import './index-c3808c71.js';
-import './index-1cedeb66.js';
-import './index-9ae025a6.js';
-import './index-b72561cc.js';
-import './index.module-8e812119.js';
-import './index-9b90f28d.js';
-import './index-01622144.js';
-import './index-ddf5c382.js';
-import './index-431970a9.js';
-import './index-86206914.js';
-import './index-88639df8.js';
-import './index.module-0fd139a0.js';
+import './index-7b31dcac.js';
+import './index-df7c0be7.js';
+import './index-4a5544af.js';
+import './index-5af42d79.js';
+import './index-4d20c3fa.js';
+import './index-1f54697e.js';
+import './index-82f95a09.js';
+import './index-2f008d5f.js';
+import './index-6983670a.js';
+import './index-8384cc77.js';
+import './index-e5752474.js';
+import './index-180b8c74.js';
+import './index-edb7781f.js';
+import './index.module-22d6fff2.js';
+import './index-dc6153bd.js';
+import './index-a758f1e1.js';
+import './index-bcc3db22.js';
+import './index-05bc31a0.js';
+import './index-1d040375.js';
+import './index-340ab32d.js';
+import './index.module-e1189a12.js';
 import 'react-laag';
-import './index-ee7a8d04.js';
-import './index-8336f47f.js';
-import './index-a4224a25.js';
-import './index-3a016d25.js';
-import './index-ab5f4e36.js';
-import './index-54f8bd04.js';
-import './index-9672673e.js';
-import './index-c9e0f4ba.js';
+import './index-85621497.js';
+import './index-9fcf4e37.js';
+import './index-0f3f1fd2.js';
+import './index-552a7865.js';
+import './index-b62256af.js';
+import './index-96dd6f33.js';
+import './index-281965a8.js';
+import './index-b76b70d5.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-0ed1fb02.js';
+import './index-83e3b8ed.js';
 import 'rc-slider';
-import './index-8b38d7d6.js';
-import './index-9baa6536.js';
-import './index-f05e78b1.js';
-import './index-d960c23e.js';
+import './index-a2722f33.js';
+import './index-e2fead87.js';
+import './index-c9f0f2d6.js';
+import './index-0e186340.js';
 import 'react-confetti-explosion';
-import './index-9634817f.js';
-import './index-5d960124.js';
-import './index-2ddcfcc1.js';
+import './index-bb38443d.js';
+import './index-9478f97c.js';
+import './index-b571b64c.js';
 import 'react-qr-code';
-import './index-d40e25f3.js';
-import './useCustomDimensions-90eb70cd.js';
-import './index-15d79858.js';
-import './index-d80ceb1c.js';
-import './index.module-f98efcaf.js';
-import './index-bd53bffc.js';
-import './index-ef5c31a3.js';
-import './index-86a97267.js';
-import './index-e1dda2e6.js';
+import './index-776d6ea0.js';
+import './useCustomDimensions-84e0708d.js';
+import './index-24adf648.js';
+import './ussIsSticky-a5c13552.js';
+import './index-299ff4e7.js';
+import './index.module-9e46b7e1.js';
+import './index-ed70ff32.js';
+import './index-722db5bb.js';
+import './index-13353aa4.js';
+import './index-dc584a91.js';
 import 'vaul';
-import './index-1c48f4fc.js';
-import './index-afb30fe4.js';
-import './index-cf97fa7e.js';
-import './index-98ef89ca.js';
-import './index-895cfc59.js';
+import './index-6da510b8.js';
+import './index-0f6d8c32.js';
+import './index-eda3ba2d.js';
+import './index-0a8868c9.js';
+import './index-1a3822d8.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";
@@ -122,7 +123,7 @@ var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
 var expanded = "expanded-tbaDC";
 var mobileActionAfterTabgroups = "mobile-action-after-tabgroups-6Fs5C";
 var mobileSettingsWrapper = "mobile-settings-wrapper-JxzDy";
-var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-fycCb .wcConfigurator-settings-St4gK {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.mobile-action-after-tabgroups-6Fs5C {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.mobile-settings-wrapper-JxzDy {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.landscape-fycCb,\n.portrait-mcAF6 {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.tablet-cNnDV {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-fycCb .wcConfigurator-settings-St4gK {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.mobile-action-after-tabgroups-6Fs5C {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.mobile-settings-wrapper-JxzDy {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.landscape-fycCb,\n.portrait-mcAF6 {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.tablet-cNnDV {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Ralph = function Ralph(props) {
@@ -182,6 +183,8 @@ var cssVariables = {
   '--primaryColor': '#a81e1e',
   '--secondaryColor': '#4a4a4a',
   '--thirdColor': '#f3f3f3',
+  '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.95)',
+  '--tabGroupBackground': 'rgba(248, 248, 248, 0.95)',
   '--articlePosNrRadius': '3px',
   '--articlePosNrSize': '20.8px',
   '--galleryItemRadius': '3px',
@@ -192,11 +195,9 @@ var cssVariables = {
   '--galleryItemBorderColor': '#e8e9ed83',
   '--galleryItemBorderSelColor': 'var(--secondaryColor)',
   '--galleryItemBorder': '1px',
-  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
   '--settingsScrollerPaddingTopBottom': '0px',
   '--settingsScrollerPaddingRight': '10px',
   '--settingsScrollerPaddingLeft': '10px',
-  '--tabGroupBackground': 'var(--thirdColor)',
   '--configuratorActionHeight': '40px',
   '--fontWeight1': '600',
   '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',

package/build/esm/{index-86a97267.js → index-13353aa4.js}

@@ -1,7 +1,8 @@
-import { u as useViewHandler } from './index-6fd6666c.js';
+import { u as useViewHandler } from './index-9a166f3e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { c as wcConfiguratorSettingsExpander, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-f98efcaf.js';
+import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-9e46b7e1.js';
+import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -16,7 +17,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
@@ -24,13 +24,14 @@ import '@crystaldesign/widget-contact-form';
 
 var SettingsExpanderButtons = function SettingsExpanderButtons(props) {
   var viewHandler = useViewHandler();
+  var hide = viewHandler.settingsState.contentItemId && viewHandler.settingsState.contentItemVisible;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorSettingsExpander,
+      className: classnames(wcConfiguratorSettingsExpander, hide ? hidden : undefined),
       onClick: viewHandler.uiState.onClickExpandConfigSettings
     }), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
       children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsMaxExpander,
+        className: classnames(wcConfiguratorSettingsMaxExpander, hide ? hidden : undefined),
         onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
       }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
         className: wcConfiguratorSettingsMinExpander,

package/build/esm/{index-1592f4e0.js → index-15bf5854.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6fd6666c.js';
+import { s as styleInject, u as useViewHandler } from './index-9a166f3e.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-9ae025a6.js → index-180b8c74.js}

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

package/build/esm/{index-09d3568b.js → index-19a3b3f8.js}

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