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

package/build/esm/index-0edf5c20.js

@@ -1,156 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import 'react';
-import { S as SettingsItem } from './index-a720ab65.js';
-import ContentItemTeaser from './index-a0581b20.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import 'react-dropdown';
-import './index-225e2edf.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-
-var wrapper = "wrapper-u-Jk1";
-var left = "left-T5gs2";
-var right = "right-VMURD";
-var verticalSeparator = "verticalSeparator-StcmY";
-var css_248z = ".wrapper-u-Jk1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .wrapper-u-Jk1 {\n  gap: 8px;\n}\n\n.left-T5gs2 {\n  flex: 1;\n}\n\n.right-VMURD {\n  flex: 1;\n}\n\n.verticalSeparator-StcmY {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}";
-styleInject(css_248z);
-
-var SettingsItemsGroup = function SettingsItemsGroup(_ref) {
-  var group = _ref.group;
-  useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: left,
-      children: group.left.map(function (id) {
-        var _item$contentItemTeas, _item$optionCodex, _item$contentItemTeas2;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas = item.contentItemTeaser) === null || _item$contentItemTeas === void 0 ? void 0 : _item$contentItemTeas.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey + item.id), ((_item$contentItemTeas2 = item.contentItemTeaser) === null || _item$contentItemTeas2 === void 0 ? void 0 : _item$contentItemTeas2.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: verticalSeparator
-    }), /*#__PURE__*/jsx("div", {
-      className: right,
-      children: group.right.map(function (id) {
-        var _item$contentItemTeas3, _item$optionCodex2, _item$contentItemTeas4;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas3 = item.contentItemTeaser) === null || _item$contentItemTeas3 === void 0 ? void 0 : _item$contentItemTeas3.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex2 = item.optionCodex) !== null && _item$optionCodex2 !== void 0 ? _item$optionCodex2 : item.configStepKey + item.id), ((_item$contentItemTeas4 = item.contentItemTeaser) === null || _item$contentItemTeas4 === void 0 ? void 0 : _item$contentItemTeas4.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    })]
-  });
-};
-
-export { SettingsItemsGroup as default };

package/build/esm/index-0f4ff165.js

@@ -1,41 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-d8efc5f4.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-d7db5d4e.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index.module-e47dbcf5.js';
-
-var font = "font-pqTkf";
-var css_248z = ".font-pqTkf {\n  font-weight: 300;\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 ActionNavigationBlue = function ActionNavigationBlue(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    showNextButtonIcon: true,
-    className: classnames(font, props.className)
-  }));
-};
-var index = observer(ActionNavigationBlue);
-
-export { index as default };

package/build/esm/index-0f543154.js

@@ -1,82 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-d8efc5f4.js';
-import 'react';
-import ReactDOM from 'react-dom';
-import FloatingWindow from './index-32073ed9.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'react-switch';
-import 'react-countup';
-import 'react-rnd';
-
-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 TITLES = {
-  PartList: 'Stückliste',
-  PriceAnalyzer: 'Preise',
-  DecisionAnalyzer: 'Decisions',
-  OptionTreeTable: 'Option Tree',
-  ErrorWarningOverview: 'Errors & Warnings',
-  ekText: 'Ek Text',
-  PriceList: 'Price list'
-};
-var WINDOW_TO_COMPONENT = {
-  PartList: 'PartlistDebug',
-  DecisionAnalyzer: 'DecisionAnalyzer',
-  OptionTreeTable: 'OptionTreeTable',
-  PriceAnalyzer: 'PriceAnalyzer',
-  ErrorWarningOverview: 'ErrorAndWarningOverview',
-  PriceList: 'PriceList',
-  ekText: 'EkTextViewer'
-};
-var ToolContainer = function ToolContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var analyzerComponents = useAnalyzerComponents();
-  var windows = Array.from(viewHandler.wysiwygDebugState.activeWysiwygWindows.entries());
-  var renderContent = function renderContent(windowType) {
-    var componentKey = WINDOW_TO_COMPONENT[windowType];
-    var Component = analyzerComponents[componentKey];
-    if (!Component) return /*#__PURE__*/jsx(MissingAnalyzerComponent, {
-      name: componentKey
-    });
-    var commonProps = windowType === 'ErrorWarningOverview' ? {} : {
-      className: ''
-    };
-    return /*#__PURE__*/jsx(Component, _objectSpread({}, commonProps));
-  };
-  var floatingWindows = windows.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      windowType = _ref3[0],
-      bounds = _ref3[1];
-    return /*#__PURE__*/jsx(FloatingWindow, {
-      windowType: windowType,
-      title: TITLES[windowType],
-      bounds: bounds,
-      children: renderContent(windowType)
-    }, windowType);
-  });
-  if (floatingWindows.length === 0) return null;
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsx(Fragment, {
-    children: floatingWindows
-  }), document.body);
-};
-
-export { ToolContainer as default };

package/build/esm/index-1025e9c4.js

@@ -1,44 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment } 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 '@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 'react-switch';
-import 'react-countup';
-
-var logo = "logo-h99KB";
-var hidden = "hidden-uMA1f";
-var notHidden = "not-hidden-88ft-";
-var mobile = "mobile-W86xf";
-var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.mobile-W86xf.logo-h99KB {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n";
-styleInject(css_248z);
-
-var Logo = function Logo(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    logoUrl = _useDivaCore.state.organization.logoUrl;
-  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("img", {
-    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.isMobileLandscape ? notHidden : hidden),
-    src: logoUrl
-  });
-};
-var Logo$1 = observer(Logo);
-
-export { Logo$1 as default };

package/build/esm/index-10d660fb.js

@@ -1,215 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-d8efc5f4.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect, createElement } from 'react';
-import Product from './index-e59a89c2.js';
-import Sidebar from './index-ab828043.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-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 'react-switch';
-import 'react-countup';
-import './index-bc0a6b2a.js';
-import './index-b57014f3.js';
-import '@crystaldesign/content-item';
-import './index-703478b0.js';
-import './index-ab808a45.js';
-import './index-a720ab65.js';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import 'react-dropdown';
-import './index-225e2edf.js';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-import './index-0edf5c20.js';
-import './index-a0581b20.js';
-import './index-48aea99b.js';
-import './index-8d3fd1e9.js';
-import './index-54e9e7f7.js';
-import './index-a65977f4.js';
-import './index.module-d5aa7fdb.js';
-import './index-9af7519d.js';
-import './index-ce4bc2a0.js';
-import './index-186b6a7a.js';
-import './index-c01a1474.js';
-import './index-4a6ad404.js';
-import './index-8da9dced.js';
-import './index-b21a9e78.js';
-import './index-12a0d1b1.js';
-import './index-1025e9c4.js';
-import './index-81b435ea.js';
-import './index-d7ee8ecd.js';
-
-var list = "list-N44Jp";
-var css_248z = ".whole-wrapper-5OM64 {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.not-expanded-A0UYP {\n  width: calc(25.5%) !important;\n}\n.not-expanded-A0UYP {\n  background-color: white;\n}\n.list-N44Jp {\n  width: calc(63% - 50px) !important;\n}\n.list-N44Jp {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\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 WINDOW_TO_COMPONENT = {
-  Options: 'OptionTree',
-  PartList: 'PartListTable',
-  DecisionAnalyzer: 'DecisionAnalyzer',
-  PriceAnalyzer: 'PriceAnalyzer',
-  'Artikelübersicht': 'ArticleOverview',
-  'SVGübersicht': 'SVGAnalyzer',
-  ekText: 'EkTextViewer',
-  CatalogMakeup: 'CatalogMakeup',
-  RTVAnalyzer: 'RTVAnalyzer',
-  J3DEditor: 'J3DEditor',
-  PropertiesEditor: 'PropertiesEditor',
-  GridOverview: 'GridOverview'
-};
-var CatalogProduct = function CatalogProduct(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var analyzerComponents = useAnalyzerComponents();
-  var changeVal = function changeVal(newValue) {
-    localStorage.setItem('lastWindow', newValue);
-    viewHandler.uiState.setActiveCatalogSection(newValue);
-  };
-  useEffect(function () {
-    switch (viewHandler.uiState.activeCatalogSection) {
-      case 'Options':
-        viewHandler.uiState.setConfigSettingsIsExpanded(true);
-        break;
-      case 'ekText':
-      case '3D/2D':
-      case 'PartList':
-      case 'Artikelübersicht':
-      case 'SVGübersicht':
-      case 'DecisionAnalyzer':
-      case 'CatalogMakeup':
-      case 'RTVAnalyzer':
-      case 'J3DEditor':
-      case 'PropertiesEditor':
-      case 'GridOverview':
-        viewHandler.uiState.setConfigSettingsIsExpanded(false);
-        break;
-    }
-  }, [viewHandler.uiState.activeCatalogSection]);
-  useEffect(function () {
-    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
-  }, []);
-  var section = viewHandler.uiState.activeCatalogSection;
-  var classname = props.className + ' ' + list;
-  var activeWindow = undefined;
-  if (section !== '3D/2D') {
-    var componentKey = WINDOW_TO_COMPONENT[section];
-    if (componentKey) {
-      var Component = analyzerComponents[componentKey];
-      if (Component) {
-        var extraProps = section === 'Options' ? {
-          style: {
-            zIndex: 700
-          }
-        } : {
-          className: classname
-        };
-        activeWindow = /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), extraProps));
-      } else {
-        activeWindow = /*#__PURE__*/jsx(MissingAnalyzerComponent, {
-          name: componentKey
-        });
-      }
-    }
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
-      currentWindowActive: viewHandler.uiState.activeCatalogSection,
-      setCurrentWindowActive: changeVal
-    })), /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
-      style: {
-        boxSizing: 'border-box',
-        borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
-      },
-      key: 'product'
-    })), activeWindow]
-  });
-};
-var index = observer(CatalogProduct);
-
-export { index as default };

package/build/esm/index-10dfe0a2.js

@@ -1,66 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-d8efc5f4.js';
-import 'react';
-import SettingsItemHeader from './index-09aba2bd.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'react-switch';
-import 'react-countup';
-import './index-baf5d7f9.js';
-import './index-225e2edf.js';
-import './index-ff0a3002.js';
-import 'react-dropdown';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-e0291e15.js';
-import './index-46787ee3.js';
-import './index-4fe1f8f6.js';
-import './index-917e294a.js';
-import './index-20e25537.js';
-import './index-d146b2e3.js';
-import './index-2a37c0a1.js';
-import 'react-laag';
-import './index-d6d0e50b.js';
-import './index-b76e780f.js';
-import './index-39368a66.js';
-import './index-73873de6.js';
-import 'swiper/react';
-import './index-ca999d66.js';
-import './ussIsSticky-bbc52602.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
-var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";
-var css_248z = ".settingsHeaderContainer-ywbxo {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-ywbxo {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  --infoIconSize: 24px;\n}\n\n.settingsHeaderTitle-AeKfm {\n  font-size: 26px;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\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 SettingsItemHeaderSerious = function SettingsItemHeaderSerious(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderSerious as default };