@crystaldesign/diva-web-planner-react 25.2.0-beta.28 → 25.2.0-beta.29

package/build/esm/{ArticleProperties-953c5a68.js → ArticleProperties-c2a28163.js}

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

package/build/esm/{CatalogProperties-f4fb2826.js → CatalogProperties-84cbaeed.js}

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

package/build/esm/{DecisionVizualizer-3703973a.js → DecisionVizualizer-b085d5b8.js}

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

package/build/esm/{IconHandler-1de0b1d6.js → IconHandler-8253a5f4.js}

@@ -1,4 +1,4 @@
-import './index-d79a3629.js';
+import './index-d1cf8cb5.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-2c330929.js → OptionProperties-00fc6c4c.js}

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

package/build/esm/{OptionValueProperties-0c4a5891.js → OptionValueProperties-bc319751.js}

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

package/build/esm/{Planner2DGrid-272ac461.js → Planner2DGrid-b98178a4.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-d79a3629.js';
+import './index-d1cf8cb5.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-ca1a15bb.js → Planner3DImage-3a76334b.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-d79a3629.js';
+import './index-d1cf8cb5.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-9a8bd7d3.js → index-0027ff6c.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-d79a3629.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-efee0185.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-3c448af6.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-f4fb2826.js';
-import properties$1 from './ArticleProperties-953c5a68.js';
-import properties$2 from './OptionProperties-2c330929.js';
-import properties$3 from './OptionValueProperties-0c4a5891.js';
+import properties from './CatalogProperties-84cbaeed.js';
+import properties$1 from './ArticleProperties-c2a28163.js';
+import properties$2 from './OptionProperties-00fc6c4c.js';
+import properties$3 from './OptionValueProperties-bc319751.js';
 import Select from 'react-select';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-93e7fd02.js';
+import './index-7597a996.js';
 import 'react-switch';
 
 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; }

package/build/esm/{index-cd202308.js → index-0031c7ba.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-7435e5d9.js';
+import SettingsHeader from './index-b6fc62e8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7715f74a.js → index-00f071cc.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-7be1eb6f.js';
+import RoomSerious from './index-e3daf61f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f2fcdb08.js → index-010ad290.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.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-1de0b1d6.js';
+import { g as getIconOfTabGroup } from './IconHandler-8253a5f4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a1427c62.js → index-01ec0293.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-4f91d761.js';
-import LayoutSelection from './index-283cf4b4.js';
+import OptionSelector from './index-8f345c6c.js';
+import LayoutSelection from './index-6362c771.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -19,8 +19,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
-import './index.module-31fb9c31.js';
-import './index-d7d0d651.js';
+import './index.module-7b90b2dd.js';
+import './index-347b4bf3.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-f7e60405.js → index-032ad303.js}

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

package/build/esm/{index-1ebabff1.js → index-046cd189.js}

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

package/build/esm/{index-aa0e69c5.js → index-049d444d.js}

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

package/build/esm/{index-a9e2aedd.js → index-055899c3.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-d79a3629.js';
-import ProductHeader from './index-c93ddf6b.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
+import ProductHeader from './index-9335bb70.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-14165693.js';
+import './index-c6fc2919.js';
 import '@crystaldesign/content-box';
-import './index-1759e3c5.js';
+import './index-b71720ac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-ded008f1.js → index-06e4a233.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-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-2e81da44.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-19816615.js';
 import classnames from 'classnames';
-import IsActive from './index-c3945bfc.js';
+import IsActive from './index-84c2ad38.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-59cb0d44.js';
-import InfoIcon from './index-f6d0f6a2.js';
-import PricePreview from './index-4e8431fb.js';
+import GenericToolTip from './index-3597db83.js';
+import InfoIcon from './index-6a88e5ea.js';
+import PricePreview from './index-5a385b30.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-0aec7d6a.js → index-0822213f.js}

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

package/build/esm/{index-c687b88e.js → index-0842dfbc.js}

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

package/build/esm/{index-32cafc39.js → index-0851e9ed.js}

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

package/build/esm/{index-a814f818.js → index-0964ad72.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-d79a3629.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-b282ddbf.js';
+import ActionNavigation from './index-afde1fab.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4b5fc993.js → index-0db9b460.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-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-5a437f4d.js → index-0e3c2cd5.js}

@@ -2,16 +2,17 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-54eaa9f6.js';
-import GenericToolTip from './index-59cb0d44.js';
-import SubTabGroup from './index-5c061454.js';
-import InfoIcon from './index-f6d0f6a2.js';
+import MetaData from './index-ce290224.js';
+import GenericToolTip from './index-3597db83.js';
+import SubTabGroup from './index-a7ea6eb0.js';
+import InfoIcon from './index-6a88e5ea.js';
+import PricePreview from './index-5a385b30.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -21,52 +22,51 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-4e8431fb.js';
 import 'react-collapsible';
-import './index-9f999495.js';
-import './index-a47b059d.js';
+import './index-1923a16f.js';
+import './index-6530f4ed.js';
 import 'sift';
-import './index-25fccd90.js';
-import './index-7435e5d9.js';
-import './index-32cafc39.js';
-import './index-cdff2e4d.js';
-import './index-99bb90c5.js';
-import './index.module-8e905a58.js';
-import './index-93e7fd02.js';
+import './index-5a4bb156.js';
+import './index-b6fc62e8.js';
+import './index-0851e9ed.js';
+import './index-f8a5a44d.js';
+import './index-5127c3fb.js';
+import './index.module-6ae9d645.js';
+import './index-7597a996.js';
 import 'react-switch';
-import './index-5672d972.js';
+import './index-2e424243.js';
 import 'react-dropdown';
-import './index-794040b3.js';
+import './index-907c80de.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a21c49cd.js';
-import './index-d7d0d651.js';
-import './index-50489704.js';
+import './index-93440a28.js';
+import './index-347b4bf3.js';
+import './index-48b042ed.js';
 import '@crystaldesign/content-box';
-import './index-bfa00ee1.js';
-import './index-0b287ebb.js';
-import './index-cd202308.js';
-import './index-16920a27.js';
-import './index-5b3bf1ff.js';
-import './index-d931d90c.js';
-import './index-4b41461b.js';
-import './index-0ce174bd.js';
-import './index-4ede92c9.js';
-import './index-fac1e960.js';
-import './index-1b4d1fea.js';
-import './index-5354c0f3.js';
-import './index-db9c9b40.js';
-import './index-9c04871a.js';
-import './index.module-de517b22.js';
-import './index-c3945bfc.js';
-import './index-9b73bf57.js';
-import './index-e04462fd.js';
-import './index-3cba3d46.js';
-import './index-4be3145e.js';
-import './index-b7a0f4a5.js';
-import './index-82d41946.js';
-import './index.module-2e81da44.js';
-import './index-7143cea4.js';
-import './index-3be9181e.js';
+import './index-cb21d6ef.js';
+import './index-ef07a66f.js';
+import './index-0031c7ba.js';
+import './index-67390e87.js';
+import './index-2727b72c.js';
+import './index-f21232f9.js';
+import './index-a43c7853.js';
+import './index-b302a054.js';
+import './index-eb106009.js';
+import './index-597a3ac8.js';
+import './index-a4c98ad6.js';
+import './index-dd47f326.js';
+import './index-6150b954.js';
+import './index-d58c6e8b.js';
+import './index.module-6c709213.js';
+import './index-84c2ad38.js';
+import './index-bab52a00.js';
+import './index-f16d5815.js';
+import './index-57111a6d.js';
+import './index-fb9abe0e.js';
+import './index-cd6643a7.js';
+import './index-f89a3960.js';
+import './index.module-19816615.js';
+import './index-b9d909cb.js';
+import './index-f6325409.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";
@@ -76,7 +76,6 @@ var wcAccInfoContainer = "wcAccInfoContainer-noQuw";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-QkL6Y";
 var metaData = "meta-data-FNjdQ";
 var wcAccSize = "wcAccSize-IgCBc";
-var wcPricePreview = "wcPricePreview-hzHhw";
 var wcCtaContainer = "wcCTAContainer-gIkLT";
 var wcAccCtaMinus = "wcAccCTAMinus-juYDC";
 var wcAccCtaPlus = "wcAccCTAPlus-W-ORy";
@@ -84,7 +83,7 @@ var disable = "disable-81BEw";
 var wcAccCtaQuantity = "wcAccCTAQuantity-PS2L0";
 var accItemLandscape = "AccItemLandscape-bJ4ph";
 var accItemPortrait = "AccItemPortrait-1gIUO";
-var css_248z = "/* Accessoires*/\n\n.AccItem-2APRQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.AccItem-2APRQ:hover {\n  z-index: 200;\n}\n\n.AccItem-2APRQ .wcSize-dO69R {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImagePlaceHolder-o65Jq {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf .wcImage-LUYJr {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImage-LUYJr {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-noQuw {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.AccItem-2APRQ .wcAccInfoContainer-noQuw {\n  width: calc(100% - 181.2px);\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y.meta-data-FNjdQ {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-2APRQ .wcAccSize-IgCBc {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n.AccItem-2APRQ .wcPricePreview-hzHhw {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n}\n\n@media all and (max-width: 1100px) {\n  .AccItem-2APRQ .wcSize-normal-ibUrf {\n    height: 80px;\n  }\n\n  .AccItem-2APRQ .wcSize-normal-ibUrf img {\n    height: 80px;\n  }\n}\n\n.AccItem-2APRQ .wcPricePreview-hzHhw {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy {\n  background: #f7f7f7;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.AccItem-2APRQ .wcAccCTAQuantity-PS2L0 {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC {\n  line-height: 19px;\n}\n\n.AccItemLandscape-bJ4ph .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC,\n.AccItemLandscape-bJ4ph .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemLandscape-bJ4ph .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n\n.AccItemPortrait-1gIUO .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC,\n.AccItemPortrait-1gIUO .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemPortrait-1gIUO .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n";
+var css_248z = "/* Accessoires*/\n\n.AccItem-2APRQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.AccItem-2APRQ:hover {\n  z-index: 200;\n}\n\n.AccItem-2APRQ .wcSize-dO69R {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImagePlaceHolder-o65Jq {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf .wcImage-LUYJr {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImage-LUYJr {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-noQuw {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.AccItem-2APRQ .wcAccInfoContainer-noQuw {\n  width: calc(100% - 181.2px);\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y.meta-data-FNjdQ {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-2APRQ .wcAccSize-IgCBc {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .AccItem-2APRQ .wcSize-normal-ibUrf {\n    height: 80px;\n  }\n\n  .AccItem-2APRQ .wcSize-normal-ibUrf img {\n    height: 80px;\n  }\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy {\n  background: #f7f7f7;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.AccItem-2APRQ .wcAccCTAQuantity-PS2L0 {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC {\n  line-height: 19px;\n}\n\n.AccItemLandscape-bJ4ph .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC,\n.AccItemLandscape-bJ4ph .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemLandscape-bJ4ph .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n\n.AccItemPortrait-1gIUO .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC,\n.AccItemPortrait-1gIUO .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemPortrait-1gIUO .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\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; }
@@ -92,6 +91,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var AccessoiresStandard = function AccessoiresStandard(_ref) {
   var _renderLayer;
   var itemP = _ref.item,
+    wrapper = _ref.wrapper,
     _ref$wcAccInfoContain = _ref.wcAccInfoContainerClass,
     wcAccInfoContainerClass = _ref$wcAccInfoContain === void 0 ? wcAccInfoContainer : _ref$wcAccInfoContain,
     _ref$wcConfiguratorSe = _ref.wcConfiguratorSettingsTitleClass,
@@ -214,10 +214,10 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
     renderLayer = tooltip.renderLayer;
   }
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-      className: classnames(accItem, viewHandler.uiState.isMobilePortrait ? accItemPortrait : undefined, viewHandler.uiState.isMobileLandscape ? accItemLandscape : undefined)
+    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+      className: classnames(accItem, wrapper, viewHandler.uiState.isMobilePortrait ? accItemPortrait : undefined, viewHandler.uiState.isMobileLandscape ? accItemLandscape : undefined)
     }, triggerProps), hoverProps), {}, {
-      children: /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsxs("div", {
         className: classnames(wcSize, wcSizeNormal),
         children: [/*#__PURE__*/jsx("div", {
           className: classnames(wcImage),
@@ -237,9 +237,6 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
             className: classnames(wcAccSize),
             children: item.formattedSize
           })]
-        }), !pricesAreHidden && /*#__PURE__*/jsx("div", {
-          className: classnames(wcPricePreview),
-          children: item.formattedPrice
         }), /*#__PURE__*/jsxs("div", {
           className: classnames(wcCtaContainer),
           children: [item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
@@ -261,7 +258,12 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
             children: "+"
           })]
         })]
-      })
+      }), !pricesAreHidden && !!item.price && /*#__PURE__*/jsx(PricePreview, {
+        price: item.price,
+        style: {
+          paddingTop: 6
+        }
+      })]
     })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: item.name,
       desciption: metaDataVisible,

package/build/esm/{index-08f772da.js → index-0e8b3489.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-d79a3629.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-e8660736.js';
-import Product from './index-851e4a1b.js';
-import Settings from './index-470474d6.js';
-import NavigationButtons from './index-a3f58e55.js';
-import BasketAction from './index-f3080bcb.js';
-import TabGroup from './index-b9328715.js';
+import Inputbox from './index-365bfe98.js';
+import Product from './index-3ed86c38.js';
+import Settings from './index-1afa0d16.js';
+import NavigationButtons from './index-8969df5f.js';
+import BasketAction from './index-236047d8.js';
+import TabGroup from './index-d21528cd.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-3cf928d0.js';
+import BarrierActions from './index-38b2688f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,65 +24,65 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2e02eee5.js';
-import './index-7435e5d9.js';
-import './index-9e840540.js';
-import './index-9d470407.js';
-import './index-cbab86f5.js';
+import './index-3489ff73.js';
+import './index-b6fc62e8.js';
+import './index-d9b36b13.js';
+import './index-2894acdf.js';
+import './index-5fdcb6c9.js';
 import 'react-laag';
-import './index-e5c8d0ef.js';
-import './index-0db27976.js';
-import './index-a47b059d.js';
+import './index-8cc16e5f.js';
+import './index-549dd47b.js';
+import './index-6530f4ed.js';
 import 'sift';
-import './index-25fccd90.js';
-import './index-32cafc39.js';
-import './index-cdff2e4d.js';
-import './index-99bb90c5.js';
-import './index.module-8e905a58.js';
-import './index-93e7fd02.js';
+import './index-5a4bb156.js';
+import './index-0851e9ed.js';
+import './index-f8a5a44d.js';
+import './index-5127c3fb.js';
+import './index.module-6ae9d645.js';
+import './index-7597a996.js';
 import 'react-switch';
-import './index-f6d0f6a2.js';
-import './index-4e8431fb.js';
-import './index-5672d972.js';
+import './index-6a88e5ea.js';
+import './index-5a385b30.js';
+import './index-2e424243.js';
 import 'react-dropdown';
-import './index-794040b3.js';
-import './index-a21c49cd.js';
-import './index-d7d0d651.js';
-import './index-50489704.js';
+import './index-907c80de.js';
+import './index-93440a28.js';
+import './index-347b4bf3.js';
+import './index-48b042ed.js';
 import '@crystaldesign/content-box';
-import './index-bfa00ee1.js';
-import './index-0b287ebb.js';
-import './index-cd202308.js';
-import './index-16920a27.js';
-import './index-5b3bf1ff.js';
-import './index-d931d90c.js';
-import './index-54eaa9f6.js';
-import './index-59cb0d44.js';
-import './index-4b41461b.js';
-import './index-0ce174bd.js';
-import './index-4ede92c9.js';
-import './index-fac1e960.js';
-import './index-1b4d1fea.js';
-import './index-5354c0f3.js';
-import './index-db9c9b40.js';
-import './index-9c04871a.js';
-import './index.module-de517b22.js';
-import './index-c3945bfc.js';
-import './index-9b73bf57.js';
-import './index-e04462fd.js';
-import './index-3cba3d46.js';
-import './index-4be3145e.js';
-import './index-b7a0f4a5.js';
-import './index-82d41946.js';
-import './index.module-2e81da44.js';
-import './index-7143cea4.js';
-import './index-3be9181e.js';
-import './index-a8ddd4f4.js';
-import './index-ec1a5970.js';
-import './index-e4891ace.js';
-import './index-ca7728e6.js';
-import './index-0f9434c0.js';
-import './index-6f92502c.js';
+import './index-cb21d6ef.js';
+import './index-ef07a66f.js';
+import './index-0031c7ba.js';
+import './index-67390e87.js';
+import './index-2727b72c.js';
+import './index-f21232f9.js';
+import './index-ce290224.js';
+import './index-3597db83.js';
+import './index-a43c7853.js';
+import './index-b302a054.js';
+import './index-eb106009.js';
+import './index-597a3ac8.js';
+import './index-a4c98ad6.js';
+import './index-dd47f326.js';
+import './index-6150b954.js';
+import './index-d58c6e8b.js';
+import './index.module-6c709213.js';
+import './index-84c2ad38.js';
+import './index-bab52a00.js';
+import './index-f16d5815.js';
+import './index-57111a6d.js';
+import './index-fb9abe0e.js';
+import './index-cd6643a7.js';
+import './index-f89a3960.js';
+import './index.module-19816615.js';
+import './index-b9d909cb.js';
+import './index-f6325409.js';
+import './index-4b64c0a3.js';
+import './index-7bd9cee3.js';
+import './index-866626c0.js';
+import './index-77cbeb96.js';
+import './index-4e26665c.js';
+import './index-c5bbdbb8.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";