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

package/build/esm/{index-a95fd69a.js → index-4e81be3c.js}

@@ -1,11 +1,11 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-db20bb41.js';
 import { useEffect } from 'react';
-import Inputbox from './index-839b3eca.js';
-import Settings from './index-3e7aaaa0.js';
-import TabGroup from './index-712f6532.js';
+import Inputbox from './index-23c6c0d5.js';
+import Settings from './index-66772b8d.js';
+import TabGroup from './index-ba1e07cb.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-332c19bd.js';
+import Toolbar from './index-79072cbc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,107 +21,107 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-220dcdf8.js';
-import './index-493224c6.js';
-import './index-7c870a2e.js';
-import './index-734e36c3.js';
-import './index-92e42c4e.js';
+import './index-c04d840a.js';
+import './index-08de6e70.js';
+import './index-e9da1410.js';
+import './index-c62810e4.js';
+import './index-541752e5.js';
 import 'react-laag';
-import './index-04e207d6.js';
-import './index-2ce49650.js';
-import './index-91530a44.js';
+import './index-b0800273.js';
+import './index-ac0d675e.js';
+import './index-e8eca95d.js';
 import 'sift';
-import './index-acf1142f.js';
-import './index-8737220f.js';
-import './index-fb83eb99.js';
-import './index-642aac39.js';
-import './index.module-78b15438.js';
-import './index-5c8866a6.js';
+import './index-c9575b22.js';
+import './index-e7521350.js';
+import './index-d9c40d9f.js';
+import './index-b4693e28.js';
+import './index.module-cc456a79.js';
+import './index-7fd7a783.js';
 import 'react-switch';
-import './index-ed1843db.js';
-import './index-809711a1.js';
+import './index-769142d6.js';
+import './index-85855410.js';
 import 'react-dropdown';
-import './index-de8dc532.js';
-import './index-0f39413b.js';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-16fbf91f.js';
+import './index-cc04a92f.js';
+import './index-d5719178.js';
+import './index-cb7336da.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-ac00d351.js';
-import './index-a4d9dda6.js';
-import './index-9bf23968.js';
+import './index-8f3d7648.js';
+import './index-bc976697.js';
+import './index-1b8548e3.js';
+import './index-527d213e.js';
+import './index-911e3681.js';
 import '@crystaldesign/products-component';
-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 './index-3c4671b4.js';
+import './index-646f6a67.js';
+import './index-e7805291.js';
+import './index-5bb85883.js';
+import './index-d9ecbf2f.js';
+import './index-c19ff9d2.js';
+import './index-7ee41216.js';
+import './index-faed9fb1.js';
+import './index-6024ce8a.js';
+import './index-e2322329.js';
+import './index-5c8d645e.js';
+import './index-49c3ecfb.js';
+import './index-908e59f4.js';
+import './index.module-e7b293b0.js';
+import './index-76dfea73.js';
+import './index-d2a20838.js';
+import './index-854ef4d6.js';
+import './index-85259047.js';
+import './index-9343cc8f.js';
+import './index-ab09fa8e.js';
+import './index-e0b21fe9.js';
+import './index.module-018f117f.js';
+import './index-01809268.js';
+import './index-991c0ae5.js';
+import './index-43667425.js';
+import './index-980c3408.js';
+import './index-ee47c0e5.js';
 import 'react-collapsible';
-import './index-5f233593.js';
-import './index-51f39bf9.js';
-import './index-f61c0d57.js';
-import './index-f892d1e2.js';
-import './index-ecf024fb.js';
-import './index-91cd333b.js';
-import './index-84c37546.js';
-import './index-32eca74c.js';
-import './index.module-39fd8e33.js';
-import './index-164ec174.js';
-import './index-815cc0d7.js';
-import './index-c95a5558.js';
-import './index-feaee57a.js';
-import './index-6ad9c920.js';
-import './index.module-6086dab9.js';
+import './index-bfcb3549.js';
+import './index-682fd5fd.js';
+import './index-219bae29.js';
+import './index-cc29cba8.js';
+import './index-64ca6ccb.js';
+import './index-11b0372a.js';
+import './index-3ee3256c.js';
+import './index-94b404c9.js';
+import './index.module-907c853e.js';
+import './index-7038eec0.js';
+import './index-0685d4ad.js';
+import './index-06d5bfcc.js';
+import './index-0d3e0806.js';
+import './index-aa354e6e.js';
+import './index.module-22b2cbef.js';
 import 'react-json-view';
-import './index-6f2fd27d.js';
-import './index.module-e7cb87e4.js';
-import './index-87a03ff7.js';
+import './index-c23f0f1b.js';
+import './index.module-3b661dcf.js';
+import './index-ff3c6e56.js';
 import 'jsoneditor';
-import './index-4867a8b2.js';
-import './index-af146e51.js';
-import './index-bfa7ae2e.js';
-import './index-da045998.js';
-import './index-15a2ad53.js';
-import './index.module-ca5ee0b8.js';
-import './index-810255e0.js';
-import './index-8928a7b4.js';
-import './index-e9211729.js';
-import './index-5104f9a9.js';
-import './index.module-8afaaa8e.js';
-import './index-5b107d76.js';
-import './index-2c44c6d1.js';
-import './index-1dab9df1.js';
-import './index-dc43c6c9.js';
-import './index-f5929c4f.js';
-import './index-37d07db0.js';
-import './index-710210fd.js';
-import './CatalogProperties-e3c7363a.js';
-import './ArticleProperties-eca94967.js';
-import './OptionProperties-f194ae2e.js';
-import './OptionValueProperties-2a7050f5.js';
+import './index-74543935.js';
+import './index-572efd60.js';
+import './index-ddbbe078.js';
+import './index-48c505dd.js';
+import './index-ec09e7da.js';
+import './index.module-d2cad5c3.js';
+import './index-a68b1d7b.js';
+import './index-ce6b7bc1.js';
+import './index-f7411d3d.js';
+import './index-77f5b889.js';
+import './index.module-5c850e7b.js';
+import './index-fe591720.js';
+import './index-848573e3.js';
+import './index-7dd96a6f.js';
+import './index-b2525446.js';
+import './index-231147d4.js';
+import './index-780aae31.js';
+import './index-e76db6ec.js';
+import './CatalogProperties-44b38050.js';
+import './ArticleProperties-805b53f1.js';
+import './OptionProperties-47dcbf49.js';
+import './OptionValueProperties-47af6dd5.js';
 import 'react-select';
 
 var wcConfigurator = "wcConfigurator-XqlAg";

package/build/esm/index-4fe15739.js

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-db20bb41.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import ActionNavigation from './index-0736840f.js';
+import PriceSumm from './index-ddc18aad.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+
+var backOverwrite = "back-overwrite--AJgH";
+var forthOverwrite = "forth-overwrite-l0e3R";
+var actionNavigationClass = "action-navigation-class-jX4Hl";
+var css_248z = ".back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  cursor: pointer;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 ActionNavigationRalph = function ActionNavigationRalph(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
+      className: viewHandler.getIsInMobileView() ? actionNavigationClass : undefined,
+      showBackButtonText: true,
+      forthOverwrite: forthOverwrite,
+      backOverwrite: backOverwrite
+    })]
+  }));
+};
+var index = observer(ActionNavigationRalph);
+
+export { index as default };

package/build/esm/{index-acf5943c.js → index-5198c596.js}

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

package/build/esm/{index-52355abb.js → index-51b81287.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 import 'react';
-import PlannerUI from './index-e44a6eb5.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-1a2a705d.js';
+import PlannerUI from './index-bb70b59d.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-81aec67f.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,24 +17,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-8c1ae972.js';
+import './index-a8b8add1.js';
 import 'classnames';
-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 './index-eae271a0.js';
+import './index-f8ba6e1c.js';
+import './index-18c35f0e.js';
+import './index-8348bd80.js';
+import './index-c5bb259c.js';
+import './index-899bbc3a.js';
+import './index-cb15fc91.js';
+import './index-3ea2edd3.js';
+import './index-294f7f22.js';
+import './index-4b24f291.js';
+import './index-6ebc73da.js';
+import './index-07e88357.js';
 import 'react-draggable';
-import './index-aa96e2cb.js';
-import './index-27c97b84.js';
-import './index-a0cd6652.js';
+import './index-f8eeafa6.js';
+import './index-bd0cba87.js';
+import './index-9b2dc05c.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-a4d9dda6.js → index-527d213e.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-db20bb41.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-78b15438.js';
-import Toggle from './index-5c8866a6.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-cc456a79.js';
+import Toggle from './index-7fd7a783.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-ed1843db.js';
+import InfoIcon from './index-769142d6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-92e42c4e.js → index-541752e5.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-db20bb41.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-04e207d6.js';
+import SettingsPosNrToolTip from './index-b0800273.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/index-5427c14a.js

@@ -0,0 +1,175 @@
+import { s as styleInject, u as useViewHandler } from './index-db20bb41.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-23c6c0d5.js';
+import Product from './index-c733182c.js';
+import Settings from './index-66772b8d.js';
+import NavigationButtons from './index-eca3d22e.js';
+import BasketAction from './index-13117efa.js';
+import TabGroup from './index-ba1e07cb.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-d1d9c7c7.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-c04d840a.js';
+import './index-08de6e70.js';
+import './index-e9da1410.js';
+import './index-c62810e4.js';
+import './index-541752e5.js';
+import 'react-laag';
+import './index-b0800273.js';
+import './index-ac0d675e.js';
+import './index-e8eca95d.js';
+import 'sift';
+import './index-c9575b22.js';
+import './index-e7521350.js';
+import './index-d9c40d9f.js';
+import './index-b4693e28.js';
+import './index.module-cc456a79.js';
+import './index-7fd7a783.js';
+import 'react-switch';
+import './index-769142d6.js';
+import './index-85855410.js';
+import 'react-dropdown';
+import './index-16fbf91f.js';
+import './index-cc04a92f.js';
+import './index-d5719178.js';
+import './index-cb7336da.js';
+import '@crystaldesign/content-box';
+import './index-8f3d7648.js';
+import './index-bc976697.js';
+import './index-1b8548e3.js';
+import './index-527d213e.js';
+import './index-911e3681.js';
+import '@crystaldesign/products-component';
+import './index-3c4671b4.js';
+import './index-646f6a67.js';
+import './index-e7805291.js';
+import './index-5bb85883.js';
+import './index-d9ecbf2f.js';
+import './index-c19ff9d2.js';
+import './index-7ee41216.js';
+import './index-faed9fb1.js';
+import './index-6024ce8a.js';
+import './index-e2322329.js';
+import './index-5c8d645e.js';
+import './index-49c3ecfb.js';
+import './index-908e59f4.js';
+import './index.module-e7b293b0.js';
+import './index-76dfea73.js';
+import './index-d2a20838.js';
+import './index-854ef4d6.js';
+import './index-85259047.js';
+import './index-9343cc8f.js';
+import './index-ab09fa8e.js';
+import './index-e0b21fe9.js';
+import './index.module-018f117f.js';
+import './index-01809268.js';
+import './index-991c0ae5.js';
+import './index-43667425.js';
+import './index-980c3408.js';
+import './index-ee47c0e5.js';
+import 'react-collapsible';
+import './index-bfcb3549.js';
+import './index-682fd5fd.js';
+import './index-219bae29.js';
+import './index-cc29cba8.js';
+import './index-64ca6ccb.js';
+import './index-11b0372a.js';
+
+var wcConfigurator = "wcConfigurator-XDqzc";
+var landscape = "landscape-h-sQZ";
+var portrait = "portrait-GHprw";
+var wcConfiguratorProduct = "wcConfigurator-product--JVWg";
+var wcConfiguratorSettings = "wcConfigurator-settings-YxHjA";
+var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
+var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
+var expanded = "expanded-Iylhn";
+var settingsHidden = "settings-hidden-T4ySb";
+var isOnLastStep = "isOnLastStep-mmqas";
+var foldedup = "foldedup-NCdbS";
+var css_248z = ".wcConfigurator-XDqzc {\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: 100;\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}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\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);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\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-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\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}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\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}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none !important;\n}\n\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\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 Gold = function Gold(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'none'
+      }), /*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions
+      }), /*#__PURE__*/jsx(BasketAction, {
+        containerClassName: wcConfiguratorAction
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#a81e1e',
+  '--secondaryColor': '#4a4a4a',
+  '--thirdColor': '#dfdfdf',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--galleryItemRadius': '3px',
+  '--galleryItemRowCount': '4',
+  '--galleryItemMargin': '1%',
+  '--galleryItemRowCountSmall': '3',
+  '--galleryItemMarginSmall': '0.5%',
+  '--galleryItemBorderColor': '#e8e9ed83',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--galleryItemBorder': '1px',
+  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '10px',
+  '--settingsScrollerPaddingLeft': '10px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionHeight': '40px',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
+  '--itemsMargin': '11.2px 0 0 0'
+};
+var index = observer(Gold);
+
+export { index as default };

package/build/esm/{index-af146e51.js → index-572efd60.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-db20bb41.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-e7cb87e4.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-6086dab9.js';
+import { h as header } from './index.module-3b661dcf.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-22b2cbef.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-39fd8e33.js';
+import { n as notExpanded } from './index.module-907c853e.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0ade74f4.js → index-578c2e48.js}

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

package/build/esm/{index-e3d8d627.js → index-58da787a.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-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-7a225f0b.js → index-59678eb6.js}

@@ -1,19 +1,19 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-db20bb41.js';
 import classnames from 'classnames';
-import DockFilter from './index-0965d6d2.js';
-import RALFilter from './index-de8dc532.js';
+import DockFilter from './index-a851a6c5.js';
+import RALFilter from './index-16fbf91f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-c276f599.js';
-import ToggleHeader from './index-44bb1beb.js';
-import NumberInput from './index-7d1e85b0.js';
-import InfoButton from './index-0cd641c2.js';
-import PDFButton from './index-07fce92e.js';
-import FavoritesButtton from './index-62546a43.js';
-import SummaryVariantButton from './index-b2c1ac78.js';
-import SelectedOpv from './index-acbe2f81.js';
-import InfoIcon from './index-ed1843db.js';
+import Searchbar from './index-bc976697.js';
+import ToggleHeader from './index-3684a65e.js';
+import NumberInput from './index-8e3a7feb.js';
+import InfoButton from './index-0fa9edfe.js';
+import PDFButton from './index-5dc92b70.js';
+import FavoritesButtton from './index-8ddd23e8.js';
+import SummaryVariantButton from './index-3a261c17.js';
+import SelectedOpv from './index-32891889.js';
+import InfoIcon from './index-769142d6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,19 +28,19 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0f39413b.js';
+import './index-cc04a92f.js';
 import 'react-dropdown';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-d5719178.js';
+import './index-cb7336da.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-5c8866a6.js';
+import './index-8f3d7648.js';
+import './index-7fd7a783.js';
 import 'react-switch';
-import './index.module-df95d685.js';
-import './index-e609b830.js';
+import './index.module-018f117f.js';
+import './index-2bcf5f37.js';
 import 'react-laag';
-import './index-035f9908.js';
-import './index-fa74aafd.js';
+import './index-d9ecbf2f.js';
+import './index-5bb85883.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";