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

package/build/esm/index-d30f3e35.js

@@ -0,0 +1,76 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-9d70072f.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useHover, useLayer } from 'react-laag';
+import SettingsPosNrToolTip from './index-75126b78.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
+var isActive = "isActive-mWaAC";
+var allIsActive = "allIsActive-iSz9H";
+var isSelectable = "isSelectable-FBPGm";
+var small = "small-xZ6Og";
+var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.6px);\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SettingsPosNr = function SettingsPosNr(_ref) {
+  var _renderLayer;
+  var id = _ref.id,
+    allAreActive = _ref.allAreActive;
+  var viewHandler = useViewHandler();
+  var article = viewHandler.settingsState.articleInfos[id];
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 600,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
+    isOver = hover[0];
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+      onClick: function onClick() {
+        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
+      },
+      id: "ArticleInfo",
+      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
+    }, triggerProps), hoverProps), {}, {
+      children: article.posNr
+    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
+      article: article,
+      layerProps: layerProps
+    })))]
+  });
+};
+var SettingsPosNr$1 = observer(SettingsPosNr);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': SettingsPosNr$1
+});
+
+export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-d321f0f5.js

@@ -0,0 +1,78 @@
+import { s as styleInject, u as useViewHandler } from './index-9d70072f.js';
+import 'react';
+import Dropdown from 'react-dropdown';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Arrow from './index-b034003d.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';
+import 'mobx-react-lite';
+
+var wcColorFilterItem = "wcColorFilterItem-xQqck";
+var dropdownRoot = "Dropdown-root-BjRjC";
+var dropdownControl = "Dropdown-control-8aQx0";
+var css_248z = ".wcColorFilterItem-xQqck {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.Dropdown-root-BjRjC {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.Dropdown-control-8aQx0 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n";
+styleInject(css_248z);
+
+var RalDropdownFilter = function RalDropdownFilter(_ref) {
+  var _viewHandler$settings;
+  var visibleColorItems = _ref.visibleColorItems,
+    _ref$dropdownRootClas = _ref.dropdownRootClass,
+    dropdownRootClass = _ref$dropdownRootClas === void 0 ? dropdownRoot : _ref$dropdownRootClas,
+    deleteCurValue = _ref.deleteCurValue,
+    id = _ref.id;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  var actValue = (_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue;
+  var dropDownValues = visibleColorItems.map(function (item) {
+    return {
+      label: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: wcColorFilterItem,
+          style: {
+            backgroundColor: item.rgb
+          }
+        }), " ", t('configurator.' + item.text)]
+      }),
+      text: item.text,
+      value: item.text
+    };
+  });
+  return /*#__PURE__*/jsx("div", {
+    "data-test-id": "ral-dropdown",
+    children: /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRootClass),
+      controlClassName: dropdownControl,
+      options: dropDownValues,
+      value: actValue,
+      onChange: function onChange(val) {
+        return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
+      },
+      placeholder: t('configurator.colors'),
+      arrowClosed: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: false,
+        iconAsDelete: !!actValue
+      }),
+      arrowOpen: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: true,
+        iconAsDelete: !!actValue
+      })
+    })
+  });
+};
+
+export { RalDropdownFilter as default };

package/build/esm/index-d3f3ebc8.js

@@ -0,0 +1,123 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-9d70072f.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { S as SettingsItem } from './index-1e081f3b.js';
+import classnames from 'classnames';
+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/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 'sift';
+import './index-10b1db9c.js';
+import './index-d0151923.js';
+import './index-026df16c.js';
+import './index-2326ec39.js';
+import './index-fd5d2578.js';
+import './index.module-99fd429a.js';
+import './index-04edfa46.js';
+import 'react-switch';
+import './index-6e7391f7.js';
+import './index-93edf6a8.js';
+import 'react-dropdown';
+import './index-11130210.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-d321f0f5.js';
+import './index-b034003d.js';
+import './index-ea71bc73.js';
+import '@crystaldesign/content-box';
+import './index-0b819a85.js';
+import './index-f2ed1ff2.js';
+import './index-44045e79.js';
+import './index-9f90b0b0.js';
+import './index-46dc1bdd.js';
+import '@crystaldesign/products-component';
+import './index-7ed8c7fd.js';
+import './index-8959282a.js';
+import './index-e482a892.js';
+import 'react-laag';
+import './index-fff05c33.js';
+import './index-3e2b994e.js';
+import './index-5b75f7a2.js';
+import './index-e4eea288.js';
+import './index-7b62d21e.js';
+import './index-0507f47b.js';
+import './index-1643d20d.js';
+import './index-de1b221d.js';
+import './index-451b99ab.js';
+import './index-0b9a383b.js';
+import './index.module-1a7a30e1.js';
+import './index-7f83c37f.js';
+import './index-f15249d9.js';
+import './index-3c876c7c.js';
+import './index-93f83656.js';
+import './index-993e1498.js';
+import './index-963fd0d9.js';
+import './index-8d173ec2.js';
+import './index.module-adcd4119.js';
+import './index-af289e2f.js';
+import './index-cc821513.js';
+
+var productSettingsWrapper = "product-settings-wrapper-KOweX";
+var scrollWrapper = "scroll-wrapper-DI3EF";
+var closed = "closed-CfRyN";
+var button = "button-ITCqz";
+var move = "move-28sqU";
+var css_248z = ".product-settings-wrapper-KOweX {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.scroll-wrapper-DI3EF {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.closed-CfRyN .scroll-wrapper-DI3EF {\n  padding: 0;\n  padding: initial;\n}\n\n.button-ITCqz {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat 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 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.closed-CfRyN .button-ITCqz {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url(\"data:image/svg+xml,%3Csvg fill%3D%22%23fff%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 50 50%22 width%3D%2250px%22 height%3D%2250px%22%3E%3Cpath d%3D%22M 22.199219 2 A 1.0001 1.0001 0 0 0 21.214844 2.8339844 L 20.205078 8.796875 C 19.01608 9.1476749 17.903339 9.6072866 16.835938 10.173828 L 11.875 6.6816406 A 1.0001 1.0001 0 0 0 10.59375 6.7929688 L 6.6933594 10.693359 A 1.0001 1.0001 0 0 0 6.5820312 11.974609 L 10.076172 16.939453 C 9.5032306 17.983292 9.0447681 19.109183 8.6992188 20.298828 L 2.8457031 21.212891 A 1.0001 1.0001 0 0 0 2 22.199219 L 2 27.699219 A 1.0001 1.0001 0 0 0 2.8339844 28.685547 L 8.7949219 29.693359 C 9.1451119 30.880887 9.6045402 31.990547 10.169922 33.056641 L 6.6875 37.917969 A 1.0001 1.0001 0 0 0 6.7929688 39.207031 L 10.693359 43.107422 A 1.0001 1.0001 0 0 0 11.974609 43.21875 L 16.939453 39.724609 C 17.985462 40.298683 19.114316 40.757752 20.306641 41.103516 L 21.314453 47.066406 A 1.0001 1.0001 0 0 0 22.300781 47.900391 L 27.800781 47.900391 A 1.0001 1.0001 0 0 0 28.783203 47.082031 L 29.884766 41.107422 C 31.077734 40.756262 32.193186 40.294742 33.263672 39.726562 L 38.224609 43.21875 A 1.0001 1.0001 0 0 0 39.507812 43.107422 L 43.40625 39.207031 A 1.0001 1.0001 0 0 0 43.509766 37.914062 L 39.931641 32.957031 C 40.500209 31.91951 40.957756 30.82106 41.300781 29.693359 L 47.169922 28.685547 A 1.0001 1.0001 0 0 0 48 27.699219 L 48 22.199219 A 1.0001 1.0001 0 0 0 47.166016 21.214844 L 41.199219 20.203125 C 40.855563 19.074235 40.397841 17.973827 39.828125 16.935547 L 43.318359 11.974609 A 1.0001 1.0001 0 0 0 43.207031 10.693359 L 39.306641 6.7929688 A 1.0001 1.0001 0 0 0 38.013672 6.6894531 L 33.052734 10.273438 C 32.009656 9.7017023 30.885686 9.2413677 29.697266 8.8964844 L 28.685547 2.8359375 A 1.0001 1.0001 0 0 0 27.699219 2 L 22.199219 2 z M 23.044922 4 L 26.853516 4 L 27.814453 9.7636719 A 1.0001 1.0001 0 0 0 28.556641 10.570312 C 30.07104 10.948913 31.478126 11.514935 32.675781 12.251953 A 1.0001 1.0001 0 0 0 33.785156 12.210938 L 38.494141 8.8085938 L 41.197266 11.511719 L 37.882812 16.224609 A 1.0001 1.0001 0 0 0 37.847656 17.324219 C 38.584675 18.521874 39.154586 19.937607 39.533203 21.357422 A 1.0001 1.0001 0 0 0 40.333984 22.085938 L 46 23.044922 L 46 26.857422 L 40.429688 27.814453 A 1.0001 1.0001 0 0 0 39.632812 28.542969 C 39.254196 29.962783 38.686237 31.378517 37.949219 32.576172 A 1.0001 1.0001 0 0 0 37.990234 33.685547 L 41.390625 38.394531 L 38.6875 41.097656 L 33.974609 37.78125 A 1.0001 1.0001 0 0 0 32.904297 37.732422 C 31.566632 38.496802 30.2627 39.053466 28.757812 39.429688 A 1.0001 1.0001 0 0 0 28.017578 40.21875 L 26.966797 45.900391 L 23.144531 45.900391 L 22.185547 40.232422 A 1.0001 1.0001 0 0 0 21.443359 39.429688 C 19.92896 39.051088 18.521874 38.485065 17.324219 37.748047 A 1.0001 1.0001 0 0 0 16.224609 37.78125 L 11.511719 41.097656 L 8.8066406 38.392578 L 12.113281 33.783203 A 1.0001 1.0001 0 0 0 12.167969 32.703125 C 11.403582 31.365465 10.846925 30.061529 10.470703 28.556641 A 1.0001 1.0001 0 0 0 9.6660156 27.814453 L 4 26.855469 L 4 23.056641 L 9.5546875 22.1875 A 1.0001 1.0001 0 0 0 10.371094 21.443359 C 10.749694 19.92896 11.313763 18.521874 12.050781 17.324219 A 1.0001 1.0001 0 0 0 12.017578 16.224609 L 8.7011719 11.511719 L 11.412109 8.8027344 L 16.125 12.117188 A 1.0001 1.0001 0 0 0 17.195312 12.167969 C 18.532978 11.403589 19.836909 10.846925 21.341797 10.470703 A 1.0001 1.0001 0 0 0 22.085938 9.6660156 L 23.044922 4 z M 25 17 C 20.570085 17 17 20.570085 17 25 C 17 29.429915 20.570085 33 25 33 C 29.429915 33 33 29.429915 33 25 C 33 20.570085 29.429915 17 25 17 z M 25 19 C 28.370085 19 31 21.629915 31 25 C 31 28.370085 28.370085 31 25 31 C 21.629915 31 19 28.370085 19 25 C 19 21.629915 21.629915 19 25 19 z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.move-28sqU {\n  width: 0px;\n  overflow: hidden;\n}\n";
+styleInject(css_248z);
+
+var ProductSettings = function ProductSettings(props) {
+  var viewHandler = useViewHandler();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    itemPalettes = _useState2[0],
+    setItemPalettes = _useState2[1];
+  var _useState3 = useState(viewHandler.getIsInMobileView()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isHidden = _useState4[0],
+    setIsHidden = _useState4[1];
+  useEffect(function () {
+    var curItemPalettes = viewHandler.settingsState.itemPaletteArr;
+    var newItemPalette = [];
+    for (var i = 0; i < curItemPalettes.length; i++) {
+      var itemPalette = curItemPalettes[i][1];
+      if (itemPalette.isRenderedNotInSettingPalette && itemPalette.visible && !itemPalette.isRenderedInAccessorieStep) {
+        newItemPalette.push({
+          palette: itemPalette,
+          id: itemPalette.id
+        });
+      }
+    }
+    setItemPalettes(newItemPalette);
+  }, [viewHandler.settingsState.itemPaletteArr]);
+  if (!itemPalettes.length || viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(productSettingsWrapper, isHidden ? closed : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      className: classnames(button),
+      onClick: function onClick() {
+        return setIsHidden(!isHidden);
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(scrollWrapper, isHidden ? move : undefined),
+      children: itemPalettes.map(function (item, key) {
+        return /*#__PURE__*/jsx(SettingsItem, {
+          item: item.palette,
+          id: item.id
+        });
+      })
+    })]
+  });
+};
+var ProductSettings$1 = observer(ProductSettings);
+
+export { ProductSettings$1 as default };

package/build/esm/index-d6ff8d0b.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-9d70072f.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+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 'mobx-react-lite';
+
+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 ProductHeader = function ProductHeader(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductHeader/ProductHeader"
+  }));
+};
+
+export { ProductHeader as default };

package/build/esm/index-d7ed8aef.js

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-9d70072f.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import ActionNavigation from './index-c6b649f6.js';
+import PriceSumm from './index-7ef94c7e.js';
+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 'classnames';
+
+var backOverwrite = "back-overwrite--AJgH";
+var forthOverwrite = "forth-overwrite-l0e3R";
+var actionNavigationClass = "action-navigation-class-jX4Hl";
+var css_248z = ".back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  cursor: pointer;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ActionNavigationRalph = function ActionNavigationRalph(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
+      className: viewHandler.getIsInMobileView() ? actionNavigationClass : undefined,
+      showBackButtonText: true,
+      forthOverwrite: forthOverwrite,
+      backOverwrite: backOverwrite
+    })]
+  }));
+};
+var index = observer(ActionNavigationRalph);
+
+export { index as default };

package/build/esm/index-d8a7c900.js

@@ -0,0 +1,78 @@
+import { s as styleInject } from './index-9d70072f.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { jsx, jsxs, Fragment } 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 row = "row-aKbIG";
+var rowPaddingTop = "row-padding-top-SRH2s";
+var rowPaddingTopArticle = "row-padding-top-article-Iwelk";
+var columnLeft = "column-left-jSCha";
+var columnRight = "column-right-rkkBn";
+var columnRightRed = "column-right-red-Lmt65";
+var columnOption = "column-option-2v7Hm";
+var columnPartlist = "column-partlist-0LS9Z";
+var codexes = "codexes--r2fL";
+var tabGroup = "tab-group-an6TP";
+var css_248z = ".row-aKbIG {\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  font-weight: 300;\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem;\n  display: flow-root;\n  color: #404040;\n}\n.row-padding-top-SRH2s {\n  padding-top: 8px;\n}\n\n.row-padding-top-article-Iwelk {\n  padding-top: 1rem;\n}\n\n.column-left-jSCha {\n  float: left;\n}\n.column-left-jSCha a {\n  color: var(--primaryColor);\n}\n.column-right-rkkBn {\n  float: right;\n  text-align: right;\n}\n\n.column-right-red-Lmt65 {\n  color: var(--primaryColor);\n}\n.column-option-2v7Hm {\n  font-size: 0.8125rem;\n  font-weight: normal;\n  line-height: 1.1;\n}\n.column-partlist-0LS9Z {\n  max-width: 70%;\n}\n\n.codexes--r2fL {\n  font-style: italic;\n}\n\n.tab-group-an6TP {\n  border-bottom: 1px solid var(--primaryColor);\n  font-size: 1.125rem;\n  margin: 1.5rem 0 0 0;\n  color: var(--primaryColor);\n  padding: 0;\n  text-align: left;\n  text-transform: capitalize;\n  font-weight: 300;\n}\n";
+styleInject(css_248z);
+
+var OptiontreeSerious = function OptiontreeSerious(_ref) {
+  var itemP = _ref.item;
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var item = itemP;
+  if (item.isTabGroup) {
+    return /*#__PURE__*/jsx("div", {
+      className: tabGroup,
+      children: item.title
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [item.isPartlistArticle && /*#__PURE__*/jsxs("div", {
+      className: classnames(row, rowPaddingTopArticle),
+      children: [/*#__PURE__*/jsx("span", {
+        className: classnames(columnPartlist, columnLeft),
+        children: item.title
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(columnRight),
+        children: (item.quantity && item.quantity > 1 ? '(x' + item.quantity + ') ' : '') + (!hidePrices && item.price ? DivaUtils.formatPrice(item.price) : '')
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(row, item.isPartlistArticle ? rowPaddingTop : undefined),
+      children: [/*#__PURE__*/jsxs("span", {
+        className: classnames(columnOption, columnLeft),
+        children: [item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("a", {
+            children: item.size && item.size !== '' ? t('configurator.size') : item.description
+          }), ": ", item.size]
+        }), !item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("a", {
+            children: item.title
+          }), item.description && ': ' + item.description]
+        })]
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(columnOption, columnRight, columnRightRed, codexes),
+        children: item.codex
+      })]
+    })]
+  });
+};
+var index = observer(OptiontreeSerious);
+
+export { index as default };

package/build/esm/index-dac22831.js

@@ -0,0 +1,87 @@
+import { s as styleInject, u as useViewHandler } from './index-9d70072f.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { A as ArQrCodeIcon } from './index-ce3e188b.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 'react-laag';
+import './index-861f3d44.js';
+import 'react-qr-code';
+import './index-1f7a5911.js';
+
+var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
+var settingsHidden = "settings-hidden-xs6Vf";
+var wcZoomIn = "wcZoomIn-eSnCA";
+var wcZoomOut = "wcZoomOut-rlrJR";
+var wcViews = "wcViews-H9r4w";
+var wcFullScreen = "wcFullScreen-B8USD";
+var wc3DGridPlannerMode = "wc3DGridPlannerMode-aiQCR";
+var wc3DDimLine = "wc3DDimLine-BEygX";
+var css_248z = ".wc_Nav3DToolbar-5t7Cu {\n  display: inline;\n  left: -36.8px;\n  position: absolute;\n  z-index: 350;\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n\n@media all and (max-height: 650px) and (min-width: 900px) {\n  .wc_Nav3DToolbar-5t7Cu {\n    width: 120px;\n    top: calc(50% - 160px / 2);\n  }\n  .wc_Nav3DToolbar-5t7Cu ul li {\n    float: left;\n    margin: 0 0 9.6px 9.6px;\n  }\n}\n\n.wc_Nav3DToolbar-5t7Cu li {\n  width: 25.6px;\n  padding: 3.2px;\n  height: 25.6px;\n  margin: 0 0 16px;\n  display: block;\n  background-color: rgba(223, 223, 223, 0.8);\n  background-repeat: no-repeat;\n  background-position: center center;\n  border-radius: 6px;\n  transition: background-color 0.15s ease;\n}\n\n.wc_Nav3DToolbar-5t7Cu li:hover {\n  background-color: rgba(210, 210, 210, 0.8);\n}\n.wc_Nav3DToolbar-5t7Cu li:active {\n  background-color: rgba(197, 197, 197, 0.8);\n}\n\n@media all and (max-width: 900px) {\n  .wc_Nav3DToolbar-5t7Cu {\n    display: none;\n  }\n  .wcFunctionsToolbar-LnNuc {\n    margin-top: 8px;\n  }\n  .wc_Nav3DToolbar-5t7Cu {\n    display: none;\n  }\n  .settings-hidden-xs6Vf.wc_Nav3DToolbar-5t7Cu {\n    bottom: -40px;\n    top: 50%;\n    width: 32px;\n    left: 16px;\n    transform: translate(-50%, -50%);\n    padding: 0;\n    padding: initial;\n    display: block;\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n  .settings-hidden-xs6Vf.wc_Nav3DToolbar-5t7Cu li {\n    margin: 0 8px 16px;\n    float: left;\n  }\n}\n\n@media all and (max-height: 1200px) and (max-width: 800px) and (orientation: portrait), all and (max-width: 500px) and (orientation: portrait) {\n  .wc_Nav3DToolbar-5t7Cu {\n    display: none;\n  }\n  .settings-hidden-xs6Vf.wc_Nav3DToolbar-5t7Cu {\n    bottom: -40px;\n    top: auto;\n    top: initial;\n    width: -moz-fit-content;\n    width: fit-content;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    padding: 0;\n    padding: initial;\n  }\n  .settings-hidden-xs6Vf.wc_Nav3DToolbar-5t7Cu li {\n    margin: 0 8px 16px;\n  }\n}\n\n/*------------------------Nav Icons--------------------------------------*/\n\n/* pfister */\n.wcZoomIn-eSnCA {\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-rlrJR {\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.wc360-EcduT {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2218%22 viewBox%3D%220 0 28 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.18854 12L11.1301 14.9951L7.83789 16.8079%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%22M10.6232 14.8374C5.30499 14.2069 1.42188 12.0788 1.42188 9.55665C1.42188 8.05911 2.85694 6.71921 5.05175 5.69458%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M24.4674 6.48267C25.8181 7.34966 26.5778 8.37429 26.5778 9.55656C26.5778 12.1575 22.357 14.3644 16.7012 14.9162%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M8.87988 9.13184C8.6748 9.13184 8.47135 9.10742 8.26953 9.05859C8.06771 9.00977 7.87565 8.93652 7.69336 8.83887C7.51107 8.74121 7.34342 8.61751 7.19043 8.46777C7.03743 8.31803 6.90723 8.14225 6.7998 7.94043L7.42969 7.5498C7.51432 7.7028 7.61035 7.83464 7.71777 7.94531C7.82845 8.05599 7.94564 8.14714 8.06934 8.21875C8.19629 8.29036 8.3265 8.34408 8.45996 8.37988C8.59342 8.41243 8.72689 8.42871 8.86035 8.42871C9.13053 8.42871 9.38118 8.36361 9.6123 8.2334C9.84342 8.10319 10.0078 7.94043 10.1055 7.74512C10.2064 7.54655 10.2568 7.35124 10.2568 7.15918C10.2568 6.86296 10.1771 6.61719 10.0176 6.42188C9.85807 6.22331 9.66602 6.08496 9.44141 6.00684C9.2168 5.92871 9.01009 5.88314 8.82129 5.87012V5.26953C9.08171 5.25651 9.32096 5.19141 9.53906 5.07422C9.76042 4.95703 9.91667 4.81055 10.0078 4.63477C10.1022 4.45573 10.1494 4.27344 10.1494 4.08789C10.1494 3.84375 10.0794 3.63542 9.93945 3.46289C9.80273 3.29036 9.63835 3.16992 9.44629 3.10156C9.25749 3.0332 9.08496 2.99902 8.92871 2.99902C8.72038 2.99902 8.52507 3.04134 8.34277 3.12598C8.16374 3.20736 8.01562 3.31315 7.89844 3.44336C7.78125 3.57357 7.69173 3.70215 7.62988 3.8291L7 3.43848C7.13672 3.16504 7.32878 2.93555 7.57617 2.75C7.82357 2.5612 8.07259 2.43424 8.32324 2.36914C8.57389 2.30404 8.80501 2.27148 9.0166 2.27148C9.27051 2.27148 9.51465 2.31217 9.74902 2.39355C9.98665 2.47493 10.1966 2.59212 10.3789 2.74512C10.5645 2.89486 10.7126 3.07878 10.8232 3.29688C10.9339 3.51172 10.9893 3.7526 10.9893 4.01953C10.9893 4.30599 10.9372 4.55827 10.833 4.77637C10.7288 4.99447 10.6003 5.16211 10.4473 5.2793C10.2975 5.39648 10.1543 5.48275 10.0176 5.53809C10.2682 5.639 10.4733 5.76595 10.6328 5.91895C10.7956 6.07194 10.9128 6.25749 10.9844 6.47559C11.0592 6.69043 11.0967 6.91504 11.0967 7.14941C11.0967 7.46517 11.0332 7.74674 10.9062 7.99414C10.7826 8.24154 10.6165 8.44987 10.4082 8.61914C10.1999 8.78516 9.96224 8.91211 9.69531 9C9.43164 9.08789 9.15983 9.13184 8.87988 9.13184ZM14.6611 9.13184C14.29 9.13184 13.9694 9.05697 13.6992 8.90723C13.429 8.75423 13.2044 8.55566 13.0254 8.31152C12.8464 8.06413 12.7129 7.78255 12.625 7.4668C12.5404 7.14779 12.498 6.82227 12.498 6.49023C12.498 5.94661 12.5762 5.4388 12.7324 4.9668C12.8919 4.49479 13.1182 4.07487 13.4111 3.70703C13.7074 3.33594 14.0638 3.02832 14.4805 2.78418C14.9004 2.54004 15.3708 2.37565 15.8916 2.29102L16.0479 2.9209C15.7581 2.97298 15.4798 3.06413 15.2129 3.19434C14.9492 3.32129 14.7067 3.47917 14.4854 3.66797C14.264 3.85677 14.0687 4.06999 13.8994 4.30762C13.7334 4.54525 13.6032 4.79915 13.5088 5.06934C13.6813 4.95866 13.8701 4.86914 14.0752 4.80078C14.2835 4.73242 14.5049 4.69824 14.7393 4.69824C15.0485 4.69824 15.3236 4.76009 15.5645 4.88379C15.8053 5.00749 16.0088 5.1735 16.1748 5.38184C16.3408 5.58691 16.4678 5.82454 16.5557 6.09473C16.6436 6.36165 16.6875 6.63997 16.6875 6.92969C16.6875 7.23242 16.6403 7.51725 16.5459 7.78418C16.4548 8.05111 16.3213 8.28548 16.1455 8.4873C15.973 8.68587 15.7614 8.84375 15.5107 8.96094C15.2601 9.07487 14.9769 9.13184 14.6611 9.13184ZM14.6709 8.45801C14.8825 8.45801 15.0664 8.41569 15.2227 8.33105C15.3789 8.24316 15.5075 8.12923 15.6084 7.98926C15.7126 7.84603 15.7907 7.6849 15.8428 7.50586C15.8949 7.32357 15.9209 7.13802 15.9209 6.94922C15.9209 6.62044 15.8574 6.33073 15.7305 6.08008C15.6068 5.82617 15.4408 5.64714 15.2324 5.54297C15.0241 5.43555 14.806 5.38184 14.5781 5.38184C14.3438 5.38184 14.1273 5.41927 13.9287 5.49414C13.7301 5.56901 13.5511 5.66829 13.3916 5.79199C13.3493 6.00358 13.3281 6.23633 13.3281 6.49023C13.3281 6.70508 13.3477 6.92806 13.3867 7.15918C13.429 7.3903 13.5007 7.60352 13.6016 7.79883C13.7025 7.99089 13.8392 8.14876 14.0117 8.27246C14.1875 8.39616 14.4072 8.45801 14.6709 8.45801ZM19.9199 9.1416C19.6465 9.1416 19.3975 9.09603 19.1729 9.00488C18.9482 8.91374 18.7464 8.78841 18.5674 8.62891C18.3916 8.46615 18.2386 8.27572 18.1084 8.05762C17.9782 7.83952 17.8708 7.60352 17.7861 7.34961C17.7015 7.09245 17.638 6.82389 17.5957 6.54395C17.5566 6.264 17.5387 5.98242 17.542 5.69922C17.542 5.2207 17.5957 4.76986 17.7031 4.34668C17.8138 3.92025 17.9798 3.54264 18.2012 3.21387C18.4225 2.88509 18.6846 2.64583 18.9873 2.49609C19.29 2.34635 19.6009 2.27148 19.9199 2.27148C20.1934 2.27148 20.4408 2.31706 20.6621 2.4082C20.8867 2.49935 21.0869 2.62467 21.2627 2.78418C21.4417 2.94368 21.5947 3.13249 21.7217 3.35059C21.8519 3.56543 21.9593 3.7998 22.0439 4.05371C22.1318 4.30762 22.1953 4.57454 22.2344 4.85449C22.2767 5.13444 22.2979 5.41602 22.2979 5.69922C22.2979 6.16797 22.2409 6.62044 22.127 7.05664C22.013 7.49284 21.8438 7.87695 21.6191 8.20898C21.3978 8.54102 21.1357 8.78027 20.833 8.92676C20.5335 9.06999 20.2292 9.1416 19.9199 9.1416ZM19.9199 8.42871C20.2943 8.42871 20.6051 8.26432 20.8525 7.93555C21.0999 7.60677 21.2611 7.23405 21.3359 6.81738C21.4108 6.40072 21.4482 6.02474 21.4482 5.68945C21.4482 5.14909 21.3783 4.66081 21.2383 4.22461C21.0983 3.78516 20.9111 3.4694 20.6768 3.27734C20.4424 3.08529 20.1901 2.98926 19.9199 2.98926C19.6465 2.98926 19.4121 3.06738 19.2168 3.22363C19.0247 3.37988 18.8669 3.58659 18.7432 3.84375C18.6195 4.09766 18.5283 4.38574 18.4697 4.70801C18.4111 5.03027 18.3818 5.35742 18.3818 5.68945C18.3818 6.02474 18.4111 6.35677 18.4697 6.68555C18.5283 7.01107 18.6195 7.30404 18.7432 7.56445C18.8701 7.82161 19.0296 8.02995 19.2217 8.18945C19.417 8.34896 19.6497 8.42871 19.9199 8.42871Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Cpath d%3D%22M23.2016 3.09344C23.6678 3.09344 24.0457 2.74057 24.0457 2.30527C24.0457 1.86997 23.6678 1.51709 23.2016 1.51709C22.7354 1.51709 22.3574 1.86997 22.3574 2.30527C22.3574 2.74057 22.7354 3.09344 23.2016 3.09344Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.75%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFocus-o05ls {\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%3Cpath d%3D%22M13.122 7.34912H6.94531V13.5258H13.122V7.34912Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.40838 19.568H2.17869C1.44018 19.568 0.835938 18.9638 0.835938 18.2253V13.9956%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%22M19.1642 13.9956V18.2253C19.1642 18.9638 18.56 19.568 17.8215 19.568H13.5918%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%22M13.5918 1.2395H17.8215C18.56 1.2395 19.1642 1.84374 19.1642 2.58226V6.81194%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%22M0.835938 6.81194V2.58226C0.835938 1.84374 1.44018 1.2395 2.17869 1.2395H6.40838%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcViews-H9r4w {\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%3Cpath d%3D%22M9.99973 0.613525L0.876385 4.37922C0.792685 4.37922 0.708984 4.46294 0.708984 4.6303V16.2621C0.708984 16.3458 0.792685 16.4294 0.876385 16.5131L9.91603 20.1951C9.99973 20.1951 9.99973 20.1951 10.0834 20.1951L19.1231 16.5131C19.2068 16.5131 19.2905 16.4294 19.2905 16.2621V4.6303C19.2905 4.54662 19.2068 4.4629 19.1231 4.37922L10.0834 0.697238C10.0834 0.613556 10.0834 0.613525 9.99973 0.613525ZM10.0834 1.11565L18.5372 4.6303L10.0834 8.06124L1.62969 4.6303L10.0834 1.11565ZM1.21119 4.965L9.83233 8.47965V19.6094L1.21119 16.0947V4.965ZM18.872 4.965V16.0947L10.2508 19.6094V8.47965L18.872 4.965Z%22 fill%3D%22%236F6F6F%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.5%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcPan-NXlrf {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.06738 5.18778L12.9615 1.2937L16.9334 5.26566%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%22M16.8553 21.6209L12.9612 25.5149L8.98926 21.543%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%22M12.9609 1.68311V9.47127%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%22M12.9609 17.3374V25.1256%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%22M4.78373 17.2594L0.889648 13.3653L4.86161 9.39331%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%22M21.2166 9.47119L25.1106 13.3653L21.1387 17.3372%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%22M1.2793 13.3652H9.06746%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%22M16.9336 13.3652H24.7218%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcRoom-7RIQT {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2221%22 viewBox%3D%220 0 23 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8291 16.5054H18.232V6.32178H12.8291V16.5054Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.36523 16.5051H12.5532V6.04627H18.5564V16.5051H21.8813V3.29395H6.36523V16.5051Z%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M22.2043 3.01889H6.22644L0.777344 0.633545V20.175L6.22644 16.8264H22.1581V3.01889H22.2043ZM1.05442 1.09227L6.04172 3.24825V16.597L1.05442 19.6246V1.09227ZM18.2329 16.5053H12.83V6.32167H18.2329V16.5053ZM21.881 16.5053H18.51V6.04644H12.5068V16.5511H6.3188V3.29412H21.881V16.5053Z%22 fill%3D%22%236F6F6F%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.2702 11.5969H16.9932V12.6061H17.2702V11.5969Z%22 fill%3D%22%236F6F6F%22 stroke%3D%22%236F6F6F%22 stroke-width%3D%220.6%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFullScreen-B8USD {\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.wc3DGridPlannerMode-aiQCR {\n  background-image: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2225%22 height%3D%2225%22 viewBox%3D%220 0 393.81 393.81%22%3E%09%3Ctitle%3EPfeil%3C%2Ftitle%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M328.44%2C391.41a6%2C6%2C0%2C0%2C0-5.51-6l-137.35-11.5V353a4.74%2C4.74%2C0%2C0%2C0-8.1-3.36l-38.4%2C38.4a4.75%2C4.75%2C0%2C0%2C0%2C0%2C6.71l38.4%2C38.4a4.71%2C4.71%2C0%2C0%2C0%2C3.35%2C1.39%2C4.74%2C4.74%2C0%2C0%2C0%2C4.75-4.74V408.93L323%2C397.43A6%2C6%2C0%2C0%2C0%2C328.44%2C391.41ZM178.7%2C405.77v18.89l-33.25-33.25%2C33.25-33.26V377a3.46%2C3.46%2C0%2C0%2C0%2C3.15%2C3.43l130.64%2C10.94L181.85%2C402.34A3.43%2C3.43%2C0%2C0%2C0%2C178.7%2C405.77Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M530.11%2C388.05l-38.4-38.4a4.74%2C4.74%2C0%2C0%2C0-8.09%2C3.36v20.87l-137.4%2C11.5a6.05%2C6.05%2C0%2C0%2C0%2C0%2C12.05l137.36%2C11.5v20.88a4.73%2C4.73%2C0%2C0%2C0%2C2.92%2C4.38%2C4.8%2C4.8%2C0%2C0%2C0%2C1.82.36%2C4.67%2C4.67%2C0%2C0%2C0%2C3.35-1.39l38.4-38.4A4.75%2C4.75%2C0%2C0%2C0%2C530.11%2C388.05Zm-42.77%2C14.29L356.71%2C391.41l130.63-10.94a3.46%2C3.46%2C0%2C0%2C0%2C3.15-3.43V358.15l33.25%2C33.26-33.25%2C33.25V405.77A3.43%2C3.43%2C0%2C0%2C0%2C487.34%2C402.34Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M373%2C540.43H352.12L340.62%2C403a6.05%2C6.05%2C0%2C0%2C0-12.05%2C0l-11.5%2C137.36H296.2a4.74%2C4.74%2C0%2C0%2C0-3.36%2C8.09l38.4%2C38.4a4.74%2C4.74%2C0%2C0%2C0%2C6.71%2C0l38.4-38.4a4.74%2C4.74%2C0%2C0%2C0-3.35-8.09Zm-5.15%2C6.87L334.6%2C580.55%2C301.34%2C547.3h18.89a3.46%2C3.46%2C0%2C0%2C0%2C3.43-3.15L334.6%2C413.51l10.93%2C130.64A3.46%2C3.46%2C0%2C0%2C0%2C349%2C547.3Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%09%3Cpath fill%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 d%3D%22M296.2%2C242.39h20.87l11.5%2C137.39a6.05%2C6.05%2C0%2C0%2C0%2C12.05%2C0l11.5-137.35H373a4.74%2C4.74%2C0%2C0%2C0%2C3.35-8.1L338%2C195.89a4.74%2C4.74%2C0%2C0%2C0-6.71%2C0l-38.4%2C38.4a4.74%2C4.74%2C0%2C0%2C0%2C3.36%2C8.1Zm5.14-6.88%2C33.26-33.25%2C33.25%2C33.25H349a3.45%2C3.45%2C0%2C0%2C0-3.42%2C3.15L334.6%2C369.3%2C323.66%2C238.66a3.47%2C3.47%2C0%2C0%2C0-3.43-3.15Z%22 transform%3D%22translate(-137.69 -194.5)%22%2F%3E%3C%2Fsvg%3E\");\n  margin: 0 0 1rem;\n}\n\n.wc3DDimLine-BEygX {\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  margin: 0 0 1rem;\n}\n";
+styleInject(css_248z);
+
+var NavBar = function NavBar(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: viewHandler.productState.doShowNav3D && /*#__PURE__*/jsxs("ul", {
+      className: classnames(wcNav3DToolbar, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined),
+      children: [!viewHandler.productState.plannerRenderingIsStaticBG && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("li", {
+          className: wcZoomIn,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
+          },
+          title: t('configurator.NAV3DZOOMIN_TT')
+        }), /*#__PURE__*/jsx("li", {
+          className: wcZoomOut,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
+          },
+          title: t('configurator.NAV3DZOOMOUT_TT')
+        }), /*#__PURE__*/jsx("li", {
+          className: wcViews,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DViews');
+          },
+          title: t('configurator.NAV3DVIEWS_TT')
+        })]
+      }), /*#__PURE__*/jsx("li", {
+        className: wcFullScreen,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
+        },
+        title: t('configurator.NAV3DFULLSCREEN_TT')
+      }), viewHandler.productState.doShowNav3DPlannerMode && /*#__PURE__*/jsx("li", {
+        className: wc3DGridPlannerMode,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DPlannerMode');
+        },
+        title: t('configurator.NAV3DPLANNERMODE_TT')
+      }), viewHandler.productState.doEnableToShow3DDimensionLines && /*#__PURE__*/jsx("li", {
+        className: wc3DDimLine,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+        },
+        title: t('configurator.NAV3DDIMLINE_TT')
+      }), viewHandler.productState.allowQRCodeAR && !viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(ArQrCodeIcon, {})]
+    })
+  });
+};
+var index = observer(NavBar);
+
+export { index as default };