@crystaldesign/diva-web-planner-react 25.4.0-beta.3 → 25.4.0-beta.30

package/build/esm/index-64355866.js

@@ -0,0 +1,142 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-273b10aa.js';
+import { useState, useEffect } from 'react';
+import Collapsible from 'react-collapsible';
+import SubTabGroupHeader from './index-5b84bf49.js';
+import { S as SettingsItem } from './index-458c7d0a.js';
+import { observer } from 'mobx-react-lite';
+import { jsx, 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/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'classnames';
+import 'sift';
+import './index-8aff7a21.js';
+import './index-0b9c6dcf.js';
+import './index-6d0a6965.js';
+import './index-8a56eb96.js';
+import './index-c69c54f2.js';
+import './index.module-09571d1f.js';
+import './index-febfee5e.js';
+import 'react-switch';
+import './index-d83d9482.js';
+import './index-39cb2054.js';
+import './index-e914694d.js';
+import 'react-dropdown';
+import './index-1235251c.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-968e4147.js';
+import './index-d5a5d30c.js';
+import './index-137af628.js';
+import '@crystaldesign/content-box';
+import './index-7a1fa2a3.js';
+import './index-61ea9f54.js';
+import './index-2f66bd2f.js';
+import './index-41019b38.js';
+import './index-7a4380a6.js';
+import './index-badf7df4.js';
+import 'react-laag';
+import './index-b0c2adfc.js';
+import './index-7b383432.js';
+import './index-4c40bfc5.js';
+import './index-2be19785.js';
+import './index-663639bf.js';
+import './index-cb7924e3.js';
+import './index-0421908a.js';
+import './index-3e86afd5.js';
+import './index-54bac6d1.js';
+import './index-4b57e569.js';
+import './index.module-ccf4e4f4.js';
+import './index-55bdcfd0.js';
+import './index-f84e1342.js';
+import './index-cd0dcc12.js';
+import './index-0189807f.js';
+import './index-92b4be4d.js';
+import './index-23950bfc.js';
+import './index-bc990761.js';
+import './index.module-a687d981.js';
+import './index-c89918f0.js';
+import './index-cd6bb53e.js';
+import './index-13892626.js';
+import './index-ee181ed9.js';
+import './index.module-498a463d.js';
+import 'react-select';
+import './index-5977f6f5.js';
+import './index-2b62291e.js';
+import './index.module-af50b1be.js';
+import './index-3906f607.js';
+import 'qrcode.react';
+import './index-5c17855d.js';
+import './index-1bb2277d.js';
+import './index-344294c0.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-53726249.js';
+import './index-7326be3f.js';
+
+var collapsableOuter = "collapsable-outer-udXIP";
+var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
+styleInject(css_248z);
+
+var SubTabgroup = function SubTabgroup(_ref) {
+  var _viewHandler$getViewC, _viewHandler$getViewC2;
+  var itemPalettesOfArticle = _ref.itemPalettesOfArticle;
+  var viewHandler = useViewHandler();
+  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var basketIds = Object.keys(itemPalettesOfArticle);
+  var _useState3 = useState('ALL'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    curTab = _useState4[0],
+    setCurTab = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabs = _useState6[0],
+    setTabs = _useState6[1];
+  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    itemPalettes = _useState8[0],
+    setItemPalettes = _useState8[1];
+  useEffect(function () {
+    var _itemPalettesOfArticl;
+    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
+    Object.values(actPalettes).map(function (p) {
+      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
+    });
+    setItemPalettes(actPalettes);
+    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
+    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
+  }, [itemPalettesOfArticle, curTab]);
+  return /*#__PURE__*/jsx(Collapsible, {
+    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
+      tabs: tabs,
+      openState: [isOpen, setIsOpen],
+      curState: [curTab, setCurTab]
+    }),
+    contentOuterClassName: isOpen ? collapsableOuter : undefined,
+    easing: "ease",
+    open: isOpen,
+    triggerDisabled: isOpen,
+    children: Object.values(itemPalettes).map(function (item, index) {
+      return /*#__PURE__*/jsx(SettingsItem, {
+        item: item,
+        id: item.id
+      }, index);
+    })
+  });
+};
+var SubTabGroup = observer(SubTabgroup);
+
+export { SubTabGroup as default };

package/build/esm/index-6436e089.js

@@ -0,0 +1,122 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-273b10aa.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 '@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/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 };

package/build/esm/index-6518698c.js

@@ -0,0 +1,47 @@
+import './index-273b10aa.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var Trash = function Trash(_ref) {
+  var item = _ref.item,
+    rect = _ref.rect,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  var left = rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px';
+  var top = rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? 'calc(' + rect.top + '% )' : rect.top + 'px';
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
+    },
+    style: {
+      left: left,
+      top: top
+    },
+    className: classnames(plannerUIProps.classes.trash.trashClass, plannerUIProps.classes.buttonGeneral, item.plannerMode == 'BOX' ? plannerUIProps.classes.trash.boxplanner : undefined),
+    id: "testDel",
+    children: item.posNr
+  });
+};
+var Trash$1 = observer(Trash);
+
+export { Trash$1 as default };

package/build/esm/index-663639bf.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-273b10aa.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 '@crystaldesign/widget-contact-form';
+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 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-672929c0.js

@@ -0,0 +1,70 @@
+import { s as styleInject, u as useViewHandler } from './index-273b10aa.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+import PriceSumm from './index-9b0e91ba.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 '@crystaldesign/widget-contact-form';
+
+var wcConfiguratorAction = "wcConfigurator-action-iR7Ru";
+var actionWrapper = "action-wrapper-TYqko";
+var wcConfiguratorActionButton = "wcConfigurator-action-button-3hCIo";
+var wcCheckoutButtonText = "wcCheckoutButtonText-ac0CJ";
+var mobile = "mobile-wwCj2";
+var icon = "icon-WhJgC";
+var wcBookmarkIcon = "wcBookmarkIcon-rO-Z7";
+var wcConsulationIcon = "wcConsulationIcon-moUm6";
+var css_248z = ".wcConfigurator-action-iR7Ru {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.action-wrapper-TYqko {\n  width: 100%;\n}\n\n.wcConfigurator-action-button-3hCIo {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.wcConfigurator-action-button-3hCIo:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled--eOou .wcConfigurator-action-button-3hCIo {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-ne06W {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-9fAmS {\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%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-2ux1a .wcConfigurator-Settings-hidden-fR5wC.wcConfigurator-settings-actions-isOnLastStep-LzEID .wcConfigurator-action-iR7Ru {\n  display: none;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru .wcConfigurator-action-button-3hCIo {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.landscape-2ux1a .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ,\n.portrait-8hnRF .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-ac0CJ {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.mobile-wwCj2 .action-wrapper-TYqko {\n  display: flex;\n  justify-content: flex-end;\n  width: 38px;\n}\n\n.mobile-wwCj2 .wcConfigurator-action-button-3hCIo {\n  background: no-repeat url('data:image/jpeg;base64,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') center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.icon-WhJgC {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition:\n    background 0.4s,\n    box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.icon-WhJgC:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcBookmarkIcon-rO-Z7 {\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%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBookmarkIcon-rO-Z7:hover {\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%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6 {\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%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6:hover {\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%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var BasketActionRalph = function BasketActionRalph(_ref) {
+  var _ref$buttonTextClassN = _ref.buttonTextClassName,
+    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
+    containerClassName = _ref.containerClassName;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wcConfiguratorAction, containerClassName, viewHandler.getIsInMobileView() ? mobile : undefined),
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcConsulationIcon),
+        title: t('configurator.consulation'),
+        onClick: viewHandler.productState.onRequestConsulation
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcBookmarkIcon),
+        title: t('configurator.bookmark'),
+        onClick: viewHandler.productState.onClickSave2
+      })]
+    }), viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx("div", {
+      className: actionWrapper,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcConfiguratorActionButton),
+        onClick: function onClick() {
+          return viewHandler.actionButtonState.onClickAddToBasket();
+        },
+        id: "wcConfigurator-action-tobasket",
+        children: !viewHandler.getIsInMobileView() && /*#__PURE__*/jsx("div", {
+          className: buttonTextClassName,
+          children: t('configurator.ADD_TO_BASKET')
+        })
+      })
+    })]
+  });
+};
+var index = observer(BasketActionRalph);
+
+export { index as default };

package/build/esm/index-68ca07f3.js

@@ -0,0 +1,49 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-273b10aa.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import VerticalTabGroupItemStandard from './index-6a8db643.js';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs, Fragment } 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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'classnames';
+import './IconHandler-a1ef2b4c.js';
+
+var priceDiv = "price-div-veoFD";
+var priceText = "price-text-34sGt";
+var css_248z = ".price-div-veoFD {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.price-text-34sGt {\n  font-size: 14px;\n  padding-top: calc(10% - 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 VerticalTabGroupItemMountain = function VerticalTabGroupItemMountain(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
+    lastItemDiv: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: priceText,
+        children: t('configurator.PRICE_INFO')
+      }), /*#__PURE__*/jsx("div", {
+        className: priceDiv,
+        children: viewHandler.productState.formatedTotalPrice
+      })]
+    }),
+    minHeight: 65
+  }));
+};
+var index = observer(VerticalTabGroupItemMountain);
+
+export { index as default };

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

@@ -0,0 +1,122 @@
+import { s as styleInject, u as useViewHandler } from './index-273b10aa.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { g as getIconOfTabGroup } from './IconHandler-a1ef2b4c.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var verticalItem = "verticalItem-NmQDx";
+var wcSpan = "wcSpan-0wnmJ";
+var verticalItemPoligon = "verticalItemPoligon-M44lA";
+var wcActiveStep = "wcActiveStep-ykv3D";
+var wcVisitedStep = "wcVisitedStep-qDdfW";
+var wcStepIcon = "wcStepIcon-7hz1S";
+var css_248z = ".verticalItem-NmQDx {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.wcSpan-0wnmJ {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.verticalItemPoligon-M44lA {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.verticalItemPoligon-M44lA:hover,\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.wcStepIcon-7hz1S {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-ykv3D .wcStepIcon-7hz1S {\n  background-color: white;\n}\n";
+styleInject(css_248z);
+
+var VerticalTabGroupItemStandard = function VerticalTabGroupItemStandard(_ref) {
+  var _getIconOfTabGroup;
+  var tabGroup = _ref.tabGroup,
+    height = _ref.height,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 80 : _ref$minHeight,
+    isFirstItem = _ref.isFirstItem,
+    isLastItem = _ref.isLastItem,
+    _ref$wcVisitedStepCla = _ref.wcVisitedStepClass,
+    wcVisitedStepClass = _ref$wcVisitedStepCla === void 0 ? wcVisitedStep : _ref$wcVisitedStepCla,
+    _ref$wcActiveStepClas = _ref.wcActiveStepClass,
+    wcActiveStepClass = _ref$wcActiveStepClas === void 0 ? wcActiveStep : _ref$wcActiveStepClas,
+    _ref$verticalItemPoli = _ref.verticalItemPoligonClass,
+    verticalItemPoligonClass = _ref$verticalItemPoli === void 0 ? verticalItemPoligon : _ref$verticalItemPoli,
+    _ref$wcStepIconClass = _ref.wcStepIconClass,
+    wcStepIconClass = _ref$wcStepIconClass === void 0 ? wcStepIcon : _ref$wcStepIconClass,
+    lastItemDiv = _ref.lastItemDiv;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var width = 128;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  if (height < minHeight) {
+    height = minHeight;
+  }
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+  };
+  var tabGroupActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
+  var tabGroupVisited = viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr));
+  var polygonPoints;
+  if (isFirstItem && isLastItem) {
+    polygonPoints = '0 ' + height + ', 0 0, ' + width + ' 0, ' + width + ' ' + height + ', ' + '64 ' + height;
+  } else if (isFirstItem) {
+    polygonPoints = '0 ' + (height - 8) + ', 0 0, ' + width + ' 0, ' + width + ' ' + (height - 8) + ', ' + '64 ' + height;
+  } else if (isLastItem) {
+    polygonPoints = '0 ' + height + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + height;
+  } else {
+    polygonPoints = '0 ' + (height - 8) + ', 0 0, 64 8, ' + width + ' 0, ' + width + ' ' + (height - 8) + ', 64 ' + height;
+  }
+  var icon = (_getIconOfTabGroup = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons)) !== null && _getIconOfTabGroup !== void 0 ? _getIconOfTabGroup : '';
+  var div = /*#__PURE__*/jsxs("div", {
+    "data-test-id": "tabGroupItem",
+    children: [/*#__PURE__*/jsx("div", {
+      className: wcStepIconClass,
+      style: {
+        WebkitMaskImage: 'url(' + icon + ')',
+        maskImage: 'url(' + icon + ')'
+      }
+    }), /*#__PURE__*/jsx("span", {
+      "data-test-id": "tabGroupItemTitle",
+      children: t('configurator.' + tabGroup.title, tabGroup.title)
+    })]
+  });
+  if (isLastItem && lastItemDiv) {
+    div = lastItemDiv;
+  }
+  return /*#__PURE__*/jsxs("svg", {
+    "data-test-id": "tabGroupItemSvg",
+    viewBox: '0 0 ' + width + ' ' + height,
+    ref: tabGroupItemRef,
+    style: {
+      height: height + 'px',
+      minHeight: minHeight
+    },
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(verticalItem, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+    children: [/*#__PURE__*/jsx("polygon", {
+      className: classnames(verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+      points: polygonPoints
+    }), /*#__PURE__*/jsx("foreignObject", {
+      width: "100%",
+      height: "100%",
+      style: {
+        pointerEvents: 'none'
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcSpan, verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+        children: div
+      })
+    })]
+  });
+};
+var VerticalTabGroupItemStandard$1 = observer(VerticalTabGroupItemStandard);
+
+export { VerticalTabGroupItemStandard$1 as default };