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

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

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

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

@@ -1,4 +1,4 @@
-import './index-9c696b5e.js';
+import './index-d1cf8cb5.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -60,6 +60,13 @@ var properties = [{
     children: "Set do show dimensionLines is per default already true. Can be overwritten and deactivated by WebConfig"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'defaultDimensionsActive',
+  codex: 'DEFAULT_DO_SHOW_3DDIMENSIONS',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: " start with dimensions visible in 3D"
+  }),
+  type: 'boolean'
 }, {
   catalogKey: 'isIDM3DCat',
   codex: 'IS_IDM3D_CAT',

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

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

package/build/esm/{IconHandler-473c9a14.js → IconHandler-8253a5f4.js}

@@ -1,4 +1,4 @@
-import './index-9c696b5e.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-10937372.js → OptionProperties-00fc6c4c.js}

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

package/build/esm/{OptionValueProperties-1bd24e09.js → OptionValueProperties-bc319751.js}

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

package/build/esm/{Planner2DGrid-6448061f.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-9c696b5e.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-84bbe30f.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-9c696b5e.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-107aad2f.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-9c696b5e.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-67463cc4.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-62000b41.js';
-import properties$1 from './ArticleProperties-07935931.js';
-import properties$2 from './OptionProperties-10937372.js';
-import properties$3 from './OptionValueProperties-1bd24e09.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-e7a6bab8.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-ffdb23e4.js → index-0031c7ba.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.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-ee1bdc35.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-feb66bc2.js → index-00f071cc.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-d8147ec2.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-cb2dbafa.js → index-010ad290.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.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-473c9a14.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-c68d2166.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-9c696b5e.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-43df634f.js';
-import LayoutSelection from './index-5736940d.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-67b8493d.js';
-import './index-e9001316.js';
+import './index.module-7b90b2dd.js';
+import './index-347b4bf3.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

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

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-9c696b5e.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-39410d54.js → index-046cd189.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.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-074dd7a0.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-9c696b5e.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-567bde24.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-a99d0f97.js → index-055899c3.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-9c696b5e.js';
-import ProductHeader from './index-26439dbf.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-e1a63894.js';
+import './index-c6fc2919.js';
 import '@crystaldesign/content-box';
-import './index-a85030e5.js';
+import './index-b71720ac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-d94fab9d.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-9c696b5e.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-28299e4c.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-19816615.js';
 import classnames from 'classnames';
-import IsActive from './index-ce8d79f3.js';
+import IsActive from './index-84c2ad38.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-818cfaa6.js';
-import InfoIcon from './index-a7d24255.js';
-import PricePreview from './index-dd9ce55d.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-ad2c7ba8.js → index-0822213f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.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-130824a9.js → index-0842dfbc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.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-df231056.js → index-0851e9ed.js}

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

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

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-9c696b5e.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-212cb66e.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-57934ed2.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-9c696b5e.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-3a47198c.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-9c696b5e.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-aff6a97d.js';
-import GenericToolTip from './index-818cfaa6.js';
-import SubTabGroup from './index-3cd572a9.js';
-import InfoIcon from './index-a7d24255.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-dd9ce55d.js';
 import 'react-collapsible';
-import './index-2f2c55d4.js';
-import './index-dbbdd6e1.js';
+import './index-1923a16f.js';
+import './index-6530f4ed.js';
 import 'sift';
-import './index-8cf516ff.js';
-import './index-ee1bdc35.js';
-import './index-df231056.js';
-import './index-44dfaac1.js';
-import './index-1228eac8.js';
-import './index.module-526bb0e8.js';
-import './index-e7a6bab8.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-c741aa95.js';
+import './index-2e424243.js';
 import 'react-dropdown';
-import './index-5e6ebc90.js';
+import './index-907c80de.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3f2ac8bf.js';
-import './index-e9001316.js';
-import './index-6408a3d7.js';
+import './index-93440a28.js';
+import './index-347b4bf3.js';
+import './index-48b042ed.js';
 import '@crystaldesign/content-box';
-import './index-3ed19f4e.js';
-import './index-821c1910.js';
-import './index-ffdb23e4.js';
-import './index-9230bec2.js';
-import './index-a765d090.js';
-import './index-87b6e36a.js';
-import './index-149ed008.js';
-import './index-c0f861dd.js';
-import './index-8456dbf8.js';
-import './index-dc5e9cff.js';
-import './index-58e76d65.js';
-import './index-9d6bef02.js';
-import './index-8545ed2d.js';
-import './index-0fb7daf2.js';
-import './index.module-2005e513.js';
-import './index-ce8d79f3.js';
-import './index-588f226c.js';
-import './index-d1947e12.js';
-import './index-2cbd923e.js';
-import './index-8cfd2a7c.js';
-import './index-520ec7d4.js';
-import './index-8ced1d63.js';
-import './index.module-28299e4c.js';
-import './index-0755c604.js';
-import './index-9f062ea0.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,