@crystaldesign/diva-web-planner-react 24.15.0-beta.5 → 24.15.0-beta.50

package/build/esm/index-5600fa55.js

@@ -1,110 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import OptionSelector from './index-576e4628.js';
-import LayoutSelection from './index-3b0328f7.js';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-dropdown';
-import './index.module-33f1b406.js';
-import './index-90066fb0.js';
-
-var wrapper = "wrapper-XC8ci";
-var scrollable = "scrollable-Smp2u";
-var header = "header-Jz4n0";
-var container = "container-sjWkB";
-var css_248z = ".wrapper-XC8ci {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-Smp2u {\n  overflow: auto;\n  left: 50px;\n}\n.header-Jz4n0 {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.container-sjWkB {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\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 CatalogMakeup = function CatalogMakeup(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    origOptions = _useState2[0],
-    setOrigOptions = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOption = _useState4[0],
-    setSelectedOptions = _useState4[1];
-  var currentOption = origOptions === null || origOptions === void 0 ? void 0 : origOptions.find(function (o) {
-    return o.codex === selectedOption;
-  });
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    var options = set === null || set === void 0 ? void 0 : set.CatalogData.getOptions();
-    if (options !== null && options !== void 0 && options.length) {
-      setOrigOptions(options);
-    }
-  }, [viewHandler.settingsState.configChanged]);
-  useEffect(function () {
-    var currentOption = origOptions === null || origOptions === void 0 ? void 0 : origOptions.find(function (o) {
-      return o.codex === selectedOption;
-    });
-    if (currentOption) {
-      naviagateToOption(currentOption);
-    }
-  }, [selectedOption]);
-  var naviagateToOption = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(option) {
-      var configStep;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            configStep = viewHandler.configuratorStructureHandler.getFirstConfigStepByOptionCodex(option.codex);
-            if (!configStep) {
-              _context.next = 7;
-              break;
-            }
-            viewHandler.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(configStep === null || configStep === void 0 ? void 0 : configStep.key);
-            viewHandler.updateConfiguratorState(true);
-            _context.next = 6;
-            return DivaUtils.Sleep(100);
-          case 6:
-            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(configStep.posNr, true);
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function naviagateToOption(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "CatalogMakeup"
-      }), /*#__PURE__*/jsxs("div", {
-        className: container,
-        children: [/*#__PURE__*/jsx(OptionSelector, {
-          options: origOptions,
-          optionState: [selectedOption, setSelectedOptions]
-        }), currentOption && /*#__PURE__*/jsx(LayoutSelection, {
-          option: currentOption
-        }, currentOption.codex)]
-      })]
-    })
-  }));
-};
-var CatalogMakeup$1 = observer(CatalogMakeup);
-
-export { CatalogMakeup$1 as default };

package/build/esm/index-563e69e6.js

@@ -1,53 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-2bc9fc80.js';
-import { useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-225ce628.js';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var TabGroupHorizontal = function TabGroupHorizontal(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    if (!viewHandler.tabGroupState.curTabGroup) return;
-    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
-    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
-    var offsetToRight = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().width / 100 * 20; //  das Active Div soll 20% in der Breite nach links positioniert sein
-    var actDivPos = curTabGroup.getBoundingClientRect().left - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().left; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
-    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollLeft; //           soweit ist aktuell gescrollt
-
-    var toScrollLeft = actDivPos - (viewHandler.uiState.isInMobileView ? 0 : offsetToRight) + actScrollVal;
-    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
-      left: toScrollLeft,
-      top: 0,
-      behavior: 'smooth'
-    });
-  }, [viewHandler.tabGroupState.curTabGroup]);
-  if (!viewHandler.tabGroupState.allTabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Fragment, {
-    children: Object.entries(viewHandler.tabGroupState.allTabGroups).map(function (_ref) {
-      var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        width: 'calc(' + ((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState) === null || _viewHandler$tabGroup2 === void 0 || (_viewHandler$tabGroup2 = _viewHandler$tabGroup2.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().width) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0) + 'px / ' + Object.entries(viewHandler.tabGroupState.allTabGroups).length + ')'
-      }, key);
-    })
-  });
-};
-var TabGroupHorizontal$1 = observer(TabGroupHorizontal);
-
-export { TabGroupHorizontal$1 as default };

package/build/esm/index-576e4628.js

@@ -1,56 +0,0 @@
-import './index-2bc9fc80.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-33f1b406.js';
-import Arrow from './index-90066fb0.js';
-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';
-
-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-58876b75.js

@@ -1,144 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import { useEffect } from 'react';
-import Inputbox from './index-be91056b.js';
-import { cssVariables } from './index-337e5609.js';
-import Product from './index-307740a6.js';
-import Settings from './index-543e763d.js';
-import TabGroup from './index-e8da4935.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7f5fca81.js';
-import './index-b9951f18.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-4756266e.js';
-import './index-df40e56a.js';
-import './index-0ebca967.js';
-import './index-37013b72.js';
-import './index-47452a00.js';
-import './index.module-11bc5c12.js';
-import './index-f8b69cae.js';
-import './index-68f9e11f.js';
-import './index-8b83d232.js';
-import './index-4d96bc16.js';
-import './index-06ad987e.js';
-import './index-871c632e.js';
-import '@crystaldesign/content-box';
-import './index-43324c24.js';
-import './index-bd5cbfeb.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-632887b4.js';
-import './index-233453d5.js';
-import './index-8bfa0bb4.js';
-import './index-f28bd951.js';
-import './index-d964d459.js';
-import 'react-laag';
-import './index-1b841bd4.js';
-import './index-0b515b14.js';
-import './index-0318d9e3.js';
-import 'sift';
-import './index-d0ed8a75.js';
-import './index-6d758576.js';
-import './index-191b9887.js';
-import './index-caa2b780.js';
-import './index.module-d465b113.js';
-import './index-e65eaee4.js';
-import './index-5aa227a9.js';
-import './index-7f5ac813.js';
-import './index-07c2d7bd.js';
-import './index-90066fb0.js';
-import './index-e719f730.js';
-import './index-1007d8ed.js';
-import './index-646dd72d.js';
-import './index-6b0ab35a.js';
-import './index-f953a8bc.js';
-import './index-d5b624fb.js';
-import '@crystaldesign/products-component';
-import './index-ed5e07ad.js';
-import './index-55a73f3f.js';
-import './index-945d9dc5.js';
-import './index-67d5f252.js';
-import './index-c3669de7.js';
-import './index-ecaad196.js';
-import './index-4528d793.js';
-import './index-4281d05f.js';
-import './index-344728c5.js';
-import './index-317b6228.js';
-import './index-a8e4a140.js';
-import './index-36b7553c.js';
-import './index-1efdd614.js';
-import './index.module-bbc35538.js';
-import './index-1916170b.js';
-import './index-ddf0566a.js';
-import './index-5445ec50.js';
-import './index-1a1bbdab.js';
-import './index-6dcc8772.js';
-import './index-e3b3d0ad.js';
-import './index-7f429c6d.js';
-import './index.module-46452a5c.js';
-import './index-aede039f.js';
-import './index-2af4c442.js';
-import './index-4d14186d.js';
-import './index-563e69e6.js';
-import './index-225ce628.js';
-import './index-f2f95294.js';
-import './index-33735ec3.js';
-import './index-95e3936e.js';
-
-var wcConfigurator = "wcConfigurator-VvOGT";
-var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";
-var wcConfiguratorProduct = "wc-configurator-product-Z3rOO";
-var productList = "product-list-18YTy";
-var wcConfiguratorSettings = "wc-configurator-Settings-On8Ph";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-VvOGT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-VvOGT *,\n.wcConfigurator-VvOGT *::before,\n.wcConfigurator-VvOGT *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-CYXm7 {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-Z3rOO {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-Z3rOO.product-list-18YTy {\n  display: none;\n}\n\n.wc-configurator-Settings-On8Ph.product-list-18YTy {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.wc-configurator-Settings-On8Ph {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var index = observer(Serious);
-
-export { index as default };

package/build/esm/index-58bd555c.js

@@ -1,62 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import '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/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var header = "header-88iFZ";
-var wrapper = "wrapper-zFPaP";
-var title = "title-Mime-";
-var sel = "sel--F5X-";
-var collapseArrow = "collapseArrow-iq67x";
-var open = "open-t8G5n";
-var mobile = "mobile-Ksq3e";
-var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\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 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_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 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
-  var openState = _ref.openState,
-    curState = _ref.curState,
-    tabs = _ref.tabs;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    onClick: function onClick() {
-      return openState[1](!openState[0]);
-    },
-    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: tabs.map(function (b, index) {
-        return /*#__PURE__*/jsxs("div", {
-          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
-          onClick: function onClick(e) {
-            curState[1](b);
-            if (!openState[0]) openState[1](true);
-            e.stopPropagation();
-          },
-          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
-        }, b);
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(collapseArrow)
-    })]
-  });
-};
-var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
-
-export { SubTabGroupHeader$1 as default };

package/build/esm/index-596ed690.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-2bc9fc80.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var BasketAction = function BasketAction(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Action/Basket"
-  }));
-};
-
-export { BasketAction as default };

package/build/esm/index-5a037247.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var doneBar = "doneBar-xosJY";
-var todoBar = "todoBar-sVQM-";
-var css_248z = ".doneBar-xosJY {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.todoBar-sVQM- {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\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 ProgressBar = function ProgressBar(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var lastStep = viewHandler.configuratorStructureHandler.lastConfigStep;
-  var currentStep = viewHandler.tabGroupState.curConfigStep;
-  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
-  var current = currentStep.posNr - 1;
-  var total = lastStep.posNr - 1;
-  var doneInPercent = Math.round(current / total * 100);
-  var todoInPercent = 100 - doneInPercent;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        width: doneInPercent + '%'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: todoBar,
-      style: {
-        width: todoInPercent + '%'
-      }
-    })]
-  }));
-};
-var ProgressBar$1 = observer(ProgressBar);
-
-export { ProgressBar$1 as default };