@crystaldesign/diva-web-planner-react 25.4.0-beta.9 → 25.4.0-rc.1

package/build/esm/index-f2857610.js

@@ -1,121 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.js';
-import { Suspense } from 'react';
-import DivaUtils from '@crystaldesign/diva-utils';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-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 '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'mobx-react-lite';
-
-var pricePreview = "price-preview-mwp8h";
-var left = "left-j4aB7";
-var right = "right-8Kd-Q";
-var loader = "loader-q6IkE";
-var css_248z = ".price-preview-mwp8h {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.left-j4aB7 {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.right-8Kd-Q {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.loader-q6IkE {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: spinner-Qvhg8 1s linear infinite;\n}\n\n@keyframes spinner-Qvhg8 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\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 PricePreview = function PricePreview(_ref) {
-  var asyncPricePreview = _ref.asyncPricePreview,
-    _ref$pos = _ref.pos,
-    pos = _ref$pos === void 0 ? 'right' : _ref$pos,
-    style = _ref.style,
-    price = _ref.price,
-    sel = _ref.sel;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    hideConfigPricePreview = _useDivaCore$state.hideConfigPricePreview;
-  var viewHandler = useViewHandler();
-  if (hidePrices) return /*#__PURE__*/jsx(Fragment, {});
-  if (price) return /*#__PURE__*/jsx("div", {
-    className: classnames(pricePreview, pos == 'left' ? left : right),
-    style: style,
-    children: DivaUtils.formatPrice(Math.abs(price), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))
-  });
-  if (hideConfigPricePreview || viewHandler.getViewConfig().pricePreview == 'fromCurrentPriceHideCurrent' && sel) return /*#__PURE__*/jsx(Fragment, {});
-  if (asyncPricePreview) return /*#__PURE__*/jsx(Suspense, {
-    fallback: /*#__PURE__*/jsx(Fragment, {}),
-    children: /*#__PURE__*/jsx(AsyncRender1, {
-      asyncPricePreview: asyncPricePreview.isVisible,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(pricePreview, pos == 'left' ? left : right),
-        style: style,
-        children: /*#__PURE__*/jsx(Suspense, {
-          fallback: /*#__PURE__*/jsx("div", {
-            className: loader
-          }),
-          children: /*#__PURE__*/jsx(AsyncRender2, {
-            asyncPricePreview: asyncPricePreview.promise
-          })
-        })
-      })
-    })
-  });
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender1 = function AsyncRender1(_ref2) {
-  var asyncPricePreview = _ref2.asyncPricePreview,
-    children = _ref2.children;
-  var result = use(asyncPricePreview);
-  if (result) return children;
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender2 = function AsyncRender2(_ref3) {
-  var _window;
-  var asyncPricePreview = _ref3.asyncPricePreview;
-  var result = use(asyncPricePreview);
-  var viewHandler = useViewHandler();
-  var pricePreviewType = viewHandler.getViewConfig().pricePreview;
-  var deltaPrice;
-  switch (pricePreviewType) {
-    default:
-    case 'fromCurrentPrice':
-    case 'fromCurrentPriceHideCurrent':
-      deltaPrice = result.price - result.origPrice;
-      break;
-    case 'fromBasePrice':
-      deltaPrice = result.price - result.firstPrice;
-      break;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [((_window = window) === null || _window === void 0 ? void 0 : _window.DIVA_LOGGER) == 0 && false ? result.calcTime + 'ms ' : '', (deltaPrice < 0 ? '-' : '+') + DivaUtils.formatPrice(Math.abs(deltaPrice), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))]
-  });
-};
-function use(promise) {
-  if (promise.status === 'fulfilled') {
-    return promise.value;
-  } else if (promise.status === 'rejected') {
-    throw promise.reason;
-  } else if (promise.status === 'pending') {
-    throw promise;
-  } else {
-    promise.status = 'pending';
-    promise.then(function (result) {
-      promise.status = 'fulfilled';
-      promise.value = result;
-    }, function (reason) {
-      promise.status = 'rejected';
-      promise.reason = reason;
-    });
-    throw promise;
-  }
-}
-
-export { PricePreview as default };

package/build/esm/index-f2c90a01.js

@@ -1,58 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.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/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 wcTabGroupItem = "wcTabGroupItem-TP7vT";
-var portrait = "portrait-3cTAf";
-var landscape = "landscape-6Dea8";
-var wcActiveStep = "wcActiveStep-y3S9Y";
-var wcVisitedStep = "wcVisitedStep-yDCqq";
-var wcStepNum = "wcStepNum-6FgQh";
-var css_248z = ".wcTabGroupItem-TP7vT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n.portrait-3cTAf.wcTabGroupItem-TP7vT,\n.landscape-6Dea8.wcTabGroupItem-TP7vT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%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 center;\n  color: transparent;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_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) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
-    children: [/*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), t('configurator.' + tabGroup.title, tabGroup.title)]
-  });
-};
-var index = observer(TabGroupItemHorizontalGold);
-
-export { index as default };

package/build/esm/index-f45c3849.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.js';
-import 'react';
-import classnames from 'classnames';
-import StepInfo from './index-8ac3e20c.js';
-import SettingsHeader from './index-fe4cb32d.js';
-import ReplaceSwitch from './index-8623dd4b.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, 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/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 wcConfiguratorConfigPaletteContainer = "wcConfigurator-ConfigPaletteContainer-uKDCv";
-var css_248z = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\n  width: 100%;\n  margin-bottom: 24px;\n}\n";
-styleInject(css_248z);
-
-var ItemWrapper = function ItemWrapper(_ref) {
-  var item = _ref.item,
-    style = _ref.style,
-    children = _ref.children;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorConfigPaletteContainer, {
-      wcFilterVisible: item.filterVisible
-    }),
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    id: item.configStepKey,
-    children: [/*#__PURE__*/jsx(StepInfo, {
-      stepInfo: item.info
-    }), !item.isHeader && !item.hideHeader ? /*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: true,
-      isSettingsHeader: false,
-      item: item
-    }) : /*#__PURE__*/jsx(Fragment, {}), item.type == 'ART' && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), children]
-  });
-};
-var ItemWrapper$1 = observer(ItemWrapper);
-
-export { ItemWrapper$1 as default };

package/build/esm/index-f4c0871e.js

@@ -1,257 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-3faa6b5e.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect, createElement } from 'react';
-import Product from './index-1204dcac.js';
-import Sidebar from './index-08382d41.js';
-import OptionTree from './index-28ad55b2.js';
-import PartListTable from './index-6336a79d.js';
-import MaskEditor from './index-31bf7f0c.js';
-import SVGAnalyzer from './index-8da1876d.js';
-import { l as list } from './index.module-6d0de51d.js';
-import EkTextViewer from './index-251ec8cd.js';
-import CatalogMakeup from './index-f2036cfb.js';
-import DecisionAnalyzer from './index-ba21b101.js';
-import RTVAnalyzer from './index-69510b89.js';
-import J3DEditor from './index-e95cd672.js';
-import PropertiesEditor from './index-b58b8576.js';
-import ArticleOverview from './index-f7ee6b39.js';
-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 '@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 './index-da69c8a8.js';
-import './index-571fc496.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import 'classnames';
-import './index-96ecf4a2.js';
-import './index-8cf1987f.js';
-import 'sift';
-import './index-1b13521e.js';
-import './index-fe4cb32d.js';
-import './index-da6ba979.js';
-import './index-be93b2e8.js';
-import './index-1f213446.js';
-import './index.module-a25d1708.js';
-import './index-c52cd031.js';
-import 'react-switch';
-import './index-392d6936.js';
-import './index-f2857610.js';
-import './index-fa3712b9.js';
-import 'react-dropdown';
-import './index-0824edf4.js';
-import './index-a1652e39.js';
-import './index-ba53bf3c.js';
-import './index-37ec0b5c.js';
-import '@crystaldesign/content-box';
-import './index-cba8aa35.js';
-import './index-41bab11d.js';
-import './index-e37ffbac.js';
-import './index-ca590435.js';
-import './index-4a00a598.js';
-import './index-7bb7fb6c.js';
-import 'react-laag';
-import './index-810dccf4.js';
-import './index-55962606.js';
-import './index-692d034e.js';
-import './index-78844e89.js';
-import './index-5eb5f779.js';
-import './index-0c2b0ef8.js';
-import './index-e6fdcba0.js';
-import './index-7d4b32f4.js';
-import './index-bf2f9fb0.js';
-import './index-f8f4951e.js';
-import './index.module-3fc86f90.js';
-import './index-cb5278da.js';
-import './index-190f43b2.js';
-import './index-8ac3e20c.js';
-import './index-60332941.js';
-import './index-24219512.js';
-import './index-0fa5c8a5.js';
-import './index-e1ec9b12.js';
-import './index.module-67b6431c.js';
-import './index-f45c3849.js';
-import './index-8623dd4b.js';
-import './index-0e284503.js';
-import './index-69b1700b.js';
-import './index.module-1fc0deef.js';
-import 'react-select';
-import './index-ff8546e5.js';
-import './index-25838b6a.js';
-import './index.module-e3128109.js';
-import './index-4327dbdd.js';
-import 'qrcode.react';
-import './index-6125c7f3.js';
-import './index-3b77fd2d.js';
-import './index-984d93db.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-bd242804.js';
-import './index-6e7d145d.js';
-import './index-0ba51b6a.js';
-import './index-35d24120.js';
-import './index-7c222adc.js';
-import './index-8a19998a.js';
-import './index.module-695d7d95.js';
-import './index-4547bf87.js';
-import './index-360af9c8.js';
-import './index-d3e9f705.js';
-import './index-039eb77e.js';
-import './index-6c7ac46a.js';
-import './index-855f60ba.js';
-import './index-83601885.js';
-import './index-7d9f1758.js';
-import './index-3d0cd54b.js';
-import './index-2ad05fb5.js';
-import 'react-qr-code';
-import './index-db1c2bf6.js';
-import './index-7554da7f.js';
-import './index-ea18872f.js';
-import './index-ff26ade6.js';
-import './index-da37ff65.js';
-import './index-e7d3b133.js';
-import 'react-collapsible';
-import './index-2838e114.js';
-import './index-9c223106.js';
-import './index.module-85dd178f.js';
-import 'react-json-view-lite';
-import './react-json-viewer-22944dbf.js';
-import './index.module-c561af86.js';
-import 'jsoneditor';
-import './index-76557f3a.js';
-import './index-926d99d3.js';
-import './index-51e83425.js';
-import './index.module-3bd2a3e1.js';
-import './index-4aad0d28.js';
-import './index-7c39df09.js';
-import './index.module-e644ae97.js';
-import './index-602e6e99.js';
-import './DecisionVizualizer-41e389f0.js';
-import './index-3fc3e9b3.js';
-import './index-e83c89ea.js';
-import './CatalogProperties-c6db8b67.js';
-import './ArticleProperties-26e42c3b.js';
-import './OptionProperties-bbd2b341.js';
-import './OptionValueProperties-97dce7b7.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 CatalogProduct = function CatalogProduct(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  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 'MaskEditor':
-        viewHandler.uiState.setConfigSettingsIsExpanded(false);
-        break;
-    }
-  }, [viewHandler.uiState.activeCatalogSection]);
-  useEffect(function () {
-    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
-  }, []);
-  var activeWindow = undefined;
-  var classname = props.className + ' ' + list;
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'DecisionAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  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-f4dff28a.js

@@ -1,179 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.js';
-import { useState, useEffect } from 'react';
-import OptionTree from './index-28ad55b2.js';
-import PartListTable from './index-6336a79d.js';
-import MaskEditor from './index-31bf7f0c.js';
-import ArticleOverview from './index-f7ee6b39.js';
-import SVGAnalyzer from './index-8da1876d.js';
-import EkTextViewer from './index-251ec8cd.js';
-import CatalogMakeup from './index-f2036cfb.js';
-import DecisionAnalyzer from './index-ba21b101.js';
-import RTVAnalyzer from './index-69510b89.js';
-import J3DEditor from './index-e95cd672.js';
-import PropertiesEditor from './index-b58b8576.js';
-import { jsx } from 'react/jsx-runtime';
-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';
-import '@crystaldesign/widget-contact-form';
-import 'mobx-react-lite';
-import './index.module-6d0de51d.js';
-import './index-ff26ade6.js';
-import './index-da37ff65.js';
-import 'classnames';
-import './index-e7d3b133.js';
-import 'react-collapsible';
-import './index-2838e114.js';
-import './index-9c223106.js';
-import './index.module-85dd178f.js';
-import 'react-json-view-lite';
-import './react-json-viewer-22944dbf.js';
-import './index.module-c561af86.js';
-import 'jsoneditor';
-import './index-76557f3a.js';
-import './index-926d99d3.js';
-import './index-51e83425.js';
-import './index.module-3bd2a3e1.js';
-import './index-4aad0d28.js';
-import './index-7c39df09.js';
-import 'react-dropdown';
-import './index.module-e644ae97.js';
-import './index-ba53bf3c.js';
-import './index-602e6e99.js';
-import './DecisionVizualizer-41e389f0.js';
-import './index-3fc3e9b3.js';
-import './index-e83c89ea.js';
-import './index-c52cd031.js';
-import 'react-switch';
-import './CatalogProperties-c6db8b67.js';
-import './ArticleProperties-26e42c3b.js';
-import './OptionProperties-bbd2b341.js';
-import './OptionValueProperties-97dce7b7.js';
-import 'react-select';
-
-var wrapper = "wrapper-eIL6V";
-var css_248z = ".wrapper-eIL6V {\n  width: 100%;\n  position: absolute;\n  bottom: 82px;\n  z-index: 1000;\n  background-color: rgba(200, 200, 200, 0.9);\n  overflow: auto;\n}\n\n.draghandle-4ydUz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, 50%);\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 ToolContainer = function ToolContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var _useState = useState(436),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var viewHandler = useViewHandler();
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mouseDown = _useState4[0],
-    setMouseDown = _useState4[1];
-  var handler = function handler(mouseDownEvent) {
-    var startHeight = height;
-    var startPosition = {
-      x: mouseDownEvent.pageX,
-      y: mouseDownEvent.pageY
-    };
-    setMouseDown(true);
-    function onMouseMove(mouseMoveEvent) {
-      setHeight(startHeight + startPosition.y - mouseMoveEvent.pageY);
-    }
-    var onMouseUp = function onMouseUp() {
-      setMouseDown(false);
-      document.body.removeEventListener('mousemove', onMouseMove);
-    };
-    document.body.addEventListener('mousemove', onMouseMove);
-    document.body.addEventListener('mouseup', onMouseUp, {
-      once: true
-    });
-  };
-  useEffect(function () {
-    if (height < 300 && !mouseDown) {
-      viewHandler.uiState.setActiveCatalogSection('3D/2D');
-    }
-  }, [height, mouseDown]);
-  var activeWindow = undefined;
-  var props = {
-    onMouseDown: handler
-  };
-  var classname = '';
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'DecisionAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    style: {
-      height: height
-    },
-    children: activeWindow
-  });
-};
-
-export { ToolContainer as default };