@crystaldesign/diva-web-planner-react 25.2.1 → 25.2.2

package/build/esm/index-63400ac7.js

@@ -0,0 +1,95 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-3e5bc115.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 '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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
+var container = "container-1HnE3";
+var vertical = "vertical-b9yq0";
+var button = "button-iKgxi";
+var back = "back-iTC3X";
+var forth = "forth-mornI";
+var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
+var isOnLastStep = "isOnLastStep-f7nk8";
+var isOnFirstStep = "isOnFirstStep-D7seC";
+var landscape = "landscape-RR2TR";
+var portrait = "portrait-XTm5H";
+var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon"];
+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 ActionNavigation = function ActionNavigation(_ref) {
+  var className = _ref.className,
+    showBackButtonText = _ref.showBackButtonText,
+    backOverwrite = _ref.backOverwrite,
+    forthOverwrite = _ref.forthOverwrite,
+    showNextButtonIcon = _ref.showNextButtonIcon,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: !viewHandler.uiState.configSettingsIsHidden && /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(className, wcConfiguratorSettingsActions, viewHandler.actionButtonState.isOnFirstStep ? isOnFirstStep : undefined, viewHandler.actionButtonState.isOnFirstStepDisabled ? isOnFirstStepDisabled : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
+      children: /*#__PURE__*/jsxs("div", {
+        className: container,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: classnames(button, back, backOverwrite),
+          onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsBack,
+          children: [!showBackButtonText && /*#__PURE__*/jsx("svg", {
+            width: "12",
+            height: "22",
+            viewBox: "0 0 12 22",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/jsx("path", {
+              d: "M11 1L1 11L11 21",
+              stroke: "var(--navigateBack, var(--secondaryColor))",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            })
+          }), showBackButtonText && t('configurator.Back')]
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(button, forth, forthOverwrite),
+          onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsForth,
+          id: "wcConfigurator-action-next",
+          children: [t('configurator.Next'), showNextButtonIcon && /*#__PURE__*/jsx("svg", {
+            width: "12",
+            height: "22",
+            viewBox: "0 0 12 22",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/jsx("path", {
+              d: "M11 1L1 11L11 21",
+              stroke: "var(--navigateForthFontColor, #ffffff)",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            })
+          })]
+        })]
+      })
+    }))
+  });
+};
+var ActionNavigation$1 = observer(ActionNavigation);
+
+export { ActionNavigation$1 as default };

package/build/esm/index-6488937d.js

@@ -0,0 +1,139 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-3e5bc115.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import ProductHeaderFunction from './index-a0dd2673.js';
+import { ContentBoxComponent } from '@crystaldesign/content-box';
+import ContentItemWrapper from './index-ff8653b3.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/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 '@crystaldesign/widget-contact-form';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+
+var wrapper = "wrapper-y4VmL";
+var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
+var portrait = "portrait-Otsjq";
+var expanded = "expanded-rNRc-";
+var functionWrapper = "functionWrapper-3sgkI";
+var landscape = "landscape-TuCY-";
+var contentBoxWrapper = "content-box-wrapper-KgSZb";
+var maxExpanded = "max-Expanded-4m94C";
+var textbackground = "textbackground-F3b8W";
+var wcPriceinfo = "wcPriceinfo-Zmaer";
+var wcFormattedprice = "wcFormattedprice-sdLxf";
+var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
+var fullscreen = "fullscreen-94axf";
+var room = "room-NxmMf";
+var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.portrait-Otsjq .wcConfiguratorProductHeader-W1oWZ {\n  margin: 12px 0 16px 16px;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
+styleInject(css_248z);
+
+var ProductHeader = function ProductHeader(_ref) {
+  var hidePrice = _ref.hidePrice,
+    productClass = _ref.productClass;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    hidePrices = _useDivaCore$state.hidePrices,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+  var headerContentBoxProps = viewHandler.getViewConfig().productHeaderContentBox;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    dimensions = _useState2[0],
+    setDimensions = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dimOnlyForOneArticle = _useState4[0],
+    setDimOnlyForOneArticle = _useState4[1];
+  var hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
+  useEffect(function () {
+    var _viewHandler$productS;
+    if (isMobile && !isTablet || !viewHandler.divaWebPlanner.actSet()) return;
+    (_viewHandler$productS = viewHandler.productState.customDimensions) === null || _viewHandler$productS === void 0 || _viewHandler$productS.then(function (res) {
+      setDimensions(res);
+      var dict = res.reduce(function (basketIdsDict, d) {
+        if (!basketIdsDict[d.dimensionId]) {
+          basketIdsDict[d.dimensionId] = [d.dimension];
+        } else if (!basketIdsDict[d.dimensionId].includes(d.dimension)) basketIdsDict[d.dimensionId].push(d.dimension);
+        return basketIdsDict;
+      }, {});
+      setDimOnlyForOneArticle(!Object.values(dict).find(function (v) {
+        return v.length > 1;
+      }));
+    });
+  }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.productState.plannerRenderingIsStaticBG ? room : undefined, fullscreen),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: wcConfiguratorProductHeader,
+      "data-test-id": "configProductHeader",
+      children: [!hideWebConfiguratorTitle && /*#__PURE__*/jsx("h1", {
+        "data-test-id": "productHeaderTitle",
+        children: viewHandler.productState.webConifguratorTitle
+      }), /*#__PURE__*/jsxs("div", {
+        className: textbackground,
+        children: [!hidePrices && !hidePrice && /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsxs("span", {
+            className: wcPriceinfo,
+            "data-test-id": "productHeaderPriceInfo",
+            children: [' ', t('configurator.PRICE_INFO')]
+          }), /*#__PURE__*/jsxs("span", {
+            className: wcFormattedprice,
+            "data-test-id": "productHeaderFormattedPrice",
+            children: [' ', viewHandler.productState.formatedCurSetPrice]
+          }), viewHandler.productState.formatedBruttoPrice && !viewHandler.getViewConfig().hideRabattPrice && /*#__PURE__*/jsxs("span", {
+            className: wcFormattedBruttoPrice,
+            "data-test-id": "productHeaderFormattedBruttoPrice",
+            children: [' ', viewHandler.productState.formatedBruttoPrice]
+          })]
+        }), !!(dimensions !== null && dimensions !== void 0 && dimensions.length) && dimensions.map(function (dimension) {
+          var _dimension$text, _dimension$dimension;
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsxs("span", {
+              className: wcPriceinfo,
+              children: [(_dimension$text = dimension.text) !== null && _dimension$text !== void 0 ? _dimension$text : t('configurator.headerdimension.' + dimension.dimensionId), ' ', !dimOnlyForOneArticle && '(' + dimension.posNrs.join(',') + ')', ":", ' ']
+            }), /*#__PURE__*/jsxs("span", {
+              className: wcFormattedprice,
+              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " ", dimension.unit]
+            })]
+          });
+        })]
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: functionWrapper,
+      children: /*#__PURE__*/jsx(ProductHeaderFunction, {})
+    }), !viewHandler.uiState.isMobileLandscape && viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
+      className: contentBoxWrapper,
+      children: /*#__PURE__*/jsx(ContentItemWrapper, {
+        noWrapper: true,
+        id: viewHandler.productState.currentBanner.contentItemId
+      })
+    }), headerContentBoxProps && !viewHandler.uiState.isMobileLandscape && !viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
+      className: contentBoxWrapper,
+      children: /*#__PURE__*/jsx(ContentBoxComponent, {
+        settings: {
+          contentBoxProps: headerContentBoxProps
+        }
+      })
+    })]
+  });
+};
+var ProductHeader$1 = observer(ProductHeader);
+
+export { ProductHeader$1 as default };

package/build/esm/index-656c3834.js

@@ -0,0 +1,112 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-3e5bc115.js';
+import { useRef, useEffect } from 'react';
+import ProductHeader from './index-f571b7db.js';
+import ContentItemWrapper from './index-ff8653b3.js';
+import ProductSettings from './index-a6ef37e7.js';
+import ProductCenter from './index-0023169b.js';
+import ProductFooter from './index-8509171d.js';
+import ProductInfo from './index-85264fc4.js';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 '@crystaldesign/widget-contact-form';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+import 'classnames';
+import './index-9e0e8d60.js';
+import 'sift';
+import './index-1e7acf28.js';
+import './index-318cfd67.js';
+import './index-154089e1.js';
+import './index-eb627457.js';
+import './index-98ad08ca.js';
+import './index.module-4753c791.js';
+import './index-57794995.js';
+import 'react-switch';
+import './index-d729fdd9.js';
+import './index-ecb29558.js';
+import './index-56bb1eca.js';
+import 'react-dropdown';
+import './index-1cab3086.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-5832c326.js';
+import './index-500e805b.js';
+import './index-8687e62b.js';
+import '@crystaldesign/content-box';
+import './index-b3060f6d.js';
+import './index-fd4e665a.js';
+import './index-c1b5b839.js';
+import './index-e9afa723.js';
+import './index-62fb7716.js';
+import './index-f6e84e83.js';
+import 'react-laag';
+import './index-4936df83.js';
+import './index-d3ce0ff4.js';
+import './index-7e01a0e3.js';
+import './index-e10a7c85.js';
+import './index-b36cfbb2.js';
+import './index-4212c163.js';
+import './index-a0355bb1.js';
+import './index-027c5ccf.js';
+import './index-5280e94a.js';
+import './index-01314ab6.js';
+import './index.module-174a1ed7.js';
+import './index-0ce063c2.js';
+import './index-31247e92.js';
+import './index-f975c45e.js';
+import './index-b0c44e57.js';
+import './index-e531596b.js';
+import './index-3b79ef0f.js';
+import './index-84c4a814.js';
+import './index.module-5d729d9e.js';
+import './index-9dea7f50.js';
+import './index-ede3a600.js';
+import './index-97d7e6b6.js';
+import './index-6b4c3883.js';
+import './index-4a8feaad.js';
+import './index.module-66f5af73.js';
+import './index-ebf49b78.js';
+import './index-e3508a20.js';
+import './index-064cba8d.js';
+import './index-fde74a29.js';
+import './index-29edaaab.js';
+import './index-74bd04d2.js';
+import './index-b4ed6988.js';
+import './index-5e6a92ed.js';
+import './index-12b7ba74.js';
+import './index-3c87e587.js';
+import 'react-qr-code';
+import './index-cb3ed913.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 Product = function Product(props) {
+  var viewHandler = useViewHandler();
+  var productElement = useRef(null);
+  useEffect(function () {
+    if (!productElement) return;
+    viewHandler.productState.setProductElement(productElement.current);
+  }, [productElement]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    ref: productElement,
+    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
+      id: viewHandler.settingsState.contentItemId,
+      startPos: "right"
+    })]
+  }));
+};
+var Product$1 = observer(Product);
+
+export { Product$1 as default };

package/build/esm/index-66b10a32.js

@@ -0,0 +1,99 @@
+import { s as styleInject, u as useViewHandler } from './index-3e5bc115.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import { jsx, 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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var configuratorTabGroup = "Configurator-tabGroup-DK2Gs";
+var configuratorTabGroupTitle = "Configurator-tabGroupTitle-3xPwf";
+var configuratorSpec = "Configurator-spec-oPYns";
+var configuratorSpecThumb = "Configurator-spec-thumb-zZsc4";
+var configuratorSpecTextContainer = "Configurator-spec-text-Container-qZRM5";
+var configuratorSpecCat = "Configurator-spec-cat-qGdqW";
+var configuratorSpecOption = "Configurator-spec-option-WwGgo";
+var isNotDefined = "isNotDefined-EwkSz";
+var configuratorSpecNotDefined = "configurator-spec-not-defined-oO1-l";
+var configuratorSpecPrice = "Configurator-spec-price-IXdTc";
+var configuratorSpecPosNr = "Configurator-spec-posNr-qjwMj";
+var configuratorSpecBtn = "Configurator-spec-btn-LlCEw";
+var configuratorSpecNotExpanded = "Configurator-spec-not-expanded--LVB-";
+var css_248z = "/*Summary*/\n.Configurator-tabGroup-DK2Gs {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.Configurator-tabGroupTitle-3xPwf {\n  font-weight: 300;\n}\n\n.Configurator-spec-oPYns {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.Configurator-spec-oPYns > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.Configurator-spec-oPYns > div > span,\n.Configurator-spec-oPYns > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.Configurator-spec-thumb-zZsc4 {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.Configurator-spec-text-Container-qZRM5 {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.Configurator-spec-cat-qGdqW {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.Configurator-spec-option-WwGgo {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: calc(28% - 3rem);\n}\n\n.configurator-spec-not-defined-oO1-l {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3Csvg height%3D%2232px%22 version%3D%221.1%22 viewBox%3D%220 0 32 32%22 width%3D%2232px%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22%3E%3Cg fill%3D%22%23929292%22 id%3D%22icon-61-warning%22%3E%3Cpath d%3D%22M15.4242327%2C5.14839275 C16.2942987%2C3.74072976 17.707028%2C3.74408442 18.5750205%2C5.14839275 L29.3601099%2C22.59738 C30.5216388%2C24.4765951 29.6755462%2C26 27.4714068%2C26 L6.5278464%2C26 C4.32321557%2C26 3.47386317%2C24.4826642 4.63914331%2C22.59738 L15.4242327%2C5.14839275 L15.4242327%2C5.14839275 Z M16.353181%2C5.5229211 C16.7005152%2C4.96165163 17.2647678%2C4.9634187 17.6110318%2C5.52292108 L28.6162937%2C23.3055078 C29.1954663%2C24.2413498 28.7622271%2C24.9999996 27.6746349%2C24.9999996 L6.29039231%2C25 C5.19115596%2C25 4.76644971%2C24.2463265 5.34866262%2C23.3055082 L16.353181%2C5.5229211 L16.353181%2C5.5229211 Z M17%2C11 C16.4477153%2C11 16%2C11.4530363 16%2C11.9970301 L16%2C18.0029699 C16%2C18.5536144 16.4438648%2C19 17%2C19 C17.5522847%2C19 18%2C18.5469637 18%2C18.0029699 L18%2C11.9970301 C18%2C11.4463856 17.5561352%2C11 17%2C11 L17%2C11 Z M17%2C23 C17.5522848%2C23 18%2C22.5522848 18%2C22 C18%2C21.4477152 17.5522848%2C21 17%2C21 C16.4477152%2C21 16%2C21.4477152 16%2C22 C16%2C22.5522848 16.4477152%2C23 17%2C23 L17%2C23 Z%22 id%3D%22warning%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-option-WwGgo:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.Configurator-spec-price-IXdTc {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.Configurator-spec-posNr-qjwMj {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.Configurator-spec-posNr-qjwMj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.Configurator-spec-btn-LlCEw {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.Configurator-spec-btn-LlCEw:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.Configurator-spec-not-expanded--LVB-,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-text-Container-qZRM5 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > .isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: 100%;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.configurator-spec-not-defined-oO1-l {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.Configurator-spec-posNr-qjwMj {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-option-WwGgo:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .Configurator-spec-oPYns,\n  .Configurator-spec-text-Container-qZRM5 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .Configurator-spec-oPYns > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .Configurator-spec-cat-qGdqW:hover,\n  .Configurator-spec-option-WwGgo:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n";
+styleInject(css_248z);
+
+var Summary = function Summary(_ref) {
+  var _item$targetArticlePo;
+  var itemP = _ref.item;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  if (item.isTabGroup) {
+    return /*#__PURE__*/jsx("div", {
+      className: configuratorTabGroup,
+      children: /*#__PURE__*/jsx("span", {
+        className: configuratorTabGroupTitle,
+        children: t('configurator.' + item.title, item.title)
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(configuratorSpec, viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded ? undefined : configuratorSpecNotExpanded),
+    children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("span", {
+        className: configuratorSpecThumb,
+        style: {
+          backgroundImage: item.image ? "url(".concat(item.image, ")") : 'none'
+        }
+      }), /*#__PURE__*/jsxs("div", {
+        className: classnames(configuratorSpecTextContainer, !item.isDefined ? isNotDefined : undefined),
+        children: [/*#__PURE__*/jsxs("span", {
+          className: configuratorSpecCat,
+          children: [item.quantity && '(x' + item.quantity + ') ', item.title]
+        }), /*#__PURE__*/jsx("span", {
+          className: configuratorSpecOption,
+          dangerouslySetInnerHTML: {
+            __html: item.description
+          }
+        }), !item.isDefined && /*#__PURE__*/jsx("span", {
+          title: t('configurator.OPTION_NOT_DEFINED'),
+          className: configuratorSpecNotDefined
+        }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
+          className: configuratorSpecPrice,
+          children: DivaUtils.formatPrice(item.price)
+        }), !viewHandler.uiState.ViewConfig.hideElementInfo && /*#__PURE__*/jsx("span", {
+          className: configuratorSpecPosNr,
+          children: (_item$targetArticlePo = item.targetArticlePosNrs) === null || _item$targetArticlePo === void 0 ? void 0 : _item$targetArticlePo.map(function (posNr, i) {
+            return /*#__PURE__*/jsx("span", {
+              children: posNr
+            }, i);
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsx("button", {
+      className: configuratorSpecBtn,
+      type: "button",
+      onClick: function onClick() {
+        return viewHandler.paletteViewHandler.clickedOnSummaryPalette(item);
+      }
+    })]
+  });
+};
+var index = observer(Summary);
+
+export { index as default };

package/build/esm/index-6a4fdbd0.js

@@ -0,0 +1,39 @@
+import { s as styleInject } from './index-3e5bc115.js';
+import 'react';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'mobx-react-lite';
+
+var pdfButton = "pdfButton-4l4zL";
+var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
+styleInject(css_248z);
+
+var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
+
+var PDFButton = function PDFButton(_ref) {
+  var pdfUrl = _ref.pdfUrl;
+  return /*#__PURE__*/jsx("div", {
+    className: pdfButton,
+    onClick: function onClick() {
+      return window.open(pdfUrl, '_blank');
+    },
+    children: /*#__PURE__*/jsx("img", {
+      src: pdfIcon
+    })
+  });
+};
+
+export { PDFButton as default };

package/build/esm/index-6b26a74a.js

@@ -0,0 +1,97 @@
+import { u as useViewHandler } from './index-3e5bc115.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import { w as wcFunctionsToolbar, p as plannerConfigArrow, m as maxExpanded, e as expanded, l as landscape, a as portrait, b as wcFunctionsContainer, c as wcHelp, d as wcIcon, f as wcHelpIcon, g as wcFunctionsText, h as wcPrint, i as wcPrintIcon, j as wcShareIcon, k as wcReset, n as wcResetIcon, o as wcSave, q as wcSaveIcon, r as wcConfigCloseButton } from './index.module-2bc5861d.js';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var Functions = function Functions(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    initializing = _useDivaCore.state.initializing;
+  if (initializing) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("ul", {
+    className: classnames(wcFunctionsToolbar, viewHandler.uiState.ItemsPaletteInProductVisible && viewHandler.getIsInMobileView() ? plannerConfigArrow : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
+    children: [!viewHandler.uiState.isMobileLandscape && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickHelp();
+        },
+        className: classnames(wcFunctionsContainer, wcHelp),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcHelpIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigHelp')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickPrint();
+        },
+        className: classnames(wcFunctionsContainer, wcPrint),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcPrintIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigPrint')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickShare();
+        },
+        className: classnames(wcFunctionsContainer),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcShareIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigShare')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickReset();
+        },
+        className: classnames(wcFunctionsContainer, wcReset),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcResetIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigReset')
+        })]
+      }), viewHandler.productState.doShowUserSaveButton && /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickSave();
+        },
+        className: classnames(wcFunctionsContainer, wcSave),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcSaveIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigSave')
+        })]
+      })]
+    }), (!viewHandler.eventIsManagedByClient('onWebPlanerClose') || viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait) && /*#__PURE__*/jsx("li", {
+      className: wcConfigCloseButton,
+      title: t('configurator.ConfigClose'),
+      onClick: viewHandler.onCloseConfigurator
+    })]
+  });
+};
+var index = observer(Functions);
+
+export { index as default };