@crystaldesign/diva-web-planner-react 26.2.0-rc.8 → 26.3.0-beta.10

package/build/esm/{index-74972ca3.js → index-18e0db13.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-3922f706.js';
+import { s as styleInject } from './index-545a32b9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-641f7c2f.js';
+import VerticalTabGroupItemStandard from './index-2bc2d344.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e587ab96.js → index-1bcd799b.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
+import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/index-1cc0af77.js

@@ -0,0 +1,277 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import React, { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var table = "table-gRvJg";
+var column = "column-bLCew";
+var scrollable = "scrollable-XTWgE";
+var tableDescription = "tableDescription--qUD1";
+var optionRow = "optionRow-grqJU";
+var opvStatusVisible = "opvStatusVisible-4YLGY";
+var opvStatusHidden = "opvStatusHidden-5rPCm";
+var visibleHistory = "visibleHistory-CZ7xR";
+var visibleHistoryEntry = "visibleHistoryEntry-LHSfd";
+var visibleHistoryEntryHidden = "visibleHistoryEntryHidden-8Lvmq";
+var visibleHistoryEntryShown = "visibleHistoryEntryShown-jDoFr";
+var css_248z = ".table-gRvJg {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-gRvJg thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-gRvJg th,\n.table-gRvJg td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-gRvJg tbody tr:hover {\n  background: #f7fafc;\n}\n\n.column-bLCew {\n  text-align: left;\n}\n\n.scrollable-XTWgE {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: calc(100% - 60px);\n  position: relative;\n  box-sizing: border-box;\n}\n\n.tableDescription--qUD1 {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.optionRow-grqJU {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.optionRow-grqJU:hover {\n  background: #edf2f7;\n}\n\n.opvStatusVisible-4YLGY {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.opvStatusHidden-5rPCm {\n  color: #e53e3e;\n}\n\n.visibleHistory-CZ7xR {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n}\n\n.visibleHistoryEntry-LHSfd {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.visibleHistoryEntryHidden-8Lvmq {\n  background: #feb2b2;\n  color: #742a2a;\n}\n\n.visibleHistoryEntryShown-jDoFr {\n  background: #9ae6b4;\n  color: #276749;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function groupOptionsByTabGroup(tabGroups, article) {
+  var result = [];
+  for (var _i = 0, _Object$keys = Object.keys(tabGroups); _i < _Object$keys.length; _i++) {
+    var tgKey = _Object$keys[_i];
+    var tabGroup = tabGroups[tgKey];
+    if (!(tabGroup !== null && tabGroup !== void 0 && tabGroup.options)) continue;
+    var _iterator = _createForOfIteratorHelper(tabGroup.options),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _tabGroup$title;
+        var _step$value = _slicedToArray(_step.value, 2),
+          optKey = _step$value[0],
+          option = _step$value[1];
+        if (!option) continue;
+        var configSteps = option.configSteps;
+        if (!(configSteps !== null && configSteps !== void 0 && configSteps.size)) continue;
+        var firstConfigStep = configSteps.values().next().value;
+        if (!firstConfigStep) continue;
+        var ops = article === null || article === void 0 ? void 0 : article.getArticleOptionState(option.codex);
+        result.push({
+          option: option,
+          tabGroupKey: tgKey,
+          tabGroupTitle: (_tabGroup$title = tabGroup.title) !== null && _tabGroup$title !== void 0 ? _tabGroup$title : tgKey,
+          inspectInfo: ops === null || ops === void 0 ? void 0 : ops.inspectInfo,
+          posNr: firstConfigStep.posNr
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return result;
+}
+var OptionTreeTable = function OptionTreeTable(_ref) {
+  var _Object$values$find;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var tabGroups = viewHandler.tabGroupState.allTabGroups;
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var article = (_Object$values$find = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+    return a.posNr === 1;
+  })) !== null && _Object$values$find !== void 0 ? _Object$values$find : Object.values(articles !== null && articles !== void 0 ? articles : {})[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    inspectRefreshed = _useState2[0],
+    setInspectRefreshed = _useState2[1];
+  useEffect(function () {
+    var set = viewHandler.divaWebPlanner.actSet();
+    if (!set || inspectRefreshed) return;
+    var hadInspect = set.inspectMode;
+    var hadLogDecisions = set.logDecisions;
+    if (!hadInspect) set.inspectMode = true;
+    if (!hadLogDecisions) set.logDecisions = true;
+    if (!hadInspect || !hadLogDecisions) {
+      viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
+      setInspectRefreshed(true);
+    }
+    return function () {
+      if (!hadInspect && set.inspectMode) set.inspectMode = false;
+      if (!hadLogDecisions && set.logDecisions) set.logDecisions = false;
+      if (!hadInspect || !hadLogDecisions) {
+        viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var optionsGrouped = React.useMemo(function () {
+    var filtered = Object.fromEntries(Object.entries(tabGroups).filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        tg = _ref3[1];
+      return (tg === null || tg === void 0 ? void 0 : tg.type) === 'OPTION';
+    }));
+    var flat = groupOptionsByTabGroup(filtered, article);
+    var byTabGroup = new Map();
+    var _iterator2 = _createForOfIteratorHelper(flat),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _byTabGroup$get;
+        var o = _step2.value;
+        var list = (_byTabGroup$get = byTabGroup.get(o.tabGroupKey)) !== null && _byTabGroup$get !== void 0 ? _byTabGroup$get : [];
+        list.push(o);
+        byTabGroup.set(o.tabGroupKey, list);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return Array.from(byTabGroup.entries()).map(function (_ref4) {
+      var _list$0$tabGroupTitle, _list$;
+      var _ref5 = _slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        list = _ref5[1];
+      return {
+        tabGroupKey: key,
+        tabGroupTitle: (_list$0$tabGroupTitle = (_list$ = list[0]) === null || _list$ === void 0 ? void 0 : _list$.tabGroupTitle) !== null && _list$0$tabGroupTitle !== void 0 ? _list$0$tabGroupTitle : key,
+        options: list
+      };
+    });
+  }, [tabGroups, article]);
+  var handleOptionClick = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(optionCodex, posNr) {
+      var configStep;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            configStep = viewHandler.configuratorStructureHandler.getFirstConfigStepByOptionCodex(optionCodex);
+            if (configStep) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            window.lastNavigationType = 'OPTION_TREE_TABLE';
+            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(configStep.posNr);
+            viewHandler.updateConfiguratorState(true);
+            _context.next = 8;
+            return DivaUtils.Sleep(100);
+          case 8:
+            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleOptionClick(_x, _x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  if (!article) {
+    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: /*#__PURE__*/jsx("p", {
+        className: tableDescription,
+        children: "No article loaded. Configure a product first."
+      })
+    }));
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("p", {
+      className: tableDescription,
+      children: "All options grouped by tab group. Click any cell to navigate to that option in the configurator."
+    }), /*#__PURE__*/jsxs("table", {
+      className: table,
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsxs("tr", {
+          className: column,
+          children: [/*#__PURE__*/jsx("th", {
+            children: "Tab group"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Option"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Name"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Visible"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Hidden since"
+          }), /*#__PURE__*/jsx("th", {
+            children: "HPVT"
+          }), /*#__PURE__*/jsx("th", {
+            children: "History"
+          })]
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: optionsGrouped.map(function (_ref7) {
+          var tabGroupKey = _ref7.tabGroupKey,
+            tabGroupTitle = _ref7.tabGroupTitle,
+            options = _ref7.options;
+          return /*#__PURE__*/jsx(React.Fragment, {
+            children: options.map(function (_ref8) {
+              var _inspectInfo$hiddenBy;
+              var option = _ref8.option,
+                inspectInfo = _ref8.inspectInfo,
+                posNr = _ref8.posNr;
+              return /*#__PURE__*/jsxs("tr", {
+                className: classnames(column, optionRow),
+                onClick: function onClick() {
+                  return handleOptionClick(option.codex, posNr);
+                },
+                children: [/*#__PURE__*/jsx("td", {
+                  children: tabGroupTitle
+                }), /*#__PURE__*/jsx("td", {
+                  children: option.codex
+                }), /*#__PURE__*/jsx("td", {
+                  children: option.title
+                }), /*#__PURE__*/jsx("td", {
+                  children: inspectInfo != null ? inspectInfo.visible ? /*#__PURE__*/jsx("span", {
+                    className: opvStatusVisible,
+                    children: "visible"
+                  }) : /*#__PURE__*/jsx("span", {
+                    className: opvStatusHidden,
+                    children: "hidden"
+                  }) : '-'
+                }), /*#__PURE__*/jsx("td", {
+                  children: (_inspectInfo$hiddenBy = inspectInfo === null || inspectInfo === void 0 ? void 0 : inspectInfo.hiddenByDecisionNo) !== null && _inspectInfo$hiddenBy !== void 0 ? _inspectInfo$hiddenBy : '-'
+                }), /*#__PURE__*/jsx("td", {
+                  children: inspectInfo !== null && inspectInfo !== void 0 && inspectInfo.headerPosVariationType ? /*#__PURE__*/jsx("span", {
+                    title: "Header Pos Variation Type (K=Kopf, P=EinzelPos, V=Vererbung, I=Info, U=Unsichtbar)",
+                    children: inspectInfo.headerPosVariationType
+                  }) : '-'
+                }), /*#__PURE__*/jsx("td", {
+                  children: inspectInfo !== null && inspectInfo !== void 0 && inspectInfo.visibleHistory && inspectInfo.visibleHistory.length > 0 ? /*#__PURE__*/jsx("div", {
+                    className: visibleHistory,
+                    children: inspectInfo.visibleHistory.map(function (entry, i) {
+                      return /*#__PURE__*/jsxs("span", {
+                        className: classnames(visibleHistoryEntry, entry.visible ? visibleHistoryEntryShown : visibleHistoryEntryHidden),
+                        title: entry.visible ? 'Became visible' : 'Became hidden',
+                        children: ["#", entry.decisionNo, " \u2192 ", entry.visible ? 'shown' : 'hidden']
+                      }, i);
+                    })
+                  }) : '-'
+                })]
+              }, option.codex);
+            })
+          }, tabGroupKey);
+        })
+      })]
+    })]
+  }));
+};
+var OptionTreeTable$1 = observer(OptionTreeTable);
+
+export { OptionTreeTable$1 as default };

package/build/esm/{index-dcb5a281.js → index-1d8a5357.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
-import 'react';
+import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { useEffect } from 'react';
 import Select from 'react-select';
+import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
@@ -22,16 +22,19 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 
 var select = "select-8bXXP";
-var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\n}\n.select-8bXXP div {\n  border-color: grey !important;\n}\n.select-8bXXP div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
+var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.select-8bXXP div {\n  border-color: grey !important;\n}\n.select-8bXXP div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
 styleInject(css_248z);
 
 var ArticleSelector = function ArticleSelector(_ref) {
   var _viewHandler$divaWebP;
   var _ref$articleState = _slicedToArray(_ref.articleState, 2),
     article = _ref$articleState[0],
-    setArticle = _ref$articleState[1];
+    setArticle = _ref$articleState[1],
+    rerender = _ref.rerender,
+    filter = _ref.filter;
   var viewHandler = useViewHandler();
   var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
+  if (filter) articles = articles.filter(filter);
   var options = articles.map(function (a) {
     return {
       value: a.basketId,
@@ -43,6 +46,11 @@ var ArticleSelector = function ArticleSelector(_ref) {
       return p.basketId == a.value;
     }));
   };
+  useEffect(function () {
+    if (!article) {
+      setArticle(articles[0]);
+    }
+  }, [rerender]);
   if (options.length == 1 || options.length == 0) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsx(Select, {
     value: options.find(function (o) {
@@ -53,5 +61,6 @@ var ArticleSelector = function ArticleSelector(_ref) {
     className: select
   });
 };
+var ArticleSelector$1 = observer(ArticleSelector);
 
-export { ArticleSelector as default };
+export { ArticleSelector$1 as default };

package/build/esm/{index-acdf9d3a.js → index-1e2de15b.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-3922f706.js';
+import { u as useViewHandler } from './index-545a32b9.js';
 import { useState, useEffect } from 'react';
-import { w as wrapper } from './index.module-a021f1b0.js';
+import { w as wrapper } from './index.module-0d75e811.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-845607a6.js → index-1e6ec4fc.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
+import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import SettingsItemsWrapper from './index-eb2ac81a.js';
+import SettingsItemsWrapper from './index-8660a6fa.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,88 +20,88 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-315c2632.js';
+import './index-36114526.js';
 import 'sift';
-import './index-ddb28baf.js';
-import './index-ab68b2f2.js';
-import './index-dc74f2b9.js';
-import './index-1269d21d.js';
-import './index-808b7fea.js';
-import './index.module-4a1f9648.js';
-import './index-09a4e5f8.js';
+import './index-dd0f64a5.js';
+import './index-76594e31.js';
+import './index-787e3d13.js';
+import './index-2eb3451d.js';
+import './index-094d50a2.js';
+import './index.module-f5f04403.js';
+import './index-a36c5a23.js';
 import 'react-switch';
-import './index-5b49f5ff.js';
-import './index-12490889.js';
-import './index-7dd817c0.js';
+import './index-6d5db0a9.js';
+import './index-ef7dc862.js';
+import './index-89e866ee.js';
 import 'react-countup';
-import './index-4f64269f.js';
+import './index-173772f8.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3d49e263.js';
+import './index-afa71e50.js';
 import 'react-dropdown';
-import './index-b553bf54.js';
+import './index-073d10a1.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-542657c4.js';
-import './index-d0387365.js';
-import './index-e26359d7.js';
+import './index-527ad827.js';
+import './index-948218c6.js';
+import './index-7d8c9c2c.js';
 import '@crystaldesign/content-box';
-import './index-07592828.js';
-import './index-b56ad6e1.js';
-import './index-2040fce6.js';
-import './index-28317cce.js';
-import './index-e8f24354.js';
-import './index-d9cf5ea2.js';
-import './index-090f8878.js';
-import './index-44cc790a.js';
-import './index-8345bf55.js';
+import './index-2b1e0d1a.js';
+import './index-2a743ef9.js';
+import './index-bd356d40.js';
+import './index-15a53812.js';
+import './index-cd3d2d65.js';
+import './index-9440c593.js';
+import './index-25d04e8a.js';
+import './index-a182a2b4.js';
+import './index-5bee4e0b.js';
 import 'react-laag';
-import './index.module-401da9ac.js';
-import './index-5280d1f9.js';
-import './index-e2323b2e.js';
-import './index-4a86c4ea.js';
-import './index-a1463d4a.js';
-import './index-4b54c335.js';
-import './index-85c391dc.js';
-import './index.module-2fa24b76.js';
-import './index-493aec05.js';
-import './index-9a471e4a.js';
-import './index-5470cc03.js';
-import './index-9de490bd.js';
-import './index-3ecca788.js';
-import './index-b9420b72.js';
-import './index-732df399.js';
-import './index-cc427821.js';
-import './index-c1f7fb67.js';
-import './index-bb2cc2ef.js';
-import './index-b36a443f.js';
-import './index-c73c3f99.js';
+import './index.module-77bd5380.js';
+import './index-20cf7e10.js';
+import './index-da1769b8.js';
+import './index-2a44aff1.js';
+import './index-39b15e35.js';
+import './index-4e085b6b.js';
+import './index-9377bfb4.js';
+import './index.module-c5cfe845.js';
+import './index-46cea5fa.js';
+import './index-5b91d7d1.js';
+import './index-307fa726.js';
+import './index-24df4a0c.js';
+import './index-eebc8e3e.js';
+import './index-5f761efe.js';
+import './index-73904008.js';
+import './index-32d08d94.js';
+import './index-4cbd873c.js';
+import './index-a58865ba.js';
+import './index-94569688.js';
+import './index-ce0d1800.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-02517336.js';
+import './index-756dde74.js';
 import 'rc-slider';
-import './index-c47055d4.js';
-import './index-042b8212.js';
-import './index-2fcac75f.js';
-import './index-d5f73e2e.js';
-import './index-5f5d1e51.js';
+import './index-3787b639.js';
+import './index-9ae75ee2.js';
+import './index-46b1a81a.js';
+import './index-f044a604.js';
+import './index-060ae141.js';
 import 'react-confetti-explosion';
-import './index-0669bcf6.js';
-import './index-76e201bb.js';
-import './index-6094b12e.js';
+import './index-cbeabc19.js';
+import './index-cedf1e97.js';
+import './index-a9e74135.js';
 import 'react-qr-code';
-import './index-fc0ed7ca.js';
-import './useCustomDimensions-0c7d22e4.js';
-import './index-14387edb.js';
-import './ussIsSticky-3abe86c0.js';
-import './index-c57eec62.js';
-import './index-c2289d9c.js';
-import './index-33202420.js';
-import './index.module-741c9efd.js';
-import './index-8a8c19dd.js';
-import './index-54cfcc07.js';
-import './index-8859be10.js';
-import './index-18385cf3.js';
-import './index-fcb0bcd8.js';
+import './index-bb3c21a4.js';
+import './useCustomDimensions-2f4020aa.js';
+import './index-eae77a5a.js';
+import './ussIsSticky-333db608.js';
+import './index-97fed7cf.js';
+import './index-eb00ac3f.js';
+import './index-cfca9284.js';
+import './index.module-35d4dfdd.js';
+import './index-944d5596.js';
+import './index-73cac779.js';
+import './index-d8958104.js';
+import './index-24a77d27.js';
+import './index-e5075b3b.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-12a0fec1.js → index-1eb0c5a6.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-3922f706.js';
+import { u as useViewHandler } from './index-545a32b9.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-216316a4.js';
+import { g as wcPlanner3DGrid } from './index.module-f955c824.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-8640c716.js → index-1f1da450.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-36497609.js → index-1fac77b4.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-3922f706.js';
+import { u as useViewHandler } from './index-545a32b9.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-7e2188e0.js';
-import Planner3DImage from './index-4ec4bb0f.js';
-import PlannerAIRoom from './index-fd23f7bd.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-216316a4.js';
+import Planner2DGrid from './index-e3797212.js';
+import Planner3DImage from './index-79323b5b.js';
+import PlannerAIRoom from './index-0c2785e8.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-f955c824.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-12a0fec1.js';
-import PlannerMsgContainer from './index-bdfd41ae.js';
-import PlannerUIVariant from './index-44145378.js';
-import RotateInfo from './index-698052b8.js';
-import OrbitInteraction from './index-cda46582.js';
-import MobileNavIcons from './index-21792316.js';
-import Logo from './index-935518e6.js';
+import Planner3DGrid from './index-1eb0c5a6.js';
+import PlannerMsgContainer from './index-9e6e1b54.js';
+import PlannerUIVariant from './index-c0757759.js';
+import RotateInfo from './index-c2a53ae3.js';
+import OrbitInteraction from './index-dbc1efad.js';
+import MobileNavIcons from './index-dc60b5e8.js';
+import Logo from './index-258ef385.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -30,23 +30,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b39db3d6.js';
+import './index-ede1345c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c5e6f39c.js';
-import './index-76e201bb.js';
+import './index-f95db4a2.js';
+import './index-cedf1e97.js';
 import 'react-laag';
-import './index-6094b12e.js';
+import './index-a9e74135.js';
 import 'react-qr-code';
-import './index-fc0ed7ca.js';
-import './index-0eafe791.js';
+import './index-bb3c21a4.js';
+import './index-5f3d177a.js';
 
 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 Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6f462026.js');
+  return import('./index-6834d731.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-ad9fd614.js');
+  return import('./index-61d84cf8.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;