@crystaldesign/diva-web-planner-react 26.10.0-beta.2 → 26.10.0-beta.21

package/build/esm/{index-af681246.js → index-b8064141.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-a8fd4e7f.js';
+import RoomSerious from './index-75fe4874.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-915c4a3a.js → index-b91fee64.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-b7afaabd.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-c6ba2591.js';
+import ItemVariant from './index-e3a3da2f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-10f30d14.js → index-b959bd1a.js}

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

package/build/esm/{index-1555eee6.js → index-ba390b27.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject } from './index-b7afaabd.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-8dbee4c8.js → index-bab998b9.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-a3e6338e.js';
+import RoomRound from './index-2e1f823f.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-964e87de.js → index-baf708f3.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect, useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-06487164.js → index-bb76505b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject } from './index-b7afaabd.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-dea7c1f9.js';
+import InfoIcon from './index-2901885f.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bc22c4d2.js → index-bba2a5cb.js}

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

package/build/esm/{index-60b5bc50.js → index-bc2d70bb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useMemo } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b25ff5ec.js → index-bff7e288.js}

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

package/build/esm/{index-a9b2bf20.js → index-c2500d78.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-aa2f36a5.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-b7afaabd.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-f9faf7ce.js → index-c2bb845e.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-aa2f36a5.js';
-import ProductHeader from './index-6c230b84.js';
+import { s as styleInject } from './index-b7afaabd.js';
+import ProductHeader from './index-ff342d7c.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,10 +22,10 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-84d2a2d6.js';
-import './index-61013dbc.js';
+import './index-db43d153.js';
+import './index-ac8ad885.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-198036bd.js';
+import './useCustomDimensions-3f075e9e.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index.module-6105565d.js → index-c56ab3de.js}

@@ -1,4 +1,8 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import NavBar from './index-dfa2b209.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";
@@ -10,8 +14,34 @@ var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
 var center = "center-eIYYK";
 var imageCenterOrbit = "imageCenterOrbit-m9ffC";
 var imageCenterStatic = "imageCenterStatic-Xu-zR";
-var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
-var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n.portrait-gNyhf.in-grid-visible-8UlAH.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
+var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n.portrait-gNyhf.in-grid-visible-8UlAH.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n";
 styleInject(css_248z);
 
-export { wcConfiguratorArticleImage as a, wcConfigurator3Dimage as b, center as c, imageCenterOrbit as d, imageCenterStatic as e, fullscreen as f, wcPlanner3DGrid as g, inGridVisible as i, landscape as l, portrait as p, wcConfiguratorProductCenter as w };
+var Planner3DImage = function Planner3DImage(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(_ref) {
+      return viewHandler.productState.setImage3DElement(_ref);
+    },
+    className: wcConfigurator3Dimage,
+    id: "3DImage-Container",
+    style: {
+      // backgroundImage: viewHandler.productState.RenderImageURL,
+      visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
+    },
+    children: [/*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx("img", {
+      className: !viewHandler.productState.plannerRenderingIsStaticBG ? imageCenterOrbit : imageCenterStatic,
+      id: "diva3dImg",
+      draggable: "false",
+      src: viewHandler.productState.diva3dImgSrc
+    })]
+  });
+};
+var Planner3DImage$1 = observer(Planner3DImage);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': Planner3DImage$1
+});
+
+export { Planner3DImage$1 as P, wcConfiguratorArticleImage as a, index as b, center as c, fullscreen as f, inGridVisible as i, landscape as l, portrait as p, wcConfiguratorProductCenter as w };

package/build/esm/{index-cc566aac.js → index-c6ce7255.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-f90d7d85.js';
+import FilterItem from './index-ff297e49.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f4d44fbd.js → index-c8452e6f.js}

@@ -1,5 +1,5 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import ProductHeader from './index-6c230b84.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
+import ProductHeader from './index-ff342d7c.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,10 +22,10 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-84d2a2d6.js';
-import './index-61013dbc.js';
+import './index-db43d153.js';
+import './index-ac8ad885.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-198036bd.js';
+import './useCustomDimensions-3f075e9e.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-19YtG";

package/build/esm/{index-0e978d1a.js → index-c8bce66a.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-aa2f36a5.js';
-import ProductHeader from './index-6c230b84.js';
+import { s as styleInject } from './index-b7afaabd.js';
+import ProductHeader from './index-ff342d7c.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,10 +22,10 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-84d2a2d6.js';
-import './index-61013dbc.js';
+import './index-db43d153.js';
+import './index-ac8ad885.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-198036bd.js';
+import './useCustomDimensions-3f075e9e.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "product-header-h3vB3";

package/build/esm/{index-84639f69.js → index-c90a6110.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-b7afaabd.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-dea7c1f9.js';
+import InfoIcon from './index-2901885f.js';
 import MarqueeText from 'react-marquee-text';
-import ReverseCheck from './index-8e468bed.js';
+import ReverseCheck from './index-2fb02387.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -130,7 +130,7 @@ var DropDowmText = function DropDowmText(_ref) {
   } finally {
     _iterator.f();
   }
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && (_item$selectedElement = _item$selectedElement[0]) !== null && _item$selectedElement !== void 0 && _item$selectedElement.contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
     contentItemId: item.optionContentItemId,
     codex: item.configStepKey
   } : undefined;

package/build/esm/{index-0aec55ce.js → index-cbf78acb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';

package/build/esm/{index-a0895e5a.js → index-ce7cc749.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-d122b150.js';
+import ProductRoomList from './index-5ae13c71.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6cfdc5f0.js → index-d25b2428.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-915c4a3a.js';
-import TabGroupVertical from './index-f1567809.js';
-import TabSearch from './index-d3200694.js';
+import TabGroupHorizontal from './index-b91fee64.js';
+import TabGroupVertical from './index-a449b7b1.js';
+import TabSearch from './index-73eefcc4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -24,8 +24,8 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-c6ba2591.js';
-import './index-89ee1702.js';
+import './index-e3a3da2f.js';
+import './index-8573274e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-54715a0c.js → index-d2a55fdb.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject } from './index-b7afaabd.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-63392c2a.js';
+import Item from './index-eeb88aa7.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-116bed5e.js';
+import './index-1a30dd59.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-402a11b3.js → index-d2d1dea2.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { i as loadingIcon, j as generateIcon } from './index.module-237bec6d.js';
+import { i as loadingIcon, j as generateIcon } from './index.module-ccf5b1c9.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ba32d247.js → index-d2d2cd5a.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-b7afaabd.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-e0fd5c7f.js';
-import ItemVariant from './index-3447d778.js';
-import SettingsPaletteGroup from './index-b25ff5ec.js';
-import ToggleOption from './index-f59d9266.js';
-import GroupDropdown from './index-1b527938.js';
-import PromotedProducts from './index-0106b297.js';
-import StyleConsultant from './index-7a0070cf.js';
-import ToggleName from './index-feb108b0.js';
-import itemPaletteTypeComponentMap from './index-e5a99437.js';
+import TextBox from './index-69363726.js';
+import ItemVariant from './index-e7330083.js';
+import SettingsPaletteGroup from './index-bff7e288.js';
+import ToggleOption from './index-d964307b.js';
+import GroupDropdown from './index-892c801a.js';
+import PromotedProducts from './index-8da68557.js';
+import StyleConsultant from './index-5dd0e132.js';
+import ToggleName from './index-3edc2342.js';
+import itemPaletteTypeComponentMap from './index-9065c3de.js';
 import classnames from 'classnames';
-import StepInfo from './index-b8244686.js';
-import ReplaceSwitch from './index-fd5ccbd5.js';
+import StepInfo from './index-dc34ee0d.js';
+import ReplaceSwitch from './index-8f8bc123.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-b6302c1e.js';
-import MultiToggle from './index-d6b9e246.js';
-import Radio from './index-e6769f3f.js';
+import Slider from './index-4d24da1a.js';
+import MultiToggle from './index-67a49f65.js';
+import Radio from './index-d9637a30.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-263bf224.js';
+import SummaryOverview from './index-27b99a91.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -145,7 +145,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-97e19f8e.js');
+  return import('./index-3236afeb.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -272,13 +272,13 @@ var useGridVariables = function useGridVariables(item) {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-5f8d0183.js');
+  return import('./index-ffecf7ce.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0dcb2f92.js');
+  return import('./index-d565d74e.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d8e88aaf.js');
+  return import('./index-5107b964.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-ee5d1252.js → index-d3f87806.js}

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

package/build/esm/{index-0dcb2f92.js → index-d565d74e.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-39b069cb.js → index-d6e62507.js}

@@ -1,4 +1,4 @@
-import { c as usePlannerUIHandler } from './index-aa2f36a5.js';
+import { c as usePlannerUIHandler } from './index-b7afaabd.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c3f5ec8f.js → index-d86a10d0.js}

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

package/build/esm/{index-e4bb7f5e.js → index-d8a0b784.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-aa2f36a5.js';
+import { u as useViewHandler, G as GenericToolTip } from './index-b7afaabd.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-dea7c1f9.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-f5513761.js';
+import InfoIcon from './index-2901885f.js';
+import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-f4aff264.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-2febce90.js → index-d93714d0.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-b7afaabd.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b825f617.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-4097c40e.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-116bed5e.js';
+import MetaData from './index-1a30dd59.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-dea7c1f9.js';
-import ReverseCheck from './index-8e468bed.js';
+import InfoIcon from './index-2901885f.js';
+import ReverseCheck from './index-2fb02387.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-e6769f3f.js → index-d9637a30.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-b7afaabd.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-dea7c1f9.js';
+import InfoIcon from './index-2901885f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f59d9266.js → index-d964307b.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-aa2f36a5.js';
+import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-b7afaabd.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-9c77bce4.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-7a954e99.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-dea7c1f9.js';
-import ReverseCheck from './index-8e468bed.js';
+import InfoIcon from './index-2901885f.js';
+import ReverseCheck from './index-2fb02387.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-84d2a2d6.js → index-db43d153.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, g as b, _ as _onClickCheckout, I as Icon } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, g as b, _ as _onClickCheckout, I as Icon } from './index-b7afaabd.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import StyleIndicator from './index-61013dbc.js';
+import StyleIndicator from './index-ac8ad885.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b8244686.js → index-dc34ee0d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject } from './index-b7afaabd.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-8eb83a26.js → index-dd7e9a17.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-09e78d18.js → index-dfa2b209.js}

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

package/build/esm/{index-c6ba2591.js → index-e3a3da2f.js}

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

package/build/esm/{index-fc6e111b.js → index-e3d075e8.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler, S as SettingsHeader } from './index-aa2f36a5.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-59f3204b.js → index-e4485409.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-b7afaabd.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import MetaData from './index-116bed5e.js';
-import InfoIcon from './index-dea7c1f9.js';
+import MetaData from './index-1a30dd59.js';
+import InfoIcon from './index-2901885f.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-3ade3e02.js → index-e48bbe09.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-b7afaabd.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-0aec55ce.js';
+import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-cbf78acb.js';
 import classnames from 'classnames';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { jsx, Fragment } from 'react/jsx-runtime';