npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.4.0-beta.6 → 25.4.0-beta.8 - Mend

@crystaldesign/diva-web-planner-react 25.4.0-beta.6 → 25.4.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (353) hide show

package/build/esm/{index-91b578d6.js → index-2e9839ca.js} RENAMED Viewed

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-55122ff9.js';
-import Product from './index-2b9d0a17.js';
-import Settings from './index-9c231fd9.js';
-import NavigationButtons from './index-d532ad79.js';
-import BasketAction from './index-e1c07ff0.js';
-import TabGroup from './index-8a9fc25a.js';
+import Inputbox from './index-578f37cc.js';
+import Product from './index-b651a6a0.js';
+import Settings from './index-f92b174c.js';
+import NavigationButtons from './index-400b50e3.js';
+import BasketAction from './index-9ee8848c.js';
+import TabGroup from './index-8d0dddb3.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-d586ddc0.js';
+import BarrierActions from './index-c574cb05.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,65 +25,81 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-48e1acb3.js';
-import './index-24c42098.js';
-import './index-da450a78.js';
-import './index-e934277c.js';
-import './index-5eb1fe31.js';
+import './index-e0498f3e.js';
+import './index-5983454c.js';
+import './index-0b6b701b.js';
+import './index-c0395ee8.js';
+import './index-f25c4cb4.js';
 import 'react-laag';
-import './index-e70fb77b.js';
-import './index-144e6785.js';
-import './index-d89c468f.js';
+import './index-6333250a.js';
+import './index-b56ecc1f.js';
+import './index-81112a46.js';
 import 'sift';
-import './index-6138991a.js';
-import './index-2786f79f.js';
-import './index-f46d21cc.js';
-import './index-63904765.js';
-import './index.module-43d2893b.js';
-import './index-08cbd4a6.js';
+import './index-42733f61.js';
+import './index-a2fd2147.js';
+import './index-7751c02e.js';
+import './index-2a58e3a6.js';
+import './index.module-74251d05.js';
+import './index-2758628e.js';
 import 'react-switch';
-import './index-32b9e617.js';
-import './index-ce6de83a.js';
-import './index-b91c3f4e.js';
+import './index-c2ce216e.js';
+import './index-ce2674b6.js';
+import './index-3e08163e.js';
 import 'react-dropdown';
-import './index-0baf4eb8.js';
-import './index-290e908f.js';
-import './index-dcfa534d.js';
-import './index-f61ec3b2.js';
+import './index-60e647e6.js';
+import './index-78bf52e9.js';
+import './index-94af6722.js';
+import './index-edee2e26.js';
 import '@crystaldesign/content-box';
-import './index-fc5fddb7.js';
-import './index-f70e337a.js';
-import './index-dd21abb8.js';
-import './index-168a98ff.js';
-import './index-fa19cc62.js';
-import './index-7f1400bf.js';
-import './index-29e5d86f.js';
-import './index-707fae03.js';
-import './index-730b7b18.js';
-import './index-e1722a2d.js';
-import './index-6d4108d6.js';
-import './index-5880673a.js';
-import './index-b57f472b.js';
-import './index-b2a0147c.js';
-import './index-7e9c5247.js';
-import './index-2a930c65.js';
-import './index.module-e78ffcc1.js';
-import './index-40adb86e.js';
-import './index-f78337ec.js';
-import './index-0350c05e.js';
-import './index-aeda1835.js';
-import './index-178011a4.js';
-import './index-2a41ab57.js';
-import './index-706d4aeb.js';
-import './index.module-53a3b01f.js';
-import './index-cd7d8a87.js';
-import './index-5a12c0df.js';
-import './index-8503dcdf.js';
-import './index-f001ce9d.js';
-import './index-8e997092.js';
-import './index-e5f1cd16.js';
-import './index-55cef77b.js';
-import './index-1858af28.js';
+import './index-e361d09f.js';
+import './index-b68f6412.js';
+import './index-1352f559.js';
+import './index-767e49c8.js';
+import './index-b78ac848.js';
+import './index-76f96bef.js';
+import './index-1c6aa64a.js';
+import './index-ef12aacd.js';
+import './index-c801b81d.js';
+import './index-794dae9d.js';
+import './index-45493678.js';
+import './index-a8722eb3.js';
+import './index-7513bc13.js';
+import './index-f217a347.js';
+import './index-e32ea4a3.js';
+import './index-1ad62868.js';
+import './index.module-0ea400b6.js';
+import './index-341a3791.js';
+import './index-e2efa41b.js';
+import './index-b5223142.js';
+import './index-14f5a912.js';
+import './index-1e3b9c58.js';
+import './index-8bfc5ff1.js';
+import './index-d3685611.js';
+import './index.module-57b914b7.js';
+import './index-8793821f.js';
+import './index-5a2f0b7f.js';
+import './index-8e60a91b.js';
+import './index-87b0f626.js';
+import './index.module-dce9ccba.js';
+import 'react-select';
+import './index-4f3595ed.js';
+import './index-8f442500.js';
+import './index.module-f72ced61.js';
+import './index-12692890.js';
+import 'qrcode.react';
+import './index-49a3d07f.js';
+import './index-1ed9ccdd.js';
+import './index-c1698509.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-448051f6.js';
+import './index-a6154d1c.js';
+import './index-e4bed245.js';
+import './index-71f26616.js';
+import './index-ed91378b.js';
+import './index-88881481.js';
+import './index-9703d8c0.js';
+import './index-1c1e9550.js';
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-d0ee819c.js → index-3071dcf5.js} RENAMED Viewed

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

package/build/esm/{index-4273d892.js → index-309931c5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-76c3604a.js → index-30a73b2a.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-7d50a9b9.js → index-32259709.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-9b04b949.js → index-328941cc.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import classnames from 'classnames';
-import DockFilter from './index-ec46d9d3.js';
-import RALFilter from './index-0baf4eb8.js';
+import DockFilter from './index-07fb4a60.js';
+import RALFilter from './index-60e647e6.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-f70e337a.js';
-import ToggleHeader from './index-abe59d9e.js';
-import NumberInput from './index-d9e900b6.js';
-import InfoButton from './index-ce5c4533.js';
-import PDFButton from './index-9a144389.js';
-import SummaryVariantButton from './index-bbb6eb63.js';
-import SelectedOpv from './index-9c4b6f79.js';
-import InfoIcon from './index-32b9e617.js';
+import Searchbar from './index-b68f6412.js';
+import ToggleHeader from './index-c7e26b5a.js';
+import NumberInput from './index-ab00346d.js';
+import InfoButton from './index-a86d5919.js';
+import PDFButton from './index-7019c052.js';
+import SummaryVariantButton from './index-524ae6eb.js';
+import SelectedOpv from './index-f0c66be3.js';
+import InfoIcon from './index-c2ce216e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,19 +28,19 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-290e908f.js';
+import './index-78bf52e9.js';
 import 'react-dropdown';
-import './index-dcfa534d.js';
-import './index-f61ec3b2.js';
+import './index-94af6722.js';
+import './index-edee2e26.js';
 import '@crystaldesign/content-box';
-import './index-fc5fddb7.js';
-import './index-08cbd4a6.js';
+import './index-e361d09f.js';
+import './index-2758628e.js';
 import 'react-switch';
-import './index-3f0e4c6b.js';
+import './index-a1b36dba.js';
 import 'react-laag';
-import './index-707fae03.js';
-import './index-ce6de83a.js';
-import './index-29e5d86f.js';
+import './index-ef12aacd.js';
+import './index-ce2674b6.js';
+import './index-1c6aa64a.js';
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -52,7 +52,7 @@ var landscape = "landscape-DHu2r";
 var portrait = "portrait-8Z7gh";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
+var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
 styleInject(css_248z);
 var SettingsItemHeader = function SettingsItemHeader(_ref) {
@@ -108,12 +108,12 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
       }), item.quantity !== undefined && !isSettingsHeader && /*#__PURE__*/jsxs("div", {
         className: classnames(quantity),
         children: [" ", t('configurator.quantity', 'Anzahl') + ': ' + item.quantity, "x"]
-      }), !hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsHeaderPrice,
-        children: item.price
       }), /*#__PURE__*/jsxs("div", {
         className: iconsContainer,
-        children: [specialElement1, item.type == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
+        children: [!hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
+          className: wcConfiguratorSettingsHeaderPrice,
+          children: item.price
+        }), specialElement1, item.type == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
           item: item
         }), doShowSearchbar && /*#__PURE__*/jsx(Searchbar, {
           isInScroller: isInScroller,

package/build/esm/{index-1dadc11c.js → index-32938c8f.js} RENAMED Viewed

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

package/build/esm/{index-17ff7b02.js → index-33cdb038.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-0b121a29.js';
+import { g as getIconOfTabGroup } from './IconHandler-41ae04ee.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ var verticalItemPoligon = "verticalItemPoligon-M44lA";
 var wcActiveStep = "wcActiveStep-ykv3D";
 var wcVisitedStep = "wcVisitedStep-qDdfW";
 var wcStepIcon = "wcStepIcon-7hz1S";
-var css_248z = ".verticalItem-NmQDx {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.wcSpan-0wnmJ {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.verticalItemPoligon-M44lA {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.verticalItemPoligon-M44lA:hover,\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.wcStepIcon-7hz1S {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-ykv3D .wcStepIcon-7hz1S {\n  background-color: white;\n}\n";
+var css_248z = ".verticalItem-NmQDx {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.wcSpan-0wnmJ {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.verticalItemPoligon-M44lA {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.verticalItemPoligon-M44lA:hover,\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.wcStepIcon-7hz1S {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-ykv3D .wcStepIcon-7hz1S {\n  background-color: white;\n}\n";
 styleInject(css_248z);
 var VerticalTabGroupItemStandard = function VerticalTabGroupItemStandard(_ref) {
@@ -66,11 +66,11 @@ var VerticalTabGroupItemStandard = function VerticalTabGroupItemStandard(_ref) {
   if (isFirstItem && isLastItem) {
     polygonPoints = '0 ' + height + ', 0 0, ' + width + ' 0, ' + width + ' ' + height + ', ' + '64 ' + height;
   } else if (isFirstItem) {
-    polygonPoints = '0 ' + (height - 9) + ', 0 0, ' + width + ' 0, ' + width + ' ' + (height - 9) + ', ' + '64 ' + (height - 1);
+    polygonPoints = '0 ' + (height - 8) + ', 0 0, ' + width + ' 0, ' + width + ' ' + (height - 8) + ', ' + '64 ' + height;
   } else if (isLastItem) {
-    polygonPoints = '0 ' + (height - 1) + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + (height - 1);
+    polygonPoints = '0 ' + height + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + height;
   } else {
-    polygonPoints = '0 ' + (height - 9) + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + (height - 9) + ', 64 ' + (height - 1);
+    polygonPoints = '0 ' + (height - 8) + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + (height - 8) + ', 64 ' + height;
   }
   var icon = (_getIconOfTabGroup = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons)) !== null && _getIconOfTabGroup !== void 0 ? _getIconOfTabGroup : '';
   var div = /*#__PURE__*/jsxs("div", {

package/build/esm/{index-40adb86e.js → index-341a3791.js} RENAMED Viewed

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

package/build/esm/{index-dd1cfc8d.js → index-35c047ff.js} RENAMED Viewed

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-76cd82f8.js';
+import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-55122ff9.js';
-import Product from './index-2b9d0a17.js';
-import Settings from './index-9c231fd9.js';
-import NavigationButtons from './index-d532ad79.js';
-import BasketAction from './index-e1c07ff0.js';
-import TabGroup from './index-8a9fc25a.js';
+import Inputbox from './index-578f37cc.js';
+import Product from './index-b651a6a0.js';
+import Settings from './index-f92b174c.js';
+import NavigationButtons from './index-400b50e3.js';
+import BasketAction from './index-9ee8848c.js';
+import TabGroup from './index-8d0dddb3.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-d586ddc0.js';
+import BarrierActions from './index-c574cb05.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,65 +25,81 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-48e1acb3.js';
-import './index-24c42098.js';
-import './index-da450a78.js';
-import './index-e934277c.js';
-import './index-5eb1fe31.js';
+import './index-e0498f3e.js';
+import './index-5983454c.js';
+import './index-0b6b701b.js';
+import './index-c0395ee8.js';
+import './index-f25c4cb4.js';
 import 'react-laag';
-import './index-e70fb77b.js';
-import './index-144e6785.js';
-import './index-d89c468f.js';
+import './index-6333250a.js';
+import './index-b56ecc1f.js';
+import './index-81112a46.js';
 import 'sift';
-import './index-6138991a.js';
-import './index-2786f79f.js';
-import './index-f46d21cc.js';
-import './index-63904765.js';
-import './index.module-43d2893b.js';
-import './index-08cbd4a6.js';
+import './index-42733f61.js';
+import './index-a2fd2147.js';
+import './index-7751c02e.js';
+import './index-2a58e3a6.js';
+import './index.module-74251d05.js';
+import './index-2758628e.js';
 import 'react-switch';
-import './index-32b9e617.js';
-import './index-ce6de83a.js';
-import './index-b91c3f4e.js';
+import './index-c2ce216e.js';
+import './index-ce2674b6.js';
+import './index-3e08163e.js';
 import 'react-dropdown';
-import './index-0baf4eb8.js';
-import './index-290e908f.js';
-import './index-dcfa534d.js';
-import './index-f61ec3b2.js';
+import './index-60e647e6.js';
+import './index-78bf52e9.js';
+import './index-94af6722.js';
+import './index-edee2e26.js';
 import '@crystaldesign/content-box';
-import './index-fc5fddb7.js';
-import './index-f70e337a.js';
-import './index-dd21abb8.js';
-import './index-168a98ff.js';
-import './index-fa19cc62.js';
-import './index-7f1400bf.js';
-import './index-29e5d86f.js';
-import './index-707fae03.js';
-import './index-730b7b18.js';
-import './index-e1722a2d.js';
-import './index-6d4108d6.js';
-import './index-5880673a.js';
-import './index-b57f472b.js';
-import './index-b2a0147c.js';
-import './index-7e9c5247.js';
-import './index-2a930c65.js';
-import './index.module-e78ffcc1.js';
-import './index-40adb86e.js';
-import './index-f78337ec.js';
-import './index-0350c05e.js';
-import './index-aeda1835.js';
-import './index-178011a4.js';
-import './index-2a41ab57.js';
-import './index-706d4aeb.js';
-import './index.module-53a3b01f.js';
-import './index-cd7d8a87.js';
-import './index-5a12c0df.js';
-import './index-8503dcdf.js';
-import './index-f001ce9d.js';
-import './index-8e997092.js';
-import './index-e5f1cd16.js';
-import './index-55cef77b.js';
-import './index-1858af28.js';
+import './index-e361d09f.js';
+import './index-b68f6412.js';
+import './index-1352f559.js';
+import './index-767e49c8.js';
+import './index-b78ac848.js';
+import './index-76f96bef.js';
+import './index-1c6aa64a.js';
+import './index-ef12aacd.js';
+import './index-c801b81d.js';
+import './index-794dae9d.js';
+import './index-45493678.js';
+import './index-a8722eb3.js';
+import './index-7513bc13.js';
+import './index-f217a347.js';
+import './index-e32ea4a3.js';
+import './index-1ad62868.js';
+import './index.module-0ea400b6.js';
+import './index-341a3791.js';
+import './index-e2efa41b.js';
+import './index-b5223142.js';
+import './index-14f5a912.js';
+import './index-1e3b9c58.js';
+import './index-8bfc5ff1.js';
+import './index-d3685611.js';
+import './index.module-57b914b7.js';
+import './index-8793821f.js';
+import './index-5a2f0b7f.js';
+import './index-8e60a91b.js';
+import './index-87b0f626.js';
+import './index.module-dce9ccba.js';
+import 'react-select';
+import './index-4f3595ed.js';
+import './index-8f442500.js';
+import './index.module-f72ced61.js';
+import './index-12692890.js';
+import 'qrcode.react';
+import './index-49a3d07f.js';
+import './index-1ed9ccdd.js';
+import './index-c1698509.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-448051f6.js';
+import './index-a6154d1c.js';
+import './index-e4bed245.js';
+import './index-71f26616.js';
+import './index-ed91378b.js';
+import './index-88881481.js';
+import './index-9703d8c0.js';
+import './index-1c1e9550.js';
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";