@crystaldesign/diva-web-planner-react 25.9.0-beta.2 → 25.9.0-beta.20

package/build/esm/index-69ae561b.js

@@ -0,0 +1,60 @@
+import './index-299c4e58.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import Dropdown from 'react-dropdown';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-aa5cb4e9.js';
+import Arrow from './index-b841086e.js';
+import { jsx } 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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var OptionsSelector = function OptionsSelector(_ref) {
+  var options = _ref.options,
+    optionState = _ref.optionState;
+  var ArrowElement = /*#__PURE__*/jsx(Arrow, {
+    onClick: function onClick() {
+      return optionState[1](undefined);
+    },
+    open: false,
+    iconAsDelete: !!optionState[0]
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: wrapper,
+    children: /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRoot),
+      controlClassName: dropdownControl,
+      options: options.map(function (option) {
+        return {
+          label: option.name,
+          value: option.codex
+        };
+      }),
+      value: optionState[0],
+      onChange: function onChange(val) {
+        return optionState[1](val.value);
+      },
+      placeholder: 'Option',
+      arrowClosed: ArrowElement,
+      arrowOpen: ArrowElement
+    })
+  });
+};
+var OptionSelector = observer(OptionsSelector);
+
+export { OptionSelector as default };

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

@@ -0,0 +1,153 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-299c4e58.js';
+import 'react';
+import { w as wholeWrapper, n as notExpanded } from './index.module-f552d2f7.js';
+import TabGroups from './index-f4dd2960.js';
+import TabGroupOptions from './index-3b725da4.js';
+import { observer } from 'mobx-react-lite';
+import ProduktDetails from './index-78f1a73c.js';
+import Collapsible from 'react-collapsible';
+import Price from './index-9562059f.js';
+import classnames from 'classnames';
+import JsonViewer from './index-60cade25.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index.module-2fa6c7b2.js';
+import 'react-json-view-lite';
+import './react-json-viewer-de30c782.js';
+
+var menuPoint = "menu-point-Bz5zM";
+var collapsibleHeader = "collapsibleHeader-lzT9Y";
+var tabGroupWrapper = "tab-group-wrapper-mSLB-";
+var css_248z = ".menu-point-Bz5zM {\n  font-size: 22px;\n  padding: 0px 0px;\n  padding: 10px 0;\n  background-color: var(--primaryColor);\n  border-bottom: 1px solid;\n  width: 100%;\n  text-align: center;\n  margin-left: 0px;\n  color: white;\n  font-weight: 600;\n}\n.collapsibleHeader-lzT9Y {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: #bbbbbb;\n  color: black;\n  border-radius: 5px;\n  margin: 5% 1% 1% 1%;\n  transition: background-color 0.3s;\n  padding: 1% 0%;\n  cursor: pointer;\n}\n.collapsibleHeader-lzT9Y:hover {\n  background-color: var(--primaryColor);\n  color: white;\n}\n.tab-group-wrapper-mSLB- {\n  width: 90%;\n  margin-left: 4%;\n  background-color: white;\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 OptionTree = function OptionTree(_ref) {
+  var _articles$viewHandler, _hiddenOptions$tabGro, _article$getPlannerCo;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var configTree = viewHandler.tabGroupState.allTabGroups;
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
+  var hiddenOptions = viewHandler.divaWebPlanner.getHiddenOptions();
+  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
+  var tree = Object.values(configTree);
+  var hiddenTree = Object.values((_hiddenOptions$tabGro = hiddenOptions === null || hiddenOptions === void 0 ? void 0 : hiddenOptions.tabGroups) !== null && _hiddenOptions$tabGro !== void 0 ? _hiddenOptions$tabGro : {});
+  var canClick = false;
+  tree = tree.filter(function (item) {
+    return item.type == 'OPTION';
+  });
+  var CollapsibleProps = {
+    open: true,
+    easing: 'ease-in',
+    transitionTime: 200
+  };
+  if (!article) {
+    canClick = true;
+  }
+  var mat3D = article === null || article === void 0 || (_article$getPlannerCo = article.getPlannerConfigData) === null || _article$getPlannerCo === void 0 ? void 0 : _article$getPlannerCo.call(article, {}).config;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(wholeWrapper, notExpanded, props.className),
+    children: [/*#__PURE__*/jsx("a", {
+      className: menuPoint,
+      children: "Options \xDCbersicht"
+    }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Produktdetails"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: !canClick && /*#__PURE__*/jsx(ProduktDetails, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Preise"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx(Price, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Optionsbaum"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: tree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Versteckte Optionen"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: hiddenTree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "3D MAT"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: mat3D && /*#__PURE__*/jsx(JsonViewer, {
+        isExpanded: true,
+        collapsed: 5,
+        json: mat3D
+      })
+    }))]
+  }));
+};
+var OptionTree$1 = observer(OptionTree);
+
+export { OptionTree$1 as default };

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

@@ -0,0 +1,79 @@
+import { s as styleInject, u as useViewHandler } from './index-299c4e58.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } 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 verticalItem = "verticalItem-DL7kR";
+var wcSpan = "wcSpan-SGrw1";
+var wcActiveStep = "wcActiveStep-LFT0Y";
+var wcVisitedStep = "wcVisitedStep-w5-CK";
+var wcStepIcon = "wcStepIcon-5Mxjr";
+var topper = "topper-XFq0y";
+var mattress = "mattress-zfGff";
+var headboard = "headboard-QsV0o";
+var footboard = "footboard-3Nr3X";
+var feets = "feets-9AzFg";
+var box = "box-ybfVL";
+var view360 = "view-360-unCQb";
+var ruler = "ruler-4MXXq";
+var fabric = "fabric-XLNF3";
+var cubeBlackBig = "cube-black-big-tVSjM";
+var cubeBlack = "cube-black-V8RGB";
+var euro = "euro-cxqk6";
+var lattenrost = "lattenrost-etCyo";
+var stern = "stern-RZnZt";
+var favorit = "favorit-zEueg";
+var gallery = "gallery-VpB-j";
+var css_248z = ".verticalItem-DL7kR {\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  background-color: var(--primaryColor);\n  box-sizing: content-box;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n  height: 75px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 66%;\n  transition: filter 0.25s ease-out, color 0.25s ease-out;\n}\n\n.wcSpan-SGrw1 {\n  height: 3.5rem;\n  text-align: center;\n  display: block;\n  padding-top: 15px;\n  color: #fefefe;\n  font-size: 0.8125rem;\n  font-weight: 100;\n  line-height: 1;\n  letter-spacing: inherit;\n  -webkit-font-smoothing: unset;\n  -webkit-text-stroke: 0px;\n}\n\n.wcActiveStep-LFT0Y .wcStepNum-fh-Gu {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-w5-CK .wcStepNum-fh-Gu {\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n\n.verticalItem-DL7kR:hover {\n  cursor: pointer;\n  filter: brightness(1.05);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y:hover {\n  filter: brightness(1.15);\n}\n\n.wcStepIcon-5Mxjr {\n  display: block;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n}\n\n.topper-XFq0y {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.mattress-zfGff {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.headboard-QsV0o {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.footboard-3Nr3X {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.feets-9AzFg {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 25%;\n}\n.box-ybfVL {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n\n.view-360-unCQb {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M500 1300q-41 0 -70.5 29.5t-29.5 70.5v700q0 41 29.5 70.5t70.5 29.5h1500q41 0 70.5 -29.5t29.5 -70.5v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-1500zM600 1500h300v500h-300v-100h200v-100h-200v-100h200v-100h-200v-100zM1000 1500h300v400h-200v100h-100v-500z M1400 1500h300v500h-300v-500zM1800 1800h200v200h-200v-200zM1880 1880v40h40v-40h-40zM1500 1600v300h100v-300h-100zM1101 1600v200h100v-200h-100zM1078 62q-22 -17 -41 -17q-17 0 -27 14.5t-10 40.5v297q-230 8 -425.5 50.5t-336.5 111t-241 158t-148.5 192.5 t-48.5 214q0 163 130 291.5t370 211.5v-116q-143 -58 -221.5 -131t-78.5 -153q0 -85 71.5 -160.5t200 -132.5t317 -93.5t411.5 -43.5v304q0 26 10 40.5t27 14.5q19 0 41 -17l594 -476q32 -25 32 -62t-32 -62zM1949 467q-5 -1 -10 -1q-17 0 -28 11.5t-11 29.5v319 q0 14 6.5 27t17.5 22.5t24 13.5q110 32 203.5 67.5t174.5 78.5t127.5 92t46.5 99q0 74 -79 142.5t-221 124.5v116q114 -39 204 -88t157 -109t103 -133.5t36 -155.5q0 -105 -57.5 -209t-156.5 -191t-238.5 -154.5t-298.5 -101.5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.ruler-4MXXq .wcSpan-SGrw1 {\n  padding-top: 12px;\n}\n\n.ruler-4MXXq {\n  height: 90px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M-50 400q-21 0 -35.5 14.5t-14.5 35.5v1350h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600 h100v-600h100v600h100v-1350q0 -21 -14.5 -35.5t-35.5 -14.5h-2600z%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n}\n.fabric-XLNF3 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M250 150l-300 300l250 250l-250 250l250 250l-250 250l250 250l-250 250l300 300l250 -250l250 250l250 -250l250 250l250 -250l250 250l250 -250l250 250l300 -300l-250 -250l250 -250l-250 -250l250 -250l-250 -250l250 -250l-300 -300l-250 250l-250 -250l-250 250 l-250 -250l-250 250l-250 -250l-250 250z%22    %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.cube-black-big-tVSjM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n  height: 90px;\n}\n\n.cube-black-V8RGB {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.euro-cxqk6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M1429 21q-134 0 -256 39t-220 109t-178 167.5t-136.5 214t-90.5 249.5h-388l80 300h263q0 8 -0.5 21t-0.5 26.5v25.5v19.5v7.5h-342l80 300h300q80 377 309.5 583t579.5 206q125 0 240 -34t214 -100.5t176 -160.5t126.5 -220.5t64.5 -273.5h-402q-10 74 -48 144 t-93.5 123t-128.5 85t-149 32q-97 0 -168 -18t-130 -61.5t-99 -118.5t-66 -186h674l-80 -300h-642q-1 0 -1 -7.5v-19.5t0.5 -25.5t1 -26.5t0.5 -21h621l-80 -300h-482q17 -44 36.5 -83.5t44.5 -78t53.5 -70t63.5 -58.5t73.5 -45.5t84.5 -29t95 -10.5q187 0 293.5 123 t130.5 352h402q-16 -187 -82.5 -348.5t-172 -279t-253.5 -184.5t-318 -67z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 35%;\n}\n\n.lattenrost-etCyo {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22   d%3D%22M1903 400l-3 1550v150h-1400v250q0 20 16.5 35t37.5 15h1596q21 0 35.5 -14.5t14.5 -35.5v-1900q0 -21 -14.5 -35.5t-35.5 -14.5h-247zM150 0q-21 0 -35.5 14.5t-14.5 35.5v1900q0 21 14.5 35.5t35.5 14.5h1650v-1950q0 -21 -14.5 -35.5t-35.5 -14.5h-1600z%22   %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n\n.stern-RZnZt {\n  background-size: 55%;\n  background-position: 50% 40%;\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 260 305%22 style%3D%22enable-background%3Anew 0 0 260 305%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FEFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M56%2C236.5l74-228l74%2C228L10%2C95.5h240%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.favorit-zEueg {\n  background-size: 53%;\n  background-position: 50% 30%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_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 526.673 526.673%22 style%3D%22enable-background%3Anew 0 0 526.673 526.673%3B fill%3A%23fff%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%09%3Cpath d%3D%22M526.673%2C204.221l-195.529-7.76L263.337%2C12.885l-67.798%2C183.577L0%2C204.221l153.635%2C121.202l-53.048%2C188.365%09%09%09l162.75-108.664l162.75%2C108.664l-53.048-188.365L526.673%2C204.221z M392.683%2C467.808l-129.346-86.356L133.99%2C467.808%09%09%09l42.163-149.692L54.058%2C221.779l155.404-6.163l53.875-145.885l53.885%2C145.885l155.394%2C6.163l-122.096%2C96.337L392.683%2C467.808z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.gallery-VpB-j {\n  background-size: 42%;\n  background-position: center 20%;\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%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.gallery-VpB-j .wcSpan-SGrw1 {\n  padding-top: 3px;\n}\n";
+styleInject(css_248z);
+
+var VerticalTabGroupItemSerious = function VerticalTabGroupItemSerious(_ref) {
+  var tabGroup = _ref.tabGroup;
+    _ref.height;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+    if (tabGroup.key == 'PRODUCTS') viewHandler.clearPrice();else viewHandler.divaWebPlanner.updatePriceInView();
+  };
+  return /*#__PURE__*/jsx("div", {
+    ref: tabGroupItemRef,
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(verticalItem, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr) ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr)) ? wcVisitedStep : undefined, ['Fuß', 'Feet'].includes(tabGroup.title) ? feets : undefined, ['Matratze', 'Mattress'].includes(tabGroup.title) ? mattress : undefined, ['Planen', 'Planning'].includes(tabGroup.title) ? view360 : undefined, ['Fußteil', 'Footboard'].includes(tabGroup.title) ? footboard : undefined, ['Kopfteil', 'Headboard'].includes(tabGroup.title) ? headboard : undefined, ['Kissen', 'Cushions'].includes(tabGroup.title) ? cubeBlack : undefined, ['Zubehör', 'Accessories'].includes(tabGroup.title) ? cubeBlack : undefined, ['Bezug', 'Cover'].includes(tabGroup.title) ? fabric : undefined, ['Lattenrost', 'Frame'].includes(tabGroup.title) ? lattenrost : undefined, ['Bettart und Grösse', 'Bed type and size'].includes(tabGroup.title) ? ruler : undefined, ['Sternebett', 'Star bed'].includes(tabGroup.title) ? stern : undefined, tabGroup.title == 'Topper' ? topper : undefined, tabGroup.title == 'Box' ? box : undefined, tabGroup.title == 'Summary' ? euro : undefined, tabGroup.title == 'ZUSATZARTIKEL' ? cubeBlackBig : undefined, tabGroup.title == 'Promoted' ? favorit : undefined, tabGroup.title == 'Products' ? gallery : undefined),
+    children: /*#__PURE__*/jsxs("span", {
+      className: wcSpan,
+      children: [/*#__PURE__*/jsx("div", {
+        className: wcStepIcon
+      }), t('configurator.' + tabGroup.title, tabGroup.title)]
+    })
+  });
+};
+var index = observer(VerticalTabGroupItemSerious);
+
+export { index as default };

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

@@ -0,0 +1,103 @@
+import { s as styleInject, u as useViewHandler } from './index-299c4e58.js';
+import 'react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTranslation } from '@crystaldesign/diva-core';
+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/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 wcToolbarFilter = "wcToolbarFilter-Gz4PK";
+var wcPlToolIcon = "wcPlToolIcon-UBaTH";
+var wcToolbarFilterExpanded = "wcToolbarFilterExpanded-Yi0L8";
+var wcToolbarFilterMaxExpanded = "wcToolbarFilterMaxExpanded-7XK-7";
+var wcToolbarCatalogItem = "wcToolbarCatalogItem-PuT3F";
+var mobile = "mobile-Bp3bL";
+var dockL = "DockL-2XY68";
+var isActive = "is-active-Ta3Um";
+var dockLr = "DockLR-PVa10";
+var dockR = "DockR-uK2j5";
+var dockNone = "DockNone-KdE70";
+var accessoire = "Accessoire-ZN7LO";
+var css_248z = "/*DOCKFilter*/\n.wcToolbarFilter-Gz4PK {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .wcToolbarFilter-Gz4PK {\n    display: none;\n  }\n}\n\n.wcPlToolIcon-UBaTH {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.wcToolbarFilterExpanded-Yi0L8 .wcPlToolIcon-UBaTH,\n.wcToolbarFilterMaxExpanded-7XK-7 .wcPlToolIcon-UBaTH {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.wcToolbarCatalogItem-PuT3F {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.mobile-Bp3bL .wcPlToolIcon-UBaTH {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.mobile-Bp3bL .wcToolbarCatalogItem-PuT3F {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.DockL-2XY68 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockL-2XY68.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockLR-PVa10 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockLR-PVa10.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockR-uK2j5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockR-uK2j5.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockNone-KdE70 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNone%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockNone-KdE70.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNoneOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect class%3D%22cls-2%22 x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.Accessoire-ZN7LO {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Ctitle%3EPlus%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_3%22 data-name%3D%22Ebene 3%22%3E%3Cpath d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.Accessoire-ZN7LO.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EAddAccessoireOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_2-2%22 data-name%3D%22Ebene 2%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var DockFilter = function DockFilter() {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var plannerItems = viewHandler.paletteViewHandler.plannerItems;
+  if (!plannerItems.doShowFilterTypes()) return /*#__PURE__*/jsx(Fragment, {});
+  var onSelectConfigFilter = function onSelectConfigFilter(paletteId, codex, filterType) {
+    viewHandler.paletteViewHandler.onSelectFilter(paletteId, codex, filterType);
+  };
+  return /*#__PURE__*/jsxs("ul", {
+    style: {
+      "float": viewHandler.getIsInMobileView() ? 'left' : 'none'
+    },
+    className: classnames(wcToolbarFilter, viewHandler.uiState.configSettingsIsExpanded ? wcToolbarFilterExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcToolbarFilterMaxExpanded : undefined, viewHandler.getIsInMobileView() ? mobile : undefined),
+    children: [viewHandler.settingsState.plannerFilter.curFilteredTypes['DockL'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockL', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockL, viewHandler.settingsState.plannerFilter.dockFilter['DockL'] ? isActive : undefined),
+        title: t('configurator.LEFT_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockLR'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockLR', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockLr, viewHandler.settingsState.plannerFilter.dockFilter['DockLR'] ? isActive : undefined),
+        title: t('configurator.MIDDLE_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockR'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockR', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockR, viewHandler.settingsState.plannerFilter.dockFilter['DockR'] ? isActive : undefined),
+        title: t('configurator.RIGHT_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockNone'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'DockNone', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, dockNone, viewHandler.settingsState.plannerFilter.dockFilter['DockNone'] ? isActive : undefined),
+        title: t('configurator.SOLO_ELEMENTS')
+      })
+    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['Accessoire'] && /*#__PURE__*/jsx("li", {
+      className: wcToolbarCatalogItem,
+      onClick: function onClick() {
+        return onSelectConfigFilter(1, 'Accessoire', 'DockFilter');
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcPlToolIcon, accessoire, viewHandler.settingsState.plannerFilter.dockFilter['Accessoire'] ? isActive : undefined),
+        title: t('configurator.ACCESSOIRE_ELEMENTS')
+      })
+    })]
+  });
+};
+var DockFilter$1 = observer(DockFilter);
+
+export { DockFilter$1 as default };

package/build/esm/index-70592dcd.js

@@ -0,0 +1,125 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-299c4e58.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import { Vector2 } from '@crystaldesign/web-planner-logic';
+import { jsx } from 'react/jsx-runtime';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var mousePosOnScreenLastFrame = new Vector2(0, 0);
+var Outline = function Outline(_ref) {
+  var _item$size, _item$size2;
+  var item = _ref.item,
+    plannerUIProps = _ref.plannerUIProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
+  var _useState3 = useState(item.position.x),
+    _useState4 = _slicedToArray(_useState3, 2),
+    posX = _useState4[0],
+    setPosX = _useState4[1];
+  var _useState5 = useState(item.position.y),
+    _useState6 = _slicedToArray(_useState5, 2),
+    posY = _useState6[0],
+    setPosY = _useState6[1];
+  var mouseDownDetected = false;
+
+  //LOG.log("Set outline UI x: " + posX + ", y: " + posY);
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
+    },
+    onMouseDown: function onMouseDown(e) {
+      mouseDownDetected = true;
+      mousePosOnScreenLastFrame = new Vector2(e.clientX, e.clientY);
+    },
+    onTouchStart: function onTouchStart(e) {
+      if (e.touches.length != 1) return;
+      mouseDownDetected = true;
+      mousePosOnScreenLastFrame = new Vector2(e.touches[0].clientX, e.touches[0].clientY);
+    },
+    onMouseMove: function onMouseMove(e) {
+      if (mouseDownDetected && !isDragging) {
+        var _item$onDragStartFunc;
+        setIsDragging(true);
+        (_item$onDragStartFunc = item.onDragStartFunction) === null || _item$onDragStartFunc === void 0 || _item$onDragStartFunc.call(item, item.setId, Number(item.elementId));
+      }
+      if (isDragging) {
+        var _item$onDragMoveFunct;
+        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
+        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
+
+        (_item$onDragMoveFunct = item.onDragMoveFunction) === null || _item$onDragMoveFunct === void 0 || _item$onDragMoveFunct.call(item, item.setId, Number(item.elementId), new Vector2(e.clientX - mousePosOnScreenLastFrame.x, e.clientY - mousePosOnScreenLastFrame.y));
+        setPosX(posX + e.clientX - mousePosOnScreenLastFrame.x);
+        setPosY(posY + e.clientY - mousePosOnScreenLastFrame.y);
+        mousePosOnScreenLastFrame.x = e.clientX;
+        mousePosOnScreenLastFrame.y = e.clientY;
+      }
+      mouseDownDetected = false;
+    },
+    onTouchMove: function onTouchMove(e) {
+      if (e.touches.length != 1) return;
+      if (mouseDownDetected && !isDragging) {
+        var _item$onDragStartFunc2;
+        setIsDragging(true);
+        (_item$onDragStartFunc2 = item.onDragStartFunction) === null || _item$onDragStartFunc2 === void 0 || _item$onDragStartFunc2.call(item, item.setId, Number(item.elementId));
+      }
+      if (isDragging) {
+        var _item$onDragMoveFunct2;
+        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
+        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
+
+        (_item$onDragMoveFunct2 = item.onDragMoveFunction) === null || _item$onDragMoveFunct2 === void 0 || _item$onDragMoveFunct2.call(item, item.setId, Number(item.elementId), new Vector2(e.touches[0].clientX - mousePosOnScreenLastFrame.x, e.touches[0].clientY - mousePosOnScreenLastFrame.y));
+        setPosX(posX + e.touches[0].clientX - mousePosOnScreenLastFrame.x);
+        setPosY(posY + e.touches[0].clientY - mousePosOnScreenLastFrame.y);
+        mousePosOnScreenLastFrame.x = e.touches[0].clientX;
+        mousePosOnScreenLastFrame.y = e.touches[0].clientY;
+      }
+      mouseDownDetected = false;
+    },
+    onMouseUp: function onMouseUp() {
+      if (isDragging) {
+        var _item$onDragEndFuncti;
+        setIsDragging(false);
+        (_item$onDragEndFuncti = item.onDragEndFunction) === null || _item$onDragEndFuncti === void 0 || _item$onDragEndFuncti.call(item, item.setId, Number(item.elementId));
+      }
+      mouseDownDetected = false;
+    },
+    onTouchEnd: function onTouchEnd() {
+      if (isDragging) {
+        var _item$onDragEndFuncti2;
+        setIsDragging(false);
+        (_item$onDragEndFuncti2 = item.onDragEndFunction) === null || _item$onDragEndFuncti2 === void 0 || _item$onDragEndFuncti2.call(item, item.setId, Number(item.elementId));
+      }
+      mouseDownDetected = false;
+    },
+    style: {
+      left: posX + 'px',
+      top: posY + 'px',
+      width: (item === null || item === void 0 || (_item$size = item.size) === null || _item$size === void 0 ? void 0 : _item$size.x) + 'px',
+      height: (item === null || item === void 0 || (_item$size2 = item.size) === null || _item$size2 === void 0 ? void 0 : _item$size2.y) + 'px',
+      transform: 'rotate(' + (item === null || item === void 0 ? void 0 : item.rotOfElement) + 'deg)'
+    },
+    className: classnames(isDragging ? plannerUIProps.classes.outline.outline2D.draggableActive : undefined, item.elemState == 'selected' ? plannerUIProps.classes.outline.outline2D.draggable : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.outline.outline2D.selectable : undefined)
+  });
+};
+var Outline$1 = observer(Outline);
+
+export { Outline$1 as default };