@crystaldesign/diva-web-planner-react 25.9.0-beta.1 → 25.9.0-beta.10

package/build/esm/index-f981c831.js

@@ -0,0 +1,82 @@
+import { s as styleInject, u as useViewHandler } from './index-75136b70.js';
+import 'react';
+import Dropdown from 'react-dropdown';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Arrow from './index-d67606ee.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+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-f9cc7238.js

@@ -0,0 +1,143 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+import { s as styleInject } from './index-75136b70.js';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+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 'classnames';
+import 'qrcode.react';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var shareOption = "share-option-tqy8P";
+var shareText = "share-text-grps7";
+var loader = "loader-KG6ip";
+var facebookIcon = "facebook-icon-1-Vop";
+var emailIcon = "email-icon-AWH8x";
+var whatsappIcon = "whatsapp-icon-I2GLz";
+var telegramIcon = "telegram-icon-0jmu8";
+var css_248z = ".share-option-tqy8P {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  border: solid 0.1px;\n  border-radius: 5px;\n  margin-top: 1%;\n}\n\n.share-text-grps7 {\n  align-self: center;\n  margin: auto;\n}\n\n.loader-KG6ip {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: spin-FpWtQ 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n\n/* Safari */\n\n@keyframes spin-FpWtQ {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.share-option-tqy8P:hover {\n  color: black;\n}\n\n.facebook-icon-1-Vop {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg fill%3D%22%23000000%22 width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 512 512%22 id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M480%2C257.35c0-123.7-100.3-224-224-224s-224%2C100.3-224%2C224c0%2C111.8%2C81.9%2C204.47%2C189%2C221.29V322.12H164.11V257.35H221V208c0-56.13%2C33.45-87.16%2C84.61-87.16%2C24.51%2C0%2C50.15%2C4.38%2C50.15%2C4.38v55.13H327.5c-27.81%2C0-36.51%2C17.26-36.51%2C35v42h62.12l-9.92%2C64.77H291V478.66C398.1%2C461.85%2C480%2C369.18%2C480%2C257.35Z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.email-icon-AWH8x {\n  margin-left: 1%;\n  background-position-y: -1px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M174.461-180q-31.417 0-53.606-22.189-22.188-22.188-22.188-53.606v-448.41q0-31.418 22.188-53.606Q143.044-780 174.461-780h611.078q31.417 0 53.606 22.189 22.188 22.188 22.188 53.606v448.41q0 31.418-22.188 53.606Q816.956-180 785.539-180H174.461ZM480-467.359l330.154-215.359-12.308-46.103-317.846 208-317.846-208-12.308 46.103L480-467.359Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.whatsapp-icon-I2GLz {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h20v20h-20z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m16.8 5.7c-2.4-3.7-7.3-4.8-11.1-2.5-3.7 2.3-4.9 7.3-2.5 11l.2.3-.8 3 3-.8.3.2c1.3.7 2.7 1.1 4.1 1.1 1.5 0 3-.4 4.3-1.2 3.7-2.4 4.8-7.3 2.5-11.1zm-2.1 7.7c-.4.6-.9 1-1.6 1.1-.4 0-.9.2-2.9-.6-1.7-.8-3.1-2.1-4.1-3.6-.6-.7-.9-1.6-1-2.5 0-.8.3-1.5.8-2 .2-.2.4-.3.6-.3h.5c.2 0 .4 0 .5.4.2.5.7 1.7.7 1.8.1.1.1.3 0 .4.1.2 0 .4-.1.5s-.2.3-.3.4c-.2.1-.3.3-.2.5.4.6.9 1.2 1.4 1.7.6.5 1.2.9 1.9 1.2.2.1.4.1.5-.1s.6-.7.8-.9.3-.2.5-.1l1.6.8c.2.1.4.2.5.3.1.3.1.7-.1 1z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.telegram-icon-0jmu8 {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg height%3D%2232%22 viewBox%3D%220 0 32 32%22 width%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m16 .5c-8.563 0-15.5 6.938-15.5 15.5s6.938 15.5 15.5 15.5c8.563 0 15.5-6.938 15.5-15.5s-6.938-15.5-15.5-15.5zm7.613 10.619-2.544 11.988c-.188.85-.694 1.056-1.4.656l-3.875-2.856-1.869 1.8c-.206.206-.381.381-.781.381l.275-3.944 7.181-6.488c.313-.275-.069-.431-.482-.156l-8.875 5.587-3.825-1.194c-.831-.262-.85-.831.175-1.231l14.944-5.763c.694-.25 1.3.169 1.075 1.219z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n";
+styleInject(css_248z);
+
+var Share = (function (props) {
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.isMobile;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    language = _useTranslation.i18n.language;
+  if (_typeof(props.url) == 'object') props.url = props.url[language];
+  var url = props.url.replace('{{DivaNr}}', props.divaNr);
+  url = url;
+  var text = t('configurator.sharemessage');
+  function onShare(type) {
+    switch (type) {
+      case 'facebook':
+        window.open("https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url)), '_blank');
+        break;
+      case 'email':
+        window.open("mailto:?body=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
+        break;
+      case 'telegram':
+        window.open("https://telegram.me/share/url?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text)), '_blank');
+        break;
+      case 'whatsapp':
+        window.open("https://api.whatsapp.com/send?text=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
+        break;
+    }
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [props.loading && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        style: {
+          position: 'absolute',
+          left: 0,
+          right: 0,
+          marginLeft: 'auto',
+          marginRight: 'auto',
+          width: 100
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: loader
+        })
+      }), /*#__PURE__*/jsx("div", {
+        style: {
+          position: 'absolute',
+          bottom: 0
+        },
+        children: t('configurator.shareloadinginfo')
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 10,
+        visibility: props.loading ? 'hidden' : 'visible'
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        dangerouslySetInnerHTML: {
+          __html: t('configurator.sharedescription')
+        }
+      }), /*#__PURE__*/jsxs("div", {
+        className: shareOption,
+        onClick: function onClick() {
+          return onShare('email');
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: emailIcon
+        }), /*#__PURE__*/jsx("div", {
+          className: shareText,
+          children: t('configurator.shareemail')
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: shareOption,
+        onClick: function onClick() {
+          return onShare('facebook');
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: facebookIcon
+        }), /*#__PURE__*/jsx("div", {
+          className: shareText,
+          children: t('configurator.sharefacebook')
+        })]
+      }), isMobile && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("div", {
+          className: shareOption,
+          onClick: function onClick() {
+            return onShare('whatsapp');
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: whatsappIcon
+          }), /*#__PURE__*/jsx("div", {
+            className: shareText,
+            children: t('configurator.sharewhatsapp')
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: shareOption,
+          onClick: function onClick() {
+            return onShare('telegram');
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: telegramIcon
+          }), /*#__PURE__*/jsx("div", {
+            className: shareText,
+            children: t('configurator.sharetelegram')
+          })]
+        })]
+      })]
+    })]
+  });
+});
+
+export { Share as default };

package/build/esm/index-f9e62abb.js

@@ -0,0 +1,76 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-75136b70.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useHover, useLayer } from 'react-laag';
+import SettingsPosNrToolTip from './index-29fcd088.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-fa29a150.js

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

package/build/esm/index-fa40ab8b.js

@@ -0,0 +1,46 @@
+import { s as styleInject, u as useViewHandler } from './index-75136b70.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import RoomSerious from './index-f4cd23ad.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var container = "container-IUsXl";
+var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n";
+styleInject(css_248z);
+
+var RoomListSelection = function RoomListSelection(props) {
+  var viewHandler = useViewHandler();
+  var items = viewHandler.paletteViewHandler.getRoomList();
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("div", {
+    className: container,
+    hidden: !viewHandler.settingsState.roomListInitialized,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/jsx(RoomSerious, {
+        item: item,
+        from: viewHandler.settingsState.roomListInitialized
+      }, item.codex);
+    })
+  });
+};
+var index = observer(RoomListSelection);
+
+export { index as default };

package/build/esm/index-fc57e842.js

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-75136b70.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SettingsItemAccessoireTemplate = function SettingsItemAccessoireTemplate(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires"
+  }));
+};
+
+export { SettingsItemAccessoireTemplate as default };

package/build/esm/index-ffc62c05.js

@@ -0,0 +1,103 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-75136b70.js';
+import 'react';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var tableOptions = "table-options-phhIL";
+var tableSpan15 = "table-span15-sSyJ4";
+var tableSpan5 = "table-span5-wqrZR";
+var tableSpan7 = "table-span7-z-JAr";
+var img = "img-RdvAq";
+var checked = "checked--oiE6";
+var unchecked = "unchecked-RbO0u";
+var optionImage = "option-image-4wxp2";
+var marginTop = "marginTop-76IgZ";
+var css_248z = ".table-options-phhIL {\n  display: flex;\n  gap: 10px;\n  text-align: left;\n  border-bottom: 1px solid black;\n  margin-bottom: 10px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-options-phhIL th:hover:last-child {\n  cursor: pointer;\n}\n.table-options-phhIL:nth-last-child(-n + 2) {\n  margin-top: 12px;\n}\n\n.table-options-phhIL span {\n  flex-basis: 100%;\n}\n.table-options-phhIL .table-span10-CHfJN {\n  flex-basis: 15%;\n}\n.table-options-phhIL .table-span15-sSyJ4 {\n  flex-basis: 20%;\n  font-size: 12px;\n}\n.table-options-phhIL .table-span5-wqrZR {\n  flex-basis: 4%;\n}\n.table-options-phhIL .table-span7-z-JAr {\n  flex-basis: 7.65%;\n}\n.img-RdvAq {\n  height: 25px;\n  background-repeat: no-repeat;\n  cursor: pointer;\n  background-position: 80% 50%;\n}\n.checked--oiE6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.unchecked-RbO0u {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.option-image-4wxp2 {\n  width: 45px;\n  height: 45px;\n}\n.marginTop-76IgZ {\n  margin-top: 12px;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["tabGroupOption", "basketId"];
+var TabGroupOptions = function TabGroupOptions(_ref) {
+  var _article$getArticleOp, _ops$val, _ops$valCodex;
+  var tabGroupOption = _ref.tabGroupOption,
+    basketId = _ref.basketId;
+    _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var article = articles === null || articles === void 0 ? void 0 : articles[basketId];
+  var ops = article === null || article === void 0 || (_article$getArticleOp = article.getArticleOptionState) === null || _article$getArticleOp === void 0 ? void 0 : _article$getArticleOp.call(article, tabGroupOption.codex);
+  var posNr = Object.values(tabGroupOption.configSteps)[0].posNr;
+  if (ops === undefined) return /*#__PURE__*/jsx(Fragment, {});
+  var image = (_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.image;
+  if (image) image = article === null || article === void 0 ? void 0 : article.CatalogData.getCatImageURL(image, '_low');else image = undefined;
+  var clickNavigation = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(posNr);
+            viewHandler.updateConfiguratorState(true);
+            _context.next = 4;
+            return DivaUtils.Sleep(100);
+          case 4:
+            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function clickNavigation() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsxs("div", {
+      onClick: clickNavigation,
+      className: tableOptions,
+      children: [/*#__PURE__*/jsxs("span", {
+        children: [/*#__PURE__*/jsx("div", {
+          children: ops.optionName + ' (' + ops.optionCodex.replace('OPT', '') + ')'
+        }), /*#__PURE__*/jsx("div", {
+          children: ops.valName + ' (' + ((_ops$valCodex = ops.valCodex) === null || _ops$valCodex === void 0 ? void 0 : _ops$valCodex.replace('OPV', '')) + ')'
+        }), !!ops.freeText && /*#__PURE__*/jsx("div", {
+          children: ops.freeText
+        })]
+      }), /*#__PURE__*/jsx("span", {
+        className: tableSpan5,
+        children: image != undefined && /*#__PURE__*/jsx("img", {
+          src: image,
+          className: optionImage
+        })
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(tableSpan15, marginTop),
+        children: !!(ops.usedCalcPrice || ops.calcPrice) && DivaUtils.formatPrice(ops.usedCalcPrice || ops.calcPrice)
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(tableSpan5, marginTop),
+        children: ops.headerPosVariationType
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(img, tableSpan7, marginTop, ops.isDefined ? checked : unchecked)
+      })]
+    })
+  });
+};
+var TabGroupOptions$1 = observer(TabGroupOptions);
+
+export { TabGroupOptions$1 as default };

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-5b30dfe3.js';
+export { W as WebPlannerReact, c as default } from './index-75136b70.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';