@crystaldesign/diva-web-planner-react 24.12.0-beta.1 → 24.12.0-beta.16

package/build/esm/index-c9cd09e5.js

@@ -0,0 +1,170 @@
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-eacaeac9.js';
+import Product from './index-8ab2912f.js';
+import Settings from './index-44b9a451.js';
+import NavigationButtons from './index-1e2e866e.js';
+import BasketAction from './index-be6eb4fb.js';
+import TabGroup from './index-3701bbd2.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-e46a2aa4.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-b894de80.js';
+import './index-1207317b.js';
+import './index-698a0519.js';
+import './index-d1229b36.js';
+import './index-8e9f826a.js';
+import 'react-laag';
+import './index-2e47813a.js';
+import './index-232363e4.js';
+import './index-f55495b4.js';
+import 'sift';
+import './index-c5d91ede.js';
+import './index-a40aee98.js';
+import './index-588c9427.js';
+import './index-f155e71a.js';
+import './index.module-11244be0.js';
+import './index-1dfc6fda.js';
+import 'react-switch';
+import './index-a4badaba.js';
+import './index-e98568b2.js';
+import 'react-dropdown';
+import './index-e288178e.js';
+import './index-a1eb7268.js';
+import './index-f32d4860.js';
+import './index-6673b39b.js';
+import '@crystaldesign/content-box';
+import './index-97aa8611.js';
+import './index-a850eb91.js';
+import './index-208a8df0.js';
+import './index-1849a36d.js';
+import './index-638e51d9.js';
+import '@crystaldesign/products-component';
+import './index-702d3f78.js';
+import './index-97c336e6.js';
+import './index-0205c003.js';
+import './index-ae605f66.js';
+import './index-004a0740.js';
+import './index-12d31dbc.js';
+import './index-4ed5c8c4.js';
+import './index-3a9125c6.js';
+import './index-7024271d.js';
+import './index-886924db.js';
+import './index-0fce9a97.js';
+import './index-6f7ba55a.js';
+import './index-40886604.js';
+import './index.module-08b17d55.js';
+import './index-5d418b4a.js';
+import './index-5e7609b5.js';
+import './index-506df711.js';
+import './index-f0a9e7fb.js';
+import './index-2c23a901.js';
+import './index-ba834ba8.js';
+import './index-5f0ea75d.js';
+import './index.module-1070d7c4.js';
+import './index-c49b7e40.js';
+import './index-b716fd96.js';
+import './index-c3966c87.js';
+import './index-38a82f92.js';
+import './index-faf18bd6.js';
+import './index-44139822.js';
+import './index-f19f6ed5.js';
+import './index-4b120c4d.js';
+
+var wcConfigurator = "wcConfigurator-8WNGD";
+var landscape = "landscape-fycCb";
+var portrait = "portrait-mcAF6";
+var wcConfiguratorProduct = "wcConfigurator-product-RWY1l";
+var wcConfiguratorSettings = "wcConfigurator-settings-St4gK";
+var wcConfiguratorSteps = "wcConfigurator-steps-fRfjC";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions--47XW";
+var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
+var expanded = "expanded-tbaDC";
+var foldedup = "foldedup-INA5E";
+var settingsHidden = "settings-hidden-dySS8";
+var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-fycCb .wcConfigurator-settings-St4gK {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-product-RWY1l {\n  z-index: 1;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-product-RWY1l {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-St4gK {\n  top: 100%;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-settings-St4gK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-steps-fRfjC {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-settings-actions--47XW,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-actions--47XW {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-action-9vcgt {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.portrait-mcAF6 .progressBar-dd1Kl {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+styleInject(css_248z);
+
+var Ralph = function Ralph(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'right'
+      }), /*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions
+      }), /*#__PURE__*/jsx(BasketAction, {
+        containerClassName: wcConfiguratorAction
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#a81e1e',
+  '--secondaryColor': '#4a4a4a',
+  '--thirdColor': '#f3f3f3',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--galleryItemRadius': '3px',
+  '--galleryItemRowCount': '4',
+  '--galleryItemMargin': '1%',
+  '--galleryItemRowCountSmall': '3',
+  '--galleryItemMarginSmall': '0.5%',
+  '--galleryItemBorderColor': '#e8e9ed83',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--galleryItemBorder': '1px',
+  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '10px',
+  '--settingsScrollerPaddingLeft': '10px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '10px',
+  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))',
+  '--configuratorActionHeight': '40px',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0 , 0.3)',
+  '--itemsMargin': '11.2px 0 0 0'
+};
+var index = observer(Ralph);
+
+export { index as default };

package/build/esm/index-cb50f38d.js

@@ -0,0 +1,123 @@
+import { s as styleInject } from './index-2cafc9c7.js';
+import 'react';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-8701da05.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-fb376c63.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-6d5e44ee.js';
+import PlannerUI from './index-b386ad1f.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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 'mobx-react-lite';
+import './index-153cd5ad.js';
+import './index-42d969aa.js';
+import './index-9d26c3ef.js';
+import './index-0d22342c.js';
+import './index-16d5f594.js';
+import './index-9a17e88a.js';
+import './index-80c0b12d.js';
+import './index-a3024892.js';
+import './index-b7f25ff1.js';
+import './index-03181426.js';
+import './index-07e0fe7c.js';
+import './index-64011d58.js';
+import './index-8395902c.js';
+import 'react-draggable';
+import './index-40cd5b54.js';
+import './index-4a69b4b8.js';
+import './index-c32d262e.js';
+
+var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-BQKmM";
+var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-m3--f";
+var wcBoxPlannerAddElementTop = "wcBoxPlanner_AddElementTop-33QOO";
+var wcBoxPlannerAddElementRight = "wcBoxPlanner_AddElementRight-j1vdU";
+var css_248z = ".wcBoxPlanner_AddElement-BQKmM {\n  border-radius: 0px !important;\n}\n\n.wcBoxPlanner_AddElement-BQKmM {\n  height: 50px;\n  width: 50px;\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: -50px;\n}\n\n.wcBoxPlanner_AddElementLeft-m3--f {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n  margin-left: -25px;\n}\n\n.wcBoxPlanner_AddElementTop-33QOO {\n  background-position: center center !important;\n}\n\n.wcBoxPlanner_AddElementTop-33QOO {\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBoxPlanner_AddElementRight-j1vdU {\n  margin-left: -15px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22lightgrey%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var StandardPlannerUI = function StandardPlannerUI() {
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  var plannerUIProps = {
+    classes: {
+      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
+      dockingPoint: {
+        AVL: {
+          avl: wcUi2DDpAvl,
+          avlSel: wcUi2DDpAvlSel
+        },
+        AVR: {
+          avr: wcUi2DDpAvr,
+          avrSel: wcUi2DDpAvrSel
+        },
+        DPACC: {
+          dp2DAccDocking: wcUi2DDpAvDocking,
+          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
+          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
+          dp3DAccDocking: wcUi3DDpAvDocking,
+          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
+          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
+        }
+      },
+      copy: {
+        BoxPlannerCopy: {
+          copyGlobal: wcBoxPlannerAddElement,
+          copyLeft: wcBoxPlannerAddElementLeft,
+          copyTop: wcBoxPlannerAddElementTop,
+          copyRight: wcBoxPlannerAddElementRight
+        },
+        ElementCopy: wcUiCopy
+      },
+      outline: {
+        outline2D: {
+          draggable: wcUi2DOutlineDraggable,
+          draggableActive: wcUi2DOutlineDraggableActive,
+          selectable: wcUi2DOutlineSelectable
+        },
+        outline3D: {
+          outlineSVG: wc3DOutlineSvg,
+          outlinePolygon: wc3DOutlinePolygon,
+          outlinePolygonContours: wc3DOutlinePolygonContours,
+          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
+        }
+      },
+      posNr: {
+        posNr: wcPlannerPosNr,
+        posNrAcc: '',
+        posNrSelectable: wcPlannerPosNrSelectable,
+        posNrSelectableArea: wcPlannerPosNrSelectableArea,
+        posNrSelected: wcPlannerPosNrSelected,
+        posNrUnSelectable: wcPlannerPosNrUnSelectable,
+        posNrOnHover: wcPlannerPosNrOnHover
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: wcUiDel,
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+
+export { StandardPlannerUI as default };

package/build/esm/index-cf3f2b9e.js

@@ -0,0 +1,48 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { u as useViewHandler } from './index-2cafc9c7.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-ca21cd77.js';
+import classnames from 'classnames';
+import ReactJson from 'react-json-view';
+import { 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/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var _excluded = ["json", "isExpanded", "collapsed"];
+var JsonViewer = function JsonViewer(_ref) {
+  var json = _ref.json,
+    isExpanded = _ref.isExpanded,
+    _ref$collapsed = _ref.collapsed,
+    collapsed = _ref$collapsed === void 0 ? 1 : _ref$collapsed;
+    _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames(reactJson, isExpanded ? reactJsonExpanded : undefined),
+      children: /*#__PURE__*/jsx(ReactJson, {
+        collapseStringsAfterLength: false,
+        enableClipboard: false,
+        collapsed: collapsed,
+        displayDataTypes: false,
+        displayObjectSize: false,
+        shouldCollapse: false,
+        theme: 'ashes',
+        src: json
+      }, viewHandler.settingsState.configChanged)
+    })
+  });
+};
+var JsonViewer$1 = observer(JsonViewer);
+
+export { JsonViewer$1 as default };

package/build/esm/index-d1229b36.js

@@ -0,0 +1,52 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-2cafc9c7.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-8e9f826a.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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 'react-laag';
+import './index-2e47813a.js';
+import 'classnames';
+
+var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var allAreActive = true;
+  for (var key in viewHandler.settingsState.articleInfos) {
+    if (!viewHandler.settingsState.articleInfos[key].isActive) {
+      allAreActive = false;
+    }
+  }
+  var keys = Object.keys(viewHandler.settingsState.articleInfos).map(function (key) {
+    return Number(key);
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: wcConfiguratorSettingsHeaderActElements,
+    children: [t('configurator.ARTICLE_INFOS_DATA'), keys.sort(function (a, b) {
+      return a - b;
+    }).map(function (key) {
+      return /*#__PURE__*/jsx(SettingsPosNr$1, {
+        allAreActive: allAreActive,
+        id: key.toString()
+      }, key);
+    })]
+  });
+};
+var SettingsPosNr = observer(SettingsPosNrContainer);
+
+export { SettingsPosNr as default };

package/build/esm/index-d262d9d2.js

@@ -0,0 +1,91 @@
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import ProductRoomList from './index-61eca881.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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';
+
+var wcNav3DToolbar = "wc_Nav3DToolbar-dFNdl";
+var wrapper = "wrapper-AVxdB";
+var wcZoomIn = "wcZoomIn-Zt83g";
+var wcZoomOut = "wcZoomOut-sVnrQ";
+var wcFullScreen = "wcFullScreen-YrF3k";
+var wcReset = "wcReset-b3nN-";
+var wc3DDimLine = "wc3DDimLine-qXO6b";
+var css_248z = ".wc_Nav3DToolbar-dFNdl {\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 400;\n  margin: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.wrapper-AVxdB {\n  background: rgba(254, 254, 254, 0.9);\n  height: 20px;\n  margin-right: 5px;\n  display: flex;\n  flex-direction: row;\n  line-height: 24px;\n\n  padding: 0.6rem 0.5rem 0.9rem 0.5rem;\n}\n.wrapper-AVxdB:hover {\n  background: #fefefe;\n  color: var(--primaryColor);\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.wc_Nav3DToolbar-dFNdl .wrapper-AVxdB div {\n  width: 25.6px;\n  height: 25.6px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center center;\n  transition: background-color 0.15s ease;\n}\n\n/*------------------------Nav Icons--------------------------------------*/\n\n/* pfister */\n.wcZoomIn-Zt83g {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2224%22 viewBox%3D%220 0 26 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.13434 17.3731C13.8328 17.3731 17.6417 13.6079 17.6417 8.96328C17.6417 4.31867 13.8328 0.553467 9.13434 0.553467C4.43584 0.553467 0.626953 4.31867 0.626953 8.96328C0.626953 13.6079 4.43584 17.3731 9.13434 17.3731Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M24.868 22.6179L15.6235 14.5441%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.56201 8.96326H13.7097%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M9.13379 4.44189V13.4847%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomOut-sVnrQ {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.69615 16.6951C12.9919 16.6951 16.4743 13.2526 16.4743 9.00611C16.4743 4.75961 12.9919 1.31714 8.69615 1.31714C4.40038 1.31714 0.917969 4.75961 0.917969 9.00611C0.917969 13.2526 4.40038 16.6951 8.69615 16.6951Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M23.0816 21.4903L14.6631 14.1379%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.51465 9.0061H12.8783%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFullScreen-YrF3k {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M19.5811 10.3625V16.9734C19.5811 18.5633 18.4933 19.9023 17.2381 19.9023H2.76106C1.42215 19.9023 0.417969 18.5633 0.417969 16.9734V3.75162C0.417969 2.16167 1.50583 0.822754 2.76106 0.822754H9.87404%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.5813 0.822754L10.46 9.94409%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M13.7236 0.822754H19.5814V6.59681%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2220%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0 0.404297)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n\n.wcReset-b3nN- {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n\n.wc3DDimLine-qXO6b {\n  width: 32px !important;\n  height: 30px !important;\n  margin-top: -3px !important;\n  margin-left: -5px !important;\n  margin-right: -5px !important;\n}\n\n.wc3DDimLine-qXO6b {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 15 12%22 style%3D%22enable-background%3Anew 0 0 15 12%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3B %7D%09.st1%7Bfill%3A%237E7E7E%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M14.8%2C1.3c0-0.6-0.5-1.2-1.2-1.2H1.4c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v9.4c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2h12.2%09c0.6%2C0%2C1.2-0.5%2C1.2-1.2C14.8%2C10.7%2C14.8%2C1.3%2C14.8%2C1.3z%22%2F%3E%3Cg%3E%09%3Cpath class%3D%22st1%22 d%3D%22M12.9%2C2.9c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v5.8c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2S13%2C9%2C13%2C8.9V3.1C13%2C3%2C12.9%2C2.9%2C12.9%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M2.1%2C2.9C2.1%2C2.9%2C2%2C3%2C2%2C3.1v5.8C2%2C9%2C2.1%2C9.1%2C2.1%2C9.1c0.1%2C0%2C0.2-0.1%2C0.2-0.2V3.1C2.3%2C3%2C2.2%2C2.9%2C2.1%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M10.3%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0C10.1%2C5%2C10%2C5%2C10%2C5.1v0.8H5V5.1C5%2C5%2C4.9%2C5%2C4.9%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0l-1.5%2C1%09%09c0%2C0-0.1%2C0.1-0.1%2C0.1c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1l1.5%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0C4.9%2C7.1%2C5%2C7.1%2C5%2C7V6.2H10V7c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1%09%09c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l1.5-1c0%2C0%2C0.1-0.1%2C0.1-0.1c0-0.1%2C0-0.1-0.1-0.1L10.3%2C4.9z M4.6%2C6.7L3.6%2C6l1-0.6V6.7z M10.4%2C6.7%09%09V5.4l1%2C0.6L10.4%2C6.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var NavBar = function NavBar(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(wcNav3DToolbar),
+      children: [!viewHandler.productState.plannerRenderingIsStaticBG && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DViews');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcReset,
+            title: t('configurator.NAV3DVIEWS_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomIn,
+            title: t('configurator.NAV3DZOOMIN_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomOut,
+            title: t('configurator.NAV3DZOOMOUT_TT')
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wc3DDimLine,
+          title: t('configurator.NAV3DDIMLINE_TT')
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wcFullScreen,
+          title: t('configurator.NAV3DFULLSCREEN_TT')
+        })
+      })]
+    }), /*#__PURE__*/jsx(ProductRoomList, {})]
+  });
+};
+var index = observer(NavBar);
+
+export { index as default };

package/build/esm/index-d428abee.js

@@ -0,0 +1,80 @@
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var wcConfiguratorProductFooter = "wcConfigurator-product-footer-BQAEt";
+var portrait = "portrait-dDB1V";
+var settingsHidden = "settings-hidden-p8yxj";
+var landscape = "landscape-U5rkX";
+var expanded = "expanded-ENaC6";
+var wcButton = "wcButton-ejK-0";
+var wcFoto = "wcFoto-w00Jj";
+var sel = "sel-BDwTn";
+var wcGrid = "wcGrid-W7T4M";
+var wcAccessorie = "wcAccessorie-pXi-s";
+var wcRtv = "wcRtv-AT3Rr";
+var wcViewAs = "wc_ViewAs-pTwrO";
+var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-BQAEt {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-BQAEt {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-dDB1V.wcConfigurator-product-footer-BQAEt {\n  display: none;\n}\n\n.portrait-dDB1V.settings-hidden-p8yxj.wcConfigurator-product-footer-BQAEt {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-dDB1V.settings-hidden-p8yxj.wcConfigurator-product-footer-BQAEt {\n  bottom: 20px;\n}\n\n.landscape-U5rkX.settings-hidden-p8yxj.wcConfigurator-product-footer-BQAEt {\n  position: absolute;\n  display: block;\n  bottom: 20px;\n  height: 40px;\n}\n\n.expanded-ENaC6.wcConfigurator-product-footer-BQAEt {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0 {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  min-width: 0;\n  min-width: initial;\n  margin: 0 0.5rem;\n  background-size: contain;\n  background-position: center center;\n  cursor: pointer;\n  transition: background-color 0.4s;\n  background-size: 80%;\n}\n\n.landscape-U5rkX .wcButton-ejK-0 {\n  width: 40px;\n  height: 40px;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2236%22 viewBox%3D%220 0 37 36%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 22.7265C8.1201 22.474 8.10558 22.2201 8.10557 21.966V14.034C8.09599 12.3106 8.77144 10.654 9.9833 9.42865C11.1952 8.20328 12.8442 7.50952 14.5676 7.5H22.6436C24.367 7.50952 26.016 8.20328 27.2278 9.42865C28.4397 10.654 29.1151 12.3106 29.1056 14.034V21.966C29.1151 23.6894 28.4397 25.346 27.2278 26.5714C26.016 27.7967 24.367 28.4905 22.6436 28.5H14.5676C11.2725 28.4843 8.51236 26.0015 8.14907 22.7265ZM8.14907 22.7265C8.95396 22.005 9.7017 21.2222 10.3856 20.3851C11.3976 19.0159 13.191 18.4778 14.7896 19.0636C18.5756 20.2636 21.9551 24.6721 25.1966 22.3801C26.387 21.4717 27.3084 20.2569 27.8621 18.8656C28.1879 18.1013 28.6054 17.3795 29.1056 16.7161M14.1851 12.8189C14.1851 13.2389 13.8446 13.5794 13.4246 13.5794C13.0046 13.5794 12.6641 13.2389 12.6641 12.8189C12.6641 12.3989 13.0046 12.0584 13.4246 12.0584C13.8446 12.0584 14.1851 12.3989 14.1851 12.8189Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2237%22 viewBox%3D%220 0 37 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 23.0289C8.1201 22.7764 8.10558 22.5225 8.10557 22.2684V14.3364C8.09599 12.613 8.77144 10.9564 9.9833 9.73101C11.1952 8.50565 12.8442 7.81189 14.5676 7.80237H22.6436C24.367 7.81189 26.016 8.50565 27.2278 9.73101C28.4397 10.9564 29.1151 12.613 29.1056 14.3364V22.2684C29.1151 23.9918 28.4397 25.6484 27.2278 26.8737C26.016 28.0991 24.367 28.7928 22.6436 28.8024H14.5676C11.2725 28.7867 8.51236 26.3039 8.14907 23.0289ZM8.14907 23.0289C8.95396 22.3073 9.7017 21.5246 10.3856 20.6874C11.3976 19.3183 13.191 18.7802 14.7896 19.3659C18.5756 20.5659 21.9551 24.9744 25.1966 22.6824C26.387 21.774 27.3084 20.5593 27.8621 19.1679C28.1879 18.4037 28.6054 17.6819 29.1056 17.0184M14.1851 13.1213C14.1851 13.5413 13.8446 13.8818 13.4246 13.8818C13.0046 13.8818 12.6641 13.5413 12.6641 13.1213C12.6641 12.7013 13.0046 12.3608 13.4246 12.3608C13.8446 12.3608 14.1851 12.7013 14.1851 13.1213Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2237%22 viewBox%3D%220 0 37 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 23.0289C8.1201 22.7764 8.10558 22.5225 8.10557 22.2684V14.3364C8.09599 12.613 8.77144 10.9564 9.9833 9.73101C11.1952 8.50565 12.8442 7.81189 14.5676 7.80237H22.6436C24.367 7.81189 26.016 8.50565 27.2278 9.73101C28.4397 10.9564 29.1151 12.613 29.1056 14.3364V22.2684C29.1151 23.9918 28.4397 25.6484 27.2278 26.8737C26.016 28.0991 24.367 28.7928 22.6436 28.8024H14.5676C11.2725 28.7867 8.51236 26.3039 8.14907 23.0289ZM8.14907 23.0289C8.95396 22.3073 9.7017 21.5246 10.3856 20.6874C11.3976 19.3183 13.191 18.7802 14.7896 19.3659C18.5756 20.5659 21.9551 24.9744 25.1966 22.6824C26.387 21.774 27.3084 20.5593 27.8621 19.1679C28.1879 18.4037 28.6054 17.6819 29.1056 17.0184M14.1851 13.1213C14.1851 13.5413 13.8446 13.8818 13.4246 13.8818C13.0046 13.8818 12.6641 13.5413 12.6641 13.1213C12.6641 12.7013 13.0046 12.3608 13.4246 12.3608C13.8446 12.3608 14.1851 12.7013 14.1851 13.1213Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2218%22 viewBox%3D%220 0 35 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13L17.3008 17L9.30078 13M25.3008 13L17.3008 9M25.3008 13L33.3008 9L25.3008 5M9.30078 13L17.3008 9M9.30078 13L1.30078 9L9.30078 5M17.3008 9L25.3008 5M17.3008 9L9.30078 5M25.3008 5L17.3008 1L9.30078 5%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2219%22 viewBox%3D%220 0 35 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13.3024L17.3008 17.3024L9.30078 13.3024M25.3008 13.3024L17.3008 9.30237M25.3008 13.3024L33.3008 9.30237L25.3008 5.30237M9.30078 13.3024L17.3008 9.30237M9.30078 13.3024L1.30078 9.30237L9.30078 5.30237M17.3008 9.30237L25.3008 5.30237M17.3008 9.30237L9.30078 5.30237M25.3008 5.30237L17.3008 1.30237L9.30078 5.30237%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2219%22 viewBox%3D%220 0 35 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13.3024L17.3008 17.3024L9.30078 13.3024M25.3008 13.3024L17.3008 9.30237M25.3008 13.3024L33.3008 9.30237L25.3008 5.30237M9.30078 13.3024L17.3008 9.30237M9.30078 13.3024L1.30078 9.30237L9.30078 5.30237M17.3008 9.30237L25.3008 5.30237M17.3008 9.30237L9.30078 5.30237M25.3008 5.30237L17.3008 1.30237L9.30078 5.30237%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcAccessorie-pXi-s.wcButton-ejK-0 {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23F5F5F5%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.8%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%234B4B4B%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.9%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%234B4B4B%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.9%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  border: 1px solid white;\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcRtv-AT3Rr.wcButton-ejK-0 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2236%22 viewBox%3D%220 0 36 36%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.3039V20.413M17.5 15.3039L13.8478 13.9348M17.5 15.3039L21.1522 13.9348M7 11.6526V16.3039M7 11.6526L10.6522 13.0217M7 11.6526L9.39674 10.7395M28 16.3039V11.6526M28 11.6526L24.3478 13.0217M28 11.6526L25.0326 10.5221M17.5 8V11.6522M17.5 8L13.8478 9.39148M17.5 8L21.1522 9.39148M28 24.4789V20M28 24.4789L24.3478 22.7994M28 24.4789L25.6033 25.599M7 20V24.4789M7 24.4789L10.6522 22.7994M7 24.4789L9.96739 25.8657M17.5 28.9594V24.4794M17.5 28.9594L21.1522 27.2525M17.5 28.9594L13.8478 27.2525%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2237%22 viewBox%3D%220 0 36 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.6063V20.7154M17.5 15.6063L13.8478 14.2372M17.5 15.6063L21.1522 14.2372M7 11.955V16.6063M7 11.955L10.6522 13.3241M7 11.955L9.39674 11.0418M28 16.6063V11.955M28 11.955L24.3478 13.3241M28 11.955L25.0326 10.8244M17.5 8.30237V11.9545M17.5 8.30237L13.8478 9.69385M17.5 8.30237L21.1522 9.69385M28 24.7812V20.3023M28 24.7812L24.3478 23.1018M28 24.7812L25.6033 25.9014M7 20.3023V24.7812M7 24.7812L10.6522 23.1018M7 24.7812L9.96739 26.1681M17.5 29.2618V24.7818M17.5 29.2618L21.1522 27.5549M17.5 29.2618L13.8478 27.5549%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2237%22 viewBox%3D%220 0 36 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.6063V20.7154M17.5 15.6063L13.8478 14.2372M17.5 15.6063L21.1522 14.2372M7 11.955V16.6063M7 11.955L10.6522 13.3241M7 11.955L9.39674 11.0418M28 16.6063V11.955M28 11.955L24.3478 13.3241M28 11.955L25.0326 10.8244M17.5 8.30237V11.9545M17.5 8.30237L13.8478 9.69385M17.5 8.30237L21.1522 9.69385M28 24.7812V20.3023M28 24.7812L24.3478 23.1018M28 24.7812L25.6033 25.9014M7 20.3023V24.7812M7 24.7812L10.6522 23.1018M7 24.7812L9.96739 26.1681M17.5 29.2618V24.7818M17.5 29.2618L21.1522 27.5549M17.5 29.2618L13.8478 27.5549%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n/* ViewAs  */\n.wc_ViewAs-pTwrO {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  margin-bottom: 16px;\n  padding: 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-pTwrO li {\n  display: block;\n  float: left;\n}\n";
+styleInject(css_248z);
+
+var ProductFooter = function ProductFooter(props) {
+  var _viewHandler$divaWebP, _viewHandler$tabGroup;
+  var viewHandler = useViewHandler();
+  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
+  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.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
+    children: /*#__PURE__*/jsxs("ul", {
+      className: wcViewAs,
+      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcFoto, viewHandler.productState.doShow3DComb ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('3DCOMB');
+        }
+      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("li", {
+          className: classnames(wcButton, wcFoto, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
+          onClick: function onClick() {
+            return viewHandler.productState.onChangePlannerView('3D');
+          }
+        }), ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'SUMMARY' && renderings.map(function (rendering) {
+          var _viewHandler$productS;
+          return /*#__PURE__*/jsx("li", {
+            className: classnames(wcButton, wcAccessorie, 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);
+            }
+          });
+        })]
+      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcGrid, viewHandler.productState.doShowGrid ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('2D');
+        }
+      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcRtv, viewHandler.productState.doShowRTV ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('RTV');
+        }
+      })]
+    })
+  });
+};
+var index = observer(ProductFooter);
+
+export { index as default };