@crystaldesign/diva-web-planner-react 24.15.0-beta.30 → 24.15.0-beta.32

package/build/esm/index-f6ef310a.js

@@ -0,0 +1,157 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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 wrapper = "wrapper-J9tZI";
+var scrollable = "scrollable-8uAoc";
+var header = "header-kOQCg";
+var ekTextClass = "ekTextClass-w-J0r";
+var table = "table-4dpdq";
+var column = "column-25QWm";
+var css_248z = ".wrapper-J9tZI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-8uAoc {\n  overflow: auto;\n  left: 50px;\n}\n.header-kOQCg {\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\n.ekTextClass-w-J0r {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-4dpdq {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-4dpdq thead {\n  font-weight: bold !important;\n}\n.table-4dpdq thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-25QWm {\n  text-align: left;\n}\n.column-25QWm:first-child {\n  height: 20px;\n}\n.column-25QWm th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-25QWm th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-25QWm th:last-child {\n  font-size: 12px;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["onMouseDown"];
+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 EkTextViewer = function EkTextViewer(_ref) {
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    ekText = _useState2[0],
+    setEkText = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sapOrderLines = _useState4[0],
+    setSapOrderLines = _useState4[1];
+  var getEkText = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _basket$getEKText, _basket$SAPOrderLines;
+      var basket;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return viewHandler.divaWebPlanner.getBasketDataWithEkText();
+          case 2:
+            basket = _context.sent;
+            if (basket) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            setEkText((_basket$getEKText = basket.getEKText()) !== null && _basket$getEKText !== void 0 ? _basket$getEKText : '');
+            setSapOrderLines((_basket$SAPOrderLines = basket.SAPOrderLines) !== null && _basket$SAPOrderLines !== void 0 ? _basket$SAPOrderLines : []);
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getEkText() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    getEkText();
+  }, [viewHandler.settingsState.configChanged]);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    children: /*#__PURE__*/jsxs("div", {
+      className: wrapper,
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        onMouseDown: onMouseDown,
+        children: "EkText \xDCbersicht"
+      }), !!sapOrderLines.length && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("h3", {
+          children: "SapOrderLines"
+        }), /*#__PURE__*/jsxs("table", {
+          className: table,
+          children: [/*#__PURE__*/jsx("thead", {
+            children: /*#__PURE__*/jsxs("tr", {
+              className: column,
+              children: [/*#__PURE__*/jsx("th", {
+                children: "Name"
+              }), /*#__PURE__*/jsx("th", {
+                children: "EkText"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Preis"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Artikle Nr."
+              }), /*#__PURE__*/jsx("th", {
+                children: "Retail Artikle Nr."
+              }), /*#__PURE__*/jsx("th", {
+                children: "Prefix"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Menge"
+              }), /*#__PURE__*/jsx("th", {
+                children: "PosNr"
+              })]
+            })
+          }), /*#__PURE__*/jsx("tbody", {
+            children: sapOrderLines.map(function (sol, index) {
+              var _sol$Price;
+              return /*#__PURE__*/jsxs("tr", {
+                className: column,
+                children: [/*#__PURE__*/jsxs("th", {
+                  children: [" ", sol.Name]
+                }), sol.OrderText ? /*#__PURE__*/jsx("th", {
+                  dangerouslySetInnerHTML: {
+                    __html: sol.OrderText.replace(/\r\n/g, '<br>')
+                  }
+                }) : /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsxs("th", {
+                  children: [" ", (_sol$Price = sol.Price) !== null && _sol$Price !== void 0 ? _sol$Price : 0, " "]
+                }), /*#__PURE__*/jsxs("th", {
+                  children: [" ", sol.ArticleNr, " "]
+                }), /*#__PURE__*/jsxs("th", {
+                  children: [" ", sol.RetailArticleName, " "]
+                }), /*#__PURE__*/jsxs("th", {
+                  children: [sol.ArticleNrPrefix, " "]
+                }), /*#__PURE__*/jsxs("th", {
+                  children: [sol.Quantity, " "]
+                }), /*#__PURE__*/jsx("th", {
+                  children: sol.PosNr
+                })]
+              }, index);
+            })
+          })]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("button", {
+          onClick: function onClick() {
+            var _navigator$clipboard;
+            return (_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 ? void 0 : _navigator$clipboard.writeText(ekText);
+          },
+          children: "kopieren"
+        }), /*#__PURE__*/jsx("div", {
+          className: ekTextClass,
+          dangerouslySetInnerHTML: {
+            __html: ekText.replace(/\r\n/g, '<br>')
+          }
+        })]
+      })]
+    })
+  }));
+};
+var EkTextViewer$1 = observer(EkTextViewer);
+
+export { EkTextViewer$1 as default };

package/build/esm/index-f7ab13a6.js

@@ -0,0 +1,169 @@
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import { useEffect } from 'react';
+import Inputbox from './index-84c89291.js';
+import Product from './index-e364f5cf.js';
+import Settings from './index-dc62aed7.js';
+import TabGroup from './index-149d828a.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-732f19a8.js';
+import './index-b645235e.js';
+import 'react-switch';
+import 'react-dropdown';
+import './index-8e0e572a.js';
+import './index-75a39754.js';
+import './index-e58e8239.js';
+import './index-45702a04.js';
+import './index-3312d011.js';
+import './index.module-2e18d47d.js';
+import './index-b4875478.js';
+import './index-8d52641c.js';
+import './index-60106493.js';
+import './index-db5141e0.js';
+import './index-5de2ceba.js';
+import './index-acbc53b6.js';
+import '@crystaldesign/content-box';
+import './index-1e906813.js';
+import './index-6002e691.js';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+import './index-8187e328.js';
+import './index-1ffd1e87.js';
+import './index-e68d9cea.js';
+import './index-1de427ad.js';
+import './index-b315600d.js';
+import 'react-laag';
+import './index-68dc63a4.js';
+import './index-fdda8bde.js';
+import './index-cd1aa130.js';
+import 'sift';
+import './index-2585ef9c.js';
+import './index-5772e70e.js';
+import './index-4be211d3.js';
+import './index-79ca7dbc.js';
+import './index.module-e42b6f10.js';
+import './index-baf6f0a5.js';
+import './index-97646e57.js';
+import './index-bf7e7d7e.js';
+import './index-e7a5416f.js';
+import './index-5813d93c.js';
+import './index-74f00ce8.js';
+import './index-55fea5df.js';
+import './index-453876e7.js';
+import './index-7560e820.js';
+import './index-94e5f55c.js';
+import './index-78364031.js';
+import './index-2d951d86.js';
+import '@crystaldesign/product-detail-page';
+import '@crystaldesign/products-component';
+import './index-1c1c7bab.js';
+import './index-6c141da5.js';
+import './index-33224e7e.js';
+import './index-924e5401.js';
+import './index-52f953d8.js';
+import './index-b33dd04d.js';
+import './index-730a01cf.js';
+import './index-dc77db35.js';
+import './index-40618114.js';
+import './index-86e23f02.js';
+import './index-b4733a4f.js';
+import './index-1ad6da85.js';
+import './index-ab22a3ca.js';
+import './index.module-dd4473e6.js';
+import './index-61f843ad.js';
+import './index-831a4f04.js';
+import './index-c978d0d3.js';
+import './index-5e49c160.js';
+import './index-e3728299.js';
+import './index-e9aa7ce4.js';
+import './index-c9e60ab7.js';
+import './index.module-7b60fdf0.js';
+import './index-a8f2acc5.js';
+import './index-287dbd3c.js';
+import './index-13ba4cc4.js';
+import './index-2c17fa95.js';
+import './index-4e6406df.js';
+import './index-3e9bbb5f.js';
+import './index-fad05baf.js';
+import './index-402005a2.js';
+
+var wcConfigurator = "wcConfigurator-in-ZO";
+var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
+var wcConfiguratorProduct = "wc-configurator-product-wB64R";
+var productList = "product-list-Xdmjb";
+var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
+var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\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-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\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(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
+      }), /*#__PURE__*/jsx(Product, {
+        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
+        contentItemStartPos: "left"
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#df2927',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '30px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'var(--primaryColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
+  '--itemsMargin': '0.3125rem'
+};
+var index = observer(Serious);
+
+export { cssVariables, index as default };

package/build/esm/index-f7e376bf.js

@@ -0,0 +1,93 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject } from './index-fd6fee6c.js';
+import { observer } from 'mobx-react-lite';
+import AccessoiresStandard from './index-78873fae.js';
+import 'react';
+import { jsx } 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 'classnames';
+import 'react-laag';
+import './index-924e5401.js';
+import './index-52f953d8.js';
+import './index-97646e57.js';
+import './index-451eb1cc.js';
+import 'react-collapsible';
+import './index-27b45ca3.js';
+import './index-cd1aa130.js';
+import 'sift';
+import './index-2585ef9c.js';
+import './index-1ffd1e87.js';
+import './index-5772e70e.js';
+import './index-4be211d3.js';
+import './index-79ca7dbc.js';
+import './index.module-e42b6f10.js';
+import './index-b645235e.js';
+import 'react-switch';
+import './index-baf6f0a5.js';
+import './index-bf7e7d7e.js';
+import 'react-dropdown';
+import './index-e7a5416f.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-5813d93c.js';
+import './index-74f00ce8.js';
+import './index-55fea5df.js';
+import '@crystaldesign/content-box';
+import './index-453876e7.js';
+import './index-7560e820.js';
+import './index-94e5f55c.js';
+import './index-78364031.js';
+import './index-2d951d86.js';
+import '@crystaldesign/product-detail-page';
+import '@crystaldesign/products-component';
+import './index-1c1c7bab.js';
+import './index-6c141da5.js';
+import './index-33224e7e.js';
+import './index-b33dd04d.js';
+import './index-730a01cf.js';
+import './index-dc77db35.js';
+import './index-40618114.js';
+import './index-86e23f02.js';
+import './index-b4733a4f.js';
+import './index-1ad6da85.js';
+import './index-ab22a3ca.js';
+import './index.module-dd4473e6.js';
+import './index-61f843ad.js';
+import './index-831a4f04.js';
+import './index-c978d0d3.js';
+import './index-5e49c160.js';
+import './index-e3728299.js';
+import './index-e9aa7ce4.js';
+import './index-c9e60ab7.js';
+import './index.module-7b60fdf0.js';
+import './index-a8f2acc5.js';
+import './index-287dbd3c.js';
+
+var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
+var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
+var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\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 AccessoiresSerious = function AccessoiresSerious(props) {
+  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
+    wcAccInfoContainerClass: wcAccInfoContainer,
+    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
+    hidePrice: true,
+    hideSize: true
+  }));
+};
+var index = observer(AccessoiresSerious);
+
+export { index as default };

package/build/esm/index-f867467d.js

@@ -0,0 +1,37 @@
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
+var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
+styleInject(css_248z);
+
+var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
+  var index = _ref.index,
+    grid = _ref.grid;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick(e) {
+      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
+      e.stopPropagation();
+    },
+    className: wcAccCtaMinus,
+    children: "-"
+  });
+};
+
+export { ShelfDeleteButton as default };

package/build/esm/index-f8d777f7.js

@@ -0,0 +1,126 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-28c8479a.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { JsonView } from 'react-json-view-lite';
+import './react-json-viewer-2d8a7184.js';
+import { jsxs, jsx } 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';
+
+var table = "table-IFFgy";
+var column = "column-c-8ox";
+var scrollable = "scrollable-lOx7X";
+var header = "header-HNft-";
+var css_248z = ".table-IFFgy {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n}\n.table-IFFgy thead {\n  font-weight: bold !important;\n}\n.table-IFFgy thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-c-8ox {\n  text-align: left;\n}\n.column-c-8ox:first-child {\n  height: 20px;\n}\n.column-c-8ox th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-c-8ox th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-c-8ox th:last-child {\n  font-size: 12px;\n}\n.scrollable-lOx7X {\n  overflow: auto;\n  left: 50px;\n}\n.header-HNft- {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\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 PartListAnalyzer = function PartListAnalyzer(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  useEffect(function () {
+    var asyncFunct = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return DivaUtils.Sleep(1000);
+            case 2:
+              setRerender(!rerender);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  var partlistArticles = [];
+  for (var basketId in articles) {
+    partlistArticles = getPartlistArticles(articles[basketId], partlistArticles);
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "St\xFCcklisten \xDCbersicht"
+    }), /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsxs("table", {
+        className: table,
+        children: [/*#__PURE__*/jsx("thead", {
+          children: /*#__PURE__*/jsxs("tr", {
+            className: column,
+            children: [/*#__PURE__*/jsx("th", {
+              children: "codex"
+            }), /*#__PURE__*/jsx("th", {
+              children: "decision"
+            })]
+          })
+        }), /*#__PURE__*/jsx("tbody", {
+          children: Object.values(partlistArticles).map(function (partListArticle, index) {
+            return /*#__PURE__*/jsxs("tr", {
+              className: column,
+              children: [/*#__PURE__*/jsxs("th", {
+                children: [" ", partListArticle.codex]
+              }), /*#__PURE__*/jsx("th", {
+                children: /*#__PURE__*/jsx(JsonView, {
+                  data: partListArticle.dec
+                }, viewHandler.settingsState.configChanged)
+              })]
+            }, index);
+          })
+        })]
+      })
+    })]
+  }));
+};
+var getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
+  var _article$catalogArtic;
+  var pls = (_article$catalogArtic = article.catalogArticle.partlistArticlesRules) === null || _article$catalogArtic === void 0 ? void 0 : _article$catalogArtic[0].PartListPos;
+  if (!pls) return [];
+  var _loop = function _loop() {
+    var partlistArticle = pls[i];
+    var dec = article.decisions.find(function (dec) {
+      return Number(dec.Number) === Number(partlistArticle.PartListPosDecisionsAndPosCounts[0].DecisionNumber);
+    });
+    partlistArticles.push({
+      codex: partlistArticle.ItemRefArticles[0].ArticleCodex,
+      doc: dec === null || dec === void 0 ? void 0 : dec.DOC
+    });
+  };
+  for (var i = 0; i < pls.length; i++) {
+    _loop();
+  }
+  return partlistArticles;
+};
+var PartListAnalyzer$1 = observer(PartListAnalyzer);
+
+export { PartListAnalyzer$1 as default };

package/build/esm/index-fa875288.js

@@ -0,0 +1,43 @@
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import 'react';
+import classnames from 'classnames';
+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 'mobx-react-lite';
+
+var verticalItem = "verticalItem-EHV6R";
+var openClass = "open-class-cQobQ";
+var visited = "visited-ecPKp";
+var arrow = "arrow-hUG12";
+var css_248z = ".verticalItem-EHV6R {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.open-class-cQobQ.verticalItem-EHV6R {\n  border-bottom: none;\n}\n\n.visited-ecPKp {\n  background-color: #142a37;\n}\n\n.arrow-hUG12 {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  transition: transform 0.3s ease;\n}\n\n.open-class-cQobQ .arrow-hUG12 {\n  transform: rotate(90deg);\n}\n";
+styleInject(css_248z);
+
+var Header = function Header(_ref) {
+  var tabGroup = _ref.tabGroup,
+    open = _ref.open;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(verticalItem, viewHandler.tabGroupAlreadyVisited(tabGroup) ? visited : undefined, open ? openClass : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      children: t('configurator.' + tabGroup.title, tabGroup.title)
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(arrow)
+    })]
+  });
+};
+
+export { Header as default };