@crystaldesign/diva-web-planner-react 26.12.0-beta.9 → 26.13.0-beta.1

package/build/esm/index-75d027c5.js

@@ -1,73 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-249d6781.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import ConceptGallery from './index-7a23816d.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-0ae37a30.js';
-import './index-04aa0bdb.js';
-import 'react-collapsible';
-import './index-020fb695.js';
-import './index-fa5e21a8.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ConceptFilter = function ConceptFilter(_ref) {
-  var additionalGroupFilter = _ref.additionalGroupFilter,
-    paletteId = _ref.paletteId;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    genericConceptItems = _useState2[0],
-    setGenericConceptItems = _useState2[1];
-  var palette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  useEffect(function () {
-    var _palette$conceptFilte;
-    var selected = (_palette$conceptFilte = palette === null || palette === void 0 ? void 0 : palette.conceptFilterValue) !== null && _palette$conceptFilte !== void 0 ? _palette$conceptFilte : '';
-    var newGenericConceptItems = additionalGroupFilter.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        onClick: function onClick() {
-          viewHandler.paletteViewHandler.onSelectFilter(paletteId, selected == item.key ? '' : item.key, 'CONCEPT');
-        },
-        selected: selected === item.key
-      });
-    });
-    setGenericConceptItems(newGenericConceptItems);
-  }, [additionalGroupFilter, palette]);
-  var bannerTitle = t('configurator.conceptFilter.infoTitle');
-  var bannerText = t('configurator.conceptFilter.infoText');
-  return /*#__PURE__*/jsx(ConceptGallery, {
-    genericConceptItems: genericConceptItems,
-    onClose: function onClose() {
-      return viewHandler.paletteViewHandler.onSelectFilter(paletteId, '', 'CONCEPT');
-    },
-    bannerTitle: bannerTitle,
-    bannerText: bannerText
-  });
-};
-var index = observer(ConceptFilter);
-
-export { index as default };

package/build/esm/index-763a1a72.js

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, c as usePlannerUIHandler } from './index-249d6781.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var mouseDownDetected = false;
-var polygonSelected = false;
-var Outline3D = function Outline3D(_ref) {
-  var items = _ref.items,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var viewHandler = useViewHandler();
-  var plannerUIHandler = usePlannerUIHandler();
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/jsx(Fragment, {});
-  var on3DPlannerBGClick = function on3DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-  };
-  var renderPolygon = function renderPolygon(item) {
-    switch (item.elemState) {
-      case 'selectable':
-        return /*#__PURE__*/jsx("polygon", {
-          onMouseUp: function onMouseUp(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction;
-              (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onTouchEnd: function onTouchEnd(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction2;
-              (_item$clickFunction2 = item.clickFunction) === null || _item$clickFunction2 === void 0 || _item$clickFunction2.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onMouseEnter: function onMouseEnter() {
-            if (!isDragging) plannerUIHandler.updateOnHoverOutline3D(true, item, 'PosNr');
-          },
-          onMouseLeave: function onMouseLeave() {
-            plannerUIHandler.updateOnHoverOutline3D(false, item, 'PosNr');
-          },
-          points: item.polygonPoints,
-          style: {
-            zIndex: item.zIndex
-          },
-          className: classnames(item.type == 'Outline3D' ? plannerUIProps.classes.outline.outline3D.outlinePolygon : undefined, item.type == 'Outline3D_Contour' ? plannerUIProps.classes.outline.outline3D.outlinePolygonContours : undefined)
-        }, item.key.toString());
-      case 'selected':
-        if (item.type == 'Outline3D_Contour') {
-          return /*#__PURE__*/jsx("polygon", {
-            points: item.polygonPoints,
-            style: {
-              zIndex: item.zIndex
-            },
-            className: classnames(plannerUIProps.classes.outline.outline3D.outlinePolygonContoursSel)
-          }, item.key.toString());
-        }
-    }
-    return '';
-  };
-  return /*#__PURE__*/jsx("svg", {
-    onMouseDown: function onMouseDown(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onTouchStart: function onTouchStart(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onMouseMove: function onMouseMove(e) {
-      if (mouseDownDetected && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onTouchMove: function onTouchMove(e) {
-      if (mouseDownDetected && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onMouseUp: function onMouseUp(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    ref: function ref(_ref2) {
-      viewHandler.productState.setPlanner3DImageSvgArea(_ref2);
-      //viewHandler.viewModel.htmlElementRefs.planner3DImageSvgArea = ref as any;
-    },
-    style: {
-      zIndex: 100,
-      touchAction: 'pan-x pan-y',
-      height: '100%'
-    },
-    className: classnames(plannerUIProps.classes.outline.outline3D.outlineSVG),
-    children: items.map(function (item, i) {
-      return renderPolygon(item);
-    })
-  }, items.length > 0 ? items[0].key : Math.random());
-};
-var Outline3D$1 = observer(Outline3D);
-
-export { Outline3D$1 as default };

package/build/esm/index-76bcd2ae.js

@@ -1,89 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var infoButton = "infoButton-1VGiK";
-var css_248z = ".infoButton-1VGiK {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n";
-styleInject(css_248z);
-
-var InfoButton = function InfoButton(_ref) {
-  var _selectedElement$grou, _selectedElement$long;
-  var selectedElement = _ref.selectedElement,
-    id = _ref.id,
-    openUrl = _ref.openUrl;
-  var viewHandler = useViewHandler();
-  var text = selectedElement ? ((_selectedElement$grou = selectedElement.groupName) !== null && _selectedElement$grou !== void 0 ? _selectedElement$grou : '') + (selectedElement.parentName ? " (".concat(selectedElement.parentName, ")") : '') + ' ' + ((_selectedElement$long = selectedElement.longDescription) !== null && _selectedElement$long !== void 0 ? _selectedElement$long : '') : '';
-  var updateInfoBox = function updateInfoBox() {
-    if (!selectedElement) return;
-    viewHandler.settingsState.updateInfoBox({
-      type: 'info',
-      content: /*#__PURE__*/jsx(ContentBoxComponent, {
-        onClose: function onClose() {
-          return viewHandler.settingsState.updateInfoBox();
-        },
-        settings: {
-          contentBoxProps: {
-            type: 'CloseButtonContainer',
-            style: {
-              background: 'transparent',
-              padding: 0
-            },
-            closeIconSize: '24px',
-            content: {
-              type: 'InfoBox',
-              imageUrl: selectedElement.image,
-              title: selectedElement.text,
-              text: text
-            }
-          }
-        }
-      }),
-      id: id,
-      key: selectedElement.codex
-    });
-  };
-  var onClick = function onClick() {
-    if (openUrl && selectedElement) {
-      window.open(selectedElement.url, '_blank');
-      return;
-    }
-    viewHandler.settingsState.setContentItemVisible(false);
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'info') viewHandler.settingsState.updateInfoBox();else updateInfoBox();
-  };
-  var boxContent = viewHandler.settingsState.infoBoxContent;
-  if (boxContent && boxContent.id === id && boxContent.key !== (selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.codex) && boxContent.type === 'info') {
-    updateInfoBox();
-  }
-  return /*#__PURE__*/jsx("div", {
-    title: 'Info',
-    onClick: onClick,
-    className: infoButton,
-    children: "i"
-  });
-};
-var InfoButton$1 = observer(InfoButton);
-
-export { InfoButton$1 as default };

package/build/esm/index-782fa428.js

@@ -1,207 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-249d6781.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-04aa0bdb.js';
-import { g as getKey } from './index-b720c02b.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-47c2d7ea.js';
-import './index-09d524e1.js';
-import './index-0a15fb39.js';
-import './index-eb244632.js';
-import './index.module-1fbbe1e8.js';
-import './index-64a89576.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-46b0e556.js';
-import 'react-dropdown';
-import './index-65fa1029.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1276e9ea.js';
-import './index-e960ad43.js';
-import './index-e6afd425.js';
-import '@crystaldesign/content-box';
-import './index-c733f4a1.js';
-import './index-b4d257af.js';
-import './index-6f51ce58.js';
-import './index-3f1a1985.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-a8be8970.js';
-import './index-2dab19de.js';
-import './index-bd5be781.js';
-import './index-895b49f6.js';
-import './index-8968c989.js';
-import './index-5982464d.js';
-import './index-9eb3ca7c.js';
-import 'react-laag';
-import './index.module-6acdbd89.js';
-import './index-5e53165b.js';
-import './index-7fb6e799.js';
-import './index-8cabb96a.js';
-import './index-da0ae878.js';
-import './index-6bda9dee.js';
-import './index.module-e40313d6.js';
-import './index-7ab9feea.js';
-import './index-638a1b4f.js';
-import './index-3d22f68a.js';
-import './index-37960367.js';
-import './index-f704c345.js';
-import './index-db67d874.js';
-import './index-4e2c67a5.js';
-import './index-2bc5b29f.js';
-import './index-cf5733fa.js';
-import './index-d570fb3d.js';
-import './index-fe46b816.js';
-import './index-4e036228.js';
-import './index-66e9f90a.js';
-import 'rc-slider';
-import './index-853574bf.js';
-import './index-fe11a82e.js';
-import './index-039ac222.js';
-import './index-e0353950.js';
-import './index-ba3302cb.js';
-import 'react-confetti-explosion';
-import './index-0363a93e.js';
-import './index-60d74775.js';
-import './index-16aa1d69.js';
-import 'react-qr-code';
-import './index-e74d0cfd.js';
-import './useCustomDimensions-c7681ac6.js';
-import './index-726410e3.js';
-import './ussIsSticky-1699f9c7.js';
-import './index-28c408e2.js';
-import './index-a971f0b3.js';
-import './index-213e8257.js';
-import './index.module-585eee6d.js';
-import './index-9dc2ba7a.js';
-import './index-8166d1d7.js';
-import './index-b0d1a43b.js';
-import './index-123e913d.js';
-
-var wrapper = "wrapper-QG-9Z";
-var wcGroupedContainer = "wcGroupedContainer-jhNWc";
-var open = "open-tiFs0";
-var wcPaletteHeader = "wcPaletteHeader-TmsT4";
-var wcSizeGroupHeader = "wcSizeGroupHeader-40Cqv";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-5oMvI";
-var mobile = "mobile-CMV-0";
-var tablet = "tablet-JUtBt";
-var wcFoldingArrow = "wcFoldingArrow-DFXd-";
-var wcGroupOpen = "wcGroupOpen-6Lf4-";
-var css_248z = ".wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z:last-child {\n  margin-bottom: 20px;\n}\n\n.wcConfigurator-settings-j6rpE .wcGroupedContainer-jhNWc {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.open-tiFs0 .Collapsible__contentOuter {\n  overflow: visible !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-5oMvI {\n  font-size: 15px;\n  font-weight: 200;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  height: 24px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcGroupHeaderTitle-5oMvI {\n  font-size: 13px;\n}\n\n.wcGroupHeaderTitle-5oMvI:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%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;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  width: 16px;\n  height: 16px;\n  margin-top: 4px;\n}\n\n.wcGroupOpen-6Lf4- .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentVisible = _useState4[0],
-    setContentVisible = _useState4[1];
-  var _useState5 = useState(!group.isFolded),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-    if (group.isFolded) {
-      setContentVisible(false);
-    } else {
-      setTimeout(function () {
-        return setContentVisible(true);
-      }, 800);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, contentVisible ? open : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-
-export { Group$1 as default };

package/build/esm/index-794973d3.js

@@ -1,34 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-249d6781.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Product = function Product(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/Product"
-  }));
-};
-
-export { Product as default };

package/build/esm/index-798c978a.js

@@ -1,73 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject, u as useViewHandler } from './index-249d6781.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var tablet = "tablet-QdtJo";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcTabGroupItem-xfakc {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.portrait-R75Hr .wcTabGroupItem-xfakc {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcActiveStep-E81Bg .wcTabGroupItem-xfakc {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcStepNum-fDZJn {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.horizontal-line-RQbQm {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.portrait-R75Hr .horizontal-line-RQbQm {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.tablet-QdtJo .horizontal-line-RQbQm {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
-  var tabGroup = _ref.tabGroup;
-  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) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = _toConsumableArray(viewHandler.tabGroupState.allTabGroups.keys());
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem),
-      children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };