@crystaldesign/diva-web-planner-react 26.7.0-rc.10 → 26.7.0-rc.11

package/build/esm/index-7a8c48a6.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c5415355.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 SettingsItemAccessoireTemplate = function SettingsItemAccessoireTemplate(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires"
-  }));
-};
-
-export { SettingsItemAccessoireTemplate as default };

package/build/esm/index-7c4a6cb5.js

@@ -1,63 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { c as usePlannerUIHandler } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Outline3D from './index-2040ea9b.js';
-import ItemsContainer from './index-c365ab4d.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-299dfa55.js';
-import './index-bf9b6cc7.js';
-import './index-b9f6f81e.js';
-import './index-faeb3393.js';
-import './index-3b55efe1.js';
-import './index-e6847dd9.js';
-import './index-5ed06491.js';
-import './index-651a4c95.js';
-import './index-08e44fbd.js';
-import './index-e61bff7f.js';
-import './index-f2634456.js';
-import 'react-draggable';
-import './index-c63b770f.js';
-import './index-a616c2c1.js';
-import './index-d79d31f5.js';
-
-var PlannerUI = function PlannerUI(_ref) {
-  var plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var uiItems = plannerUIHandler.getItems();
-  var uiOutline3DItemsArr = plannerUIHandler.getItemsOutline3D();
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [_toConsumableArray(uiItems.keys()).map(function (setId) {
-      return _toConsumableArray(uiItems.get(setId).keys()).map(function (elementId) {
-        return /*#__PURE__*/jsx(ItemsContainer, {
-          plannerUIProps: plannerUIProps,
-          items: uiItems.get(setId).get(elementId)
-        }, setId + '_' + elementId);
-      });
-    }), /*#__PURE__*/jsx(Outline3D, {
-      items: uiOutline3DItemsArr,
-      plannerUIProps: plannerUIProps
-    })]
-  });
-};
-var PlannerUI$1 = observer(PlannerUI);
-
-export { PlannerUI$1 as default };

package/build/esm/index-7d1ecd79.js

@@ -1,64 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var wcTabGroupItem = "wcTabGroupItem-TP7vT";
-var portrait = "portrait-3cTAf";
-var tablet = "tablet-JA0TU";
-var wcActiveStep = "wcActiveStep-y3S9Y";
-var wcVisitedStep = "wcVisitedStep-yDCqq";
-var wcStepNum = "wcStepNum-6FgQh";
-var css_248z = ".wcTabGroupItem-TP7vT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.portrait-3cTAf.wcTabGroupItem-TP7vT {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.portrait-3cTAf:not(.tablet-JA0TU).wcTabGroupItem-TP7vT {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n  padding: 0 10px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #d8d8d8;\n}\n\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #dcdcdc;\n}\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #cacaca;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.portrait-3cTAf:not(.tablet-JA0TU) .wcStepNum-6FgQh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.portrait-3cTAf:not(.tablet-JA0TU).wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-size: 8px;\n}\n\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
-    children: [viewHandler.uiState.isMobilePortrait ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), t('configurator.' + tabGroup.title, tabGroup.title)]
-  });
-};
-var index = observer(TabGroupItemHorizontalGold);
-
-export { index as default };

package/build/esm/index-7e5dbd84.js

@@ -1,94 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";
-var portrait = "portrait-FCw3Q";
-var landscape = "landscape-KhTSA";
-var expanded = "expanded-pQR-c";
-var wcButton = "wcButton-s5DtR";
-var sel = "sel-1Qm3v";
-var wcViewAs = "wc_ViewAs-y1Kh8";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-ygF4L {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-FCw3Q.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.landscape-KhTSA.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.expanded-pQR-c.wcConfigurator-product-footer-ygF4L {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:active,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:active {\n  background: #616161;\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.wc_ViewAs-y1Kh8 {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.wc_ViewAs-y1Kh8 li {\n  display: block;\n  float: left;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2, _viewHandler$tabGroup3, _viewHandler$tabGroup4, _viewHandler$aiState;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), ['SUMMARY', 'STYLE_CONSULTANT'].includes((_viewHandler$tabGroup3 = (_viewHandler$tabGroup4 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.type) !== null && _viewHandler$tabGroup3 !== void 0 ? _viewHandler$tabGroup3 : '') && ((_viewHandler$aiState = viewHandler.aiState) === null || _viewHandler$aiState === void 0 || (_viewHandler$aiState = _viewHandler$aiState.generatedImageHistory) === null || _viewHandler$aiState === void 0 ? void 0 : _viewHandler$aiState.length) > 0 && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowAIRoom ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.showAIRoom();
-        },
-        children: t('configurator.AiRooms')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-7e7816f5.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-93hIM";
-var button = "button-smefE";
-var sel = "sel-vzSUc";
-var disabled = "disabled-l3E8B";
-var css_248z = ".wrapper-93hIM {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.button-smefE {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.button-smefE:hover,\n.sel-vzSUc {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.button-smefE::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.button-smefE.sel-vzSUc::after {\n  height: 2px;\n}\n\n.button-smefE:hover::after,\n.sel-vzSUc::after {\n  width: 100%;\n  left: 0;\n}\n.disabled-l3E8B.button-smefE:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.disabled-l3E8B.button-smefE::after {\n  background-color: lightgray;\n}\n\n.disabled-l3E8B.button-smefE {\n  color: grey;\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z);
-
-var ReplaceSwitch = function ReplaceSwitch(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper),
-    children: [/*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.setPlannerReplaceMode(false, true);
-      },
-      className: classnames(button, !viewHandler.settingsState.plannerReplaceMode ? sel : undefined),
-      id: "configurator_plan_tab",
-      children: t('configurator.plan')
-    }), /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        if (viewHandler.settingsState.plannerReplaceModeAvailable) viewHandler.paletteViewHandler.setPlannerReplaceMode(true, true);
-      },
-      className: classnames(button, viewHandler.settingsState.plannerReplaceMode ? sel : undefined, !viewHandler.settingsState.plannerReplaceModeAvailable ? disabled : undefined),
-      id: "configurator_replace_tab",
-      children: t('configurator.replace')
-    })]
-  });
-};
-var ReplaceSwitch$1 = observer(ReplaceSwitch);
-
-export { ReplaceSwitch$1 as default };

package/build/esm/index-803c2b6a.js

@@ -1,46 +0,0 @@
-import { u as useViewHandler } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-19015da6.js';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var SettingsExpanderButtons = function SettingsExpanderButtons(props) {
-  var viewHandler = useViewHandler();
-  var hide = viewHandler.settingsState.contentItemId && viewHandler.settingsState.contentItemVisible;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: classnames(wcConfiguratorSettingsExpander, hide ? hidden : undefined),
-      onClick: viewHandler.uiState.onClickExpandConfigSettings
-    }), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
-      children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
-        className: classnames(wcConfiguratorSettingsMaxExpander, hide ? hidden : undefined),
-        onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
-      }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsMinExpander,
-        onClick: viewHandler.uiState.onClickExpandMinConfigSettings
-      })]
-    })]
-  });
-};
-var SettingsExpanderButtons$1 = observer(SettingsExpanderButtons);
-
-export { SettingsExpanderButtons$1 as default };

package/build/esm/index-809dbdf9.js

@@ -1,235 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useState, useEffect } from 'react';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var verticalItem = "verticalItem-NmQDx";
-var wcSpan = "wcSpan-0wnmJ";
-var verticalItemPoligon = "verticalItemPoligon-M44lA";
-var wcActiveStep = "wcActiveStep-ykv3D";
-var wcVisitedStep = "wcVisitedStep-qDdfW";
-var wcStepIcon = "wcStepIcon-7hz1S";
-var css_248z = ".verticalItem-NmQDx {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.wcSpan-0wnmJ {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.verticalItemPoligon-M44lA {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.verticalItemPoligon-M44lA:hover,\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.wcStepIcon-7hz1S {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-ykv3D .wcStepIcon-7hz1S {\n  background-color: white;\n}\n";
-styleInject(css_248z);
-
-var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, baseCdnUrl, tabGroupObj) {
-  var sirvURL = baseCdnUrl + '/static/images/TabIcons/';
-  if (tabGroupObj) {
-    if (tabGroupObj[tabGroup.toLowerCase()]) return sirvURL + tabGroupObj[tabGroup.toLowerCase()];else if (tabGroupObj[tabGroup]) return sirvURL + tabGroupObj[tabGroup];
-  }
-  switch (tabGroup) {
-    case 'StaticRoomList':
-      return sirvURL + 'room.svg';
-    case 'Planner':
-    case 'PRODUCTS':
-    case 'PROMOTED':
-      return sirvURL + 'planner.svg';
-    case 'Summary':
-      return sirvURL + 'summary.svg';
-    case 'Piede':
-    case 'pieds':
-    case 'Fuss':
-    case 'Fuß':
-    case 'Fu':
-    case 'Fsse':
-      return sirvURL + 'feet.svg';
-    case 'Testiera':
-    case 'tte de lit':
-    case 'Kopfteil':
-    case 'Headboard':
-      return sirvURL + 'bed_headboard.svg';
-    case 'materasso':
-    case 'matelas':
-    case 'Matratze':
-    case 'Matratze Zubehr':
-      return sirvURL + 'mattress.svg';
-    case 'dimensioni':
-    case 'dimension':
-    case 'Grsse':
-      return sirvURL + 'dimensions.svg';
-    case 'Topper':
-    case 'surmatelas':
-      return sirvURL + 'topper.svg';
-    case 'Telaio inferiore':
-    case 'box':
-    case 'Untergestell':
-    case 'Box/Untergestell':
-    case 'BoxUntergestell':
-    case 'Box  Bettrahmen':
-    case 'box  cadre de lit':
-    case 'Box':
-    case 'Box inkl Grsse':
-      return sirvURL + 'bed_underframe.svg';
-    case 'Visualizzazione':
-    case 'visualisation':
-    case 'Visualisierung':
-      return sirvURL + 'bed_visualization.svg';
-    case 'Rivestimento':
-    case 'tissu dco':
-    case 'Bezug':
-    case 'Stoff':
-      return sirvURL + 'upholstery.svg';
-    case 'Sitz':
-    case 'Sitztiefe':
-      return sirvURL + 'seat.svg';
-    case 'Armlehne':
-      return sirvURL + 'armrest.svg';
-    case 'ACCESSOIRES':
-      return sirvURL + 'additionalArticles.svg';
-    case 'Rcken':
-      return sirvURL + 'sofaBackrest.svg';
-    case 'Konfiguration':
-      return sirvURL + 'material_config.svg';
-    case 'Zustand':
-      return sirvURL + 'settings_suggest.svg';
-  }
-  return undefined;
-};
-
-var getShapePoints = function getShapePoints(w, h, first, last) {
-  if (first && last) return [[0, h], [0, 0], [w, 0], [w, h]];
-  if (first) return [[0, h - 8], [0, 0], [w, 0], [w, h - 8], [64, h]];
-  if (last) return [[0, h], [0, 0], [64, 8], [w, 0], [w, h]];
-  return [[0, h - 8], [0, 0], [64, 8], [w, 0], [w, h - 8], [64, h]];
-};
-var getRoundedPath = function getRoundedPath(points, radius) {
-  var n = points.length;
-  var parts = [];
-  for (var i = 0; i < n; i++) {
-    var prev = points[(i - 1 + n) % n];
-    var curr = points[i];
-    var next = points[(i + 1) % n];
-    var dx1 = prev[0] - curr[0],
-      dy1 = prev[1] - curr[1],
-      len1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
-    var dx2 = next[0] - curr[0],
-      dy2 = next[1] - curr[1],
-      len2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
-    var r = Math.min(radius, len1 / 2, len2 / 2);
-    var sx = curr[0] + dx1 / len1 * r,
-      sy = curr[1] + dy1 / len1 * r;
-    var ex = curr[0] + dx2 / len2 * r,
-      ey = curr[1] + dy2 / len2 * r;
-    parts.push(i === 0 ? "M".concat(sx, " ").concat(sy) : "L".concat(sx, " ").concat(sy));
-    parts.push("Q".concat(curr[0], " ").concat(curr[1], " ").concat(ex, " ").concat(ey));
-  }
-  parts.push('Z');
-  return parts.join(' ');
-};
-var VerticalTabGroupItemStandard = function VerticalTabGroupItemStandard(_ref) {
-  var _getIconOfTabGroup;
-  var tabGroup = _ref.tabGroup,
-    height = _ref.height,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? 80 : _ref$minHeight,
-    isFirstItem = _ref.isFirstItem,
-    isLastItem = _ref.isLastItem,
-    _ref$wcVisitedStepCla = _ref.wcVisitedStepClass,
-    wcVisitedStepClass = _ref$wcVisitedStepCla === void 0 ? wcVisitedStep : _ref$wcVisitedStepCla,
-    _ref$wcActiveStepClas = _ref.wcActiveStepClass,
-    wcActiveStepClass = _ref$wcActiveStepClas === void 0 ? wcActiveStep : _ref$wcActiveStepClas,
-    _ref$verticalItemPoli = _ref.verticalItemPoligonClass,
-    verticalItemPoligonClass = _ref$verticalItemPoli === void 0 ? verticalItemPoligon : _ref$verticalItemPoli,
-    _ref$wcStepIconClass = _ref.wcStepIconClass,
-    wcStepIconClass = _ref$wcStepIconClass === void 0 ? wcStepIcon : _ref$wcStepIconClass,
-    lastItemDiv = _ref.lastItemDiv;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var width = 128;
-  var tabGroupItemRef = useRef(null);
-  var _useState = useState(8),
-    _useState2 = _slicedToArray(_useState, 2),
-    borderRadius = _useState2[0],
-    setBorderRadius = _useState2[1];
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  if (height < minHeight) {
-    height = minHeight;
-  }
-  var _useDivaCore = useDivaCore(),
-    baseCdnUrl = _useDivaCore.state.apiConfig.baseCdnUrl;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-    if (tabGroupItemRef.current) {
-      var raw = getComputedStyle(tabGroupItemRef.current).getPropertyValue('--globalBorderRadius').trim();
-      if (raw) {
-        var parsed = parseFloat(raw);
-        if (!isNaN(parsed)) setBorderRadius(parsed);
-      }
-    }
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var tabGroupActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var tabGroupVisited = viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr));
-  var shapePoints = getShapePoints(width, height, !!isFirstItem, !!isLastItem);
-  var pathData = getRoundedPath(shapePoints, borderRadius);
-  var icon = (_getIconOfTabGroup = getIconOfTabGroup(tabGroup.key, baseCdnUrl, viewHandler.getViewConfig().tabGroupsIcons)) !== null && _getIconOfTabGroup !== void 0 ? _getIconOfTabGroup : '';
-  var div = /*#__PURE__*/jsxs("div", {
-    "data-test-id": "tabGroupItem",
-    children: [/*#__PURE__*/jsx("div", {
-      className: wcStepIconClass,
-      style: {
-        WebkitMaskImage: 'url(' + icon + ')',
-        maskImage: 'url(' + icon + ')'
-      }
-    }), /*#__PURE__*/jsx("span", {
-      "data-test-id": "tabGroupItemTitle",
-      children: t('configurator.' + tabGroup.title, tabGroup.title)
-    })]
-  });
-  if (isLastItem && lastItemDiv) {
-    div = lastItemDiv;
-  }
-  return /*#__PURE__*/jsxs("svg", {
-    "data-test-id": "tabGroupItemSvg",
-    viewBox: '0 0 ' + width + ' ' + height,
-    ref: tabGroupItemRef,
-    style: {
-      height: height + 'px',
-      minHeight: minHeight
-    },
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(verticalItem, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
-    children: [/*#__PURE__*/jsx("path", {
-      className: classnames(verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
-      d: pathData
-    }), /*#__PURE__*/jsx("foreignObject", {
-      width: "100%",
-      height: "100%",
-      style: {
-        pointerEvents: 'none'
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcSpan, verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
-        children: div
-      })
-    })]
-  });
-};
-var VerticalTabGroupItemStandard$1 = observer(VerticalTabGroupItemStandard);
-
-export { VerticalTabGroupItemStandard$1 as default };