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

package/build/esm/index-0792ceda.js

@@ -0,0 +1,91 @@
+import { s as styleInject, u as useViewHandler } from './index-b7d703a6.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import ProductRoomList from './index-b03cacbb.js';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var wcNav3DToolbar = "wc_Nav3DToolbar-dFNdl";
+var wrapper = "wrapper-AVxdB";
+var wcZoomIn = "wcZoomIn-Zt83g";
+var wcZoomOut = "wcZoomOut-sVnrQ";
+var wcFullScreen = "wcFullScreen-YrF3k";
+var wcReset = "wcReset-b3nN-";
+var wc3DDimLine = "wc3DDimLine-qXO6b";
+var css_248z = ".wc_Nav3DToolbar-dFNdl {\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 400;\n  margin: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.wrapper-AVxdB {\n  background: rgba(254, 254, 254, 0.9);\n  height: 20px;\n  margin-right: 5px;\n  display: flex;\n  flex-direction: row;\n  line-height: 24px;\n\n  padding: 0.6rem 0.5rem 0.9rem 0.5rem;\n}\n.wrapper-AVxdB:hover {\n  background: #fefefe;\n  color: var(--primaryColor);\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.wc_Nav3DToolbar-dFNdl .wrapper-AVxdB div {\n  width: 25.6px;\n  height: 25.6px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center center;\n  transition: background-color 0.15s ease;\n}\n\n/*------------------------Nav Icons--------------------------------------*/\n\n/* pfister */\n.wcZoomIn-Zt83g {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2224%22 viewBox%3D%220 0 26 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.13434 17.3731C13.8328 17.3731 17.6417 13.6079 17.6417 8.96328C17.6417 4.31867 13.8328 0.553467 9.13434 0.553467C4.43584 0.553467 0.626953 4.31867 0.626953 8.96328C0.626953 13.6079 4.43584 17.3731 9.13434 17.3731Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M24.868 22.6179L15.6235 14.5441%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.56201 8.96326H13.7097%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M9.13379 4.44189V13.4847%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomOut-sVnrQ {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.69615 16.6951C12.9919 16.6951 16.4743 13.2526 16.4743 9.00611C16.4743 4.75961 12.9919 1.31714 8.69615 1.31714C4.40038 1.31714 0.917969 4.75961 0.917969 9.00611C0.917969 13.2526 4.40038 16.6951 8.69615 16.6951Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M23.0816 21.4903L14.6631 14.1379%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M4.51465 9.0061H12.8783%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcFullScreen-YrF3k {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M19.5811 10.3625V16.9734C19.5811 18.5633 18.4933 19.9023 17.2381 19.9023H2.76106C1.42215 19.9023 0.417969 18.5633 0.417969 16.9734V3.75162C0.417969 2.16167 1.50583 0.822754 2.76106 0.822754H9.87404%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.5813 0.822754L10.46 9.94409%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M13.7236 0.822754H19.5814V6.59681%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2220%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0 0.404297)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n\n.wcReset-b3nN- {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n\n.wc3DDimLine-qXO6b {\n  width: 32px !important;\n  height: 30px !important;\n  margin-top: -3px !important;\n  margin-left: -5px !important;\n  margin-right: -5px !important;\n}\n\n.wc3DDimLine-qXO6b {\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 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_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 viewBox%3D%220 0 15 12%22 style%3D%22enable-background%3Anew 0 0 15 12%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3B %7D%09.st1%7Bfill%3A%237E7E7E%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M14.8%2C1.3c0-0.6-0.5-1.2-1.2-1.2H1.4c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v9.4c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2h12.2%09c0.6%2C0%2C1.2-0.5%2C1.2-1.2C14.8%2C10.7%2C14.8%2C1.3%2C14.8%2C1.3z%22%2F%3E%3Cg%3E%09%3Cpath class%3D%22st1%22 d%3D%22M12.9%2C2.9c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v5.8c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2S13%2C9%2C13%2C8.9V3.1C13%2C3%2C12.9%2C2.9%2C12.9%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M2.1%2C2.9C2.1%2C2.9%2C2%2C3%2C2%2C3.1v5.8C2%2C9%2C2.1%2C9.1%2C2.1%2C9.1c0.1%2C0%2C0.2-0.1%2C0.2-0.2V3.1C2.3%2C3%2C2.2%2C2.9%2C2.1%2C2.9z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M10.3%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0C10.1%2C5%2C10%2C5%2C10%2C5.1v0.8H5V5.1C5%2C5%2C4.9%2C5%2C4.9%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0l-1.5%2C1%09%09c0%2C0-0.1%2C0.1-0.1%2C0.1c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1l1.5%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0C4.9%2C7.1%2C5%2C7.1%2C5%2C7V6.2H10V7c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1%09%09c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l1.5-1c0%2C0%2C0.1-0.1%2C0.1-0.1c0-0.1%2C0-0.1-0.1-0.1L10.3%2C4.9z M4.6%2C6.7L3.6%2C6l1-0.6V6.7z M10.4%2C6.7%09%09V5.4l1%2C0.6L10.4%2C6.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var NavBar = function NavBar(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(wcNav3DToolbar),
+      children: [!viewHandler.productState.plannerRenderingIsStaticBG && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DViews');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcReset,
+            title: t('configurator.NAV3DVIEWS_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomIn,
+            title: t('configurator.NAV3DZOOMIN_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomOut,
+            title: t('configurator.NAV3DZOOMOUT_TT')
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wc3DDimLine,
+          title: t('configurator.NAV3DDIMLINE_TT')
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wcFullScreen,
+          title: t('configurator.NAV3DFULLSCREEN_TT')
+        })
+      })]
+    }), /*#__PURE__*/jsx(ProductRoomList, {})]
+  });
+};
+var index = observer(NavBar);
+
+export { index as default };

package/build/esm/index-082a9e86.js

@@ -0,0 +1,171 @@
+import { s as styleInject, u as useViewHandler } from './index-b7d703a6.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-af0b134f.js';
+import Product from './index-9d94237d.js';
+import Settings from './index-bd103d62.js';
+import NavigationButtons from './index-f376e026.js';
+import BasketAction from './index-45d01f45.js';
+import TabGroup from './index-c95892a4.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-d9cd3034.js';
+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-43b7e2db.js';
+import './index-6e91489a.js';
+import './index-fd0cf913.js';
+import './index-91571ce5.js';
+import './index-eb5785f7.js';
+import 'react-laag';
+import './index-7cbf558a.js';
+import './index-bdd01d7c.js';
+import './index-459fc9e1.js';
+import 'sift';
+import './index-9a635c2f.js';
+import './index-7788ba94.js';
+import './index-a151f61e.js';
+import './index-e0b996ce.js';
+import './index.module-44a2beee.js';
+import './index-3ff73d29.js';
+import 'react-switch';
+import './index-d34104f5.js';
+import './index-71bbb8f6.js';
+import 'react-dropdown';
+import './index-41c71f9e.js';
+import './index-04630b83.js';
+import './index-1697cc16.js';
+import './index-b3436c12.js';
+import '@crystaldesign/content-box';
+import './index-eab8fa53.js';
+import './index-a6543353.js';
+import './index-c7fd1607.js';
+import './index-85b51df0.js';
+import './index-9deb7c5a.js';
+import '@crystaldesign/products-component';
+import './index-1e74e57c.js';
+import './index-31539087.js';
+import './index-8aaf7088.js';
+import './index-1c588543.js';
+import './index-5a2ed720.js';
+import './index-e7f772b8.js';
+import './index-cd42dc47.js';
+import './index-b570e658.js';
+import './index-77fc4b6e.js';
+import './index-df5edfcd.js';
+import './index-c309ab35.js';
+import './index-cddc71ca.js';
+import './index-8db37a32.js';
+import './index.module-c68a98cf.js';
+import './index-cfb118fd.js';
+import './index-f89124a2.js';
+import './index-cd0b0e41.js';
+import './index-b6bd4cd2.js';
+import './index-8e932c3b.js';
+import './index-913d8394.js';
+import './index-9bb24364.js';
+import './index.module-5c84be4f.js';
+import './index-c07211bc.js';
+import './index-32e43c5e.js';
+import './index-483b9253.js';
+import './index-3da205a3.js';
+import './index-65a9b3af.js';
+import './index-42054f54.js';
+import './index-733e8daa.js';
+import './index-05410e54.js';
+
+var wcConfigurator = "wcConfigurator-XDqzc";
+var landscape = "landscape-h-sQZ";
+var portrait = "portrait-GHprw";
+var wcConfiguratorProduct = "wcConfigurator-product--JVWg";
+var wcConfiguratorSettings = "wcConfigurator-settings-YxHjA";
+var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
+var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
+var expanded = "expanded-Iylhn";
+var settingsHidden = "settings-hidden-T4ySb";
+var isOnLastStep = "isOnLastStep-mmqas";
+var foldedup = "foldedup-NCdbS";
+var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none !important;\n}\n\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\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 Gold = function Gold(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  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: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'none'
+      }), /*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions
+      }), /*#__PURE__*/jsx(BasketAction, {
+        containerClassName: wcConfiguratorAction
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#a81e1e',
+  '--secondaryColor': '#4a4a4a',
+  '--thirdColor': '#dfdfdf',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--galleryItemRadius': '3px',
+  '--galleryItemRowCount': '4',
+  '--galleryItemMargin': '1%',
+  '--galleryItemRowCountSmall': '3',
+  '--galleryItemMarginSmall': '0.5%',
+  '--galleryItemBorderColor': '#e8e9ed83',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--galleryItemBorder': '1px',
+  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '10px',
+  '--settingsScrollerPaddingLeft': '10px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionHeight': '40px',
+  '--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': '11.2px 0 0 0'
+};
+var index = observer(Gold);
+
+export { index as default };

package/build/esm/index-09e45b26.js

@@ -0,0 +1,39 @@
+import './index-b7d703a6.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+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';
+
+var BoxCopy = function BoxCopy(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    plannerUIProps = _ref.plannerUIProps,
+    invertLeftRight = _ref.invertLeftRight;
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.type == 'BoxCopyLeft' ? 'LEFT' : item.type == 'BoxCopyRight' ? 'RIGHT' : item.type == 'BoxCopyTop' ? 'TOP' : 'STD');
+    },
+    style: {
+      left: rect.left + '%',
+      top: 100 - rect.top + '%'
+    },
+    className: classnames(plannerUIProps.classes.copy.BoxPlannerCopy.copyGlobal, item.type == 'BoxCopyLeft' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : undefined, item.type == 'BoxCopyTop' ? plannerUIProps.classes.copy.BoxPlannerCopy.copyTop : undefined, item.type == 'BoxCopyRight' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : undefined)
+  });
+};
+var BoxCopy$1 = observer(BoxCopy);
+
+export { BoxCopy$1 as default };

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

@@ -0,0 +1,75 @@
+import { s as styleInject, u as useViewHandler } from './index-b7d703a6.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import RoomRound from './index-82947ba7.js';
+import classnames from 'classnames';
+import { jsx, Fragment, jsxs } 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 roomItem = "roomItem-Uuc6r";
+var roomItemSel = "roomItem-sel-ePWgY";
+var mobile = "mobile-gsjDz";
+var roomItemContainer = "roomItem-container-3jH8Z";
+var viewItemContainer = "viewItem-container-OlPAR";
+var css_248z = "li.roomItem-Uuc6r {\n  width: 70px;\n  height: 70px;\n  background-color: #f5f5f5;\n  opacity: 0.8;\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 50%;\n  background-size: 65%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2235%22 viewBox%3D%220 0 42 35%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.6329 26.5973L1 33.4896V1.48962L11.6329 4.93578M11.6329 26.5973V4.93578M11.6329 26.5973H21.2532M11.6329 4.93578H41V26.5973H30.3671M21.2532 26.5973V11.8281H30.3671V26.5973M21.2532 26.5973H30.3671%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.8;\n  border: 1px solid #bebec3;\n}\nli.roomItem-sel-ePWgY {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2235%22 viewBox%3D%220 0 42 35%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.6329 26.5973L1 33.4896V1.48962L11.6329 4.93578M11.6329 26.5973V4.93578M11.6329 26.5973H21.2532M11.6329 4.93578H41V26.5973H30.3671M21.2532 26.5973V11.8281H30.3671V26.5973M21.2532 26.5973H30.3671%22 stroke%3D%22white%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #4b4b4b;\n}\n\nli.roomItem-Uuc6r:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\nli.mobile-gsjDz.roomItem-Uuc6r {\n  width: 45px;\n  height: 45px;\n  display: block;\n}\n\n.roomItem-container-3jH8Z {\n  position: absolute;\n  bottom: 90px;\n  left: 29px;\n  z-index: 700;\n  min-width: 300px;\n  overflow-y: auto;\n  overflow-x: visible;\n  /*hide scrollbar*/\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n.roomItem-container-3jH8Z::-webkit-scrollbar {\n  display: none;\n}\n\n.viewItem-container-OlPAR {\n  position: absolute;\n  display: flex;\n  bottom: 6px;\n  left: 111px;\n  z-index: 700;\n  flex-direction: row;\n  overflow-y: visible;\n  overflow-x: auto;\n}\n\n.mobile-gsjDz.roomItem-container-3jH8Z {\n  bottom: 60px;\n  direction: rtl;\n  right: 0;\n  left: auto;\n  left: initial;\n}\n\n.mobile-gsjDz.viewItem-container-OlPAR {\n  right: 55px;\n  left: auto;\n  left: initial;\n  bottom: 5px;\n}\n";
+styleInject(css_248z);
+
+var RoomListSelection = function RoomListSelection(props) {
+  var _viewHandler$productS;
+  var viewHandler = useViewHandler();
+  //const [expanded, setExpanded] = useState(true);
+  var rooms = viewHandler.paletteViewHandler.getRoomList();
+  var views = viewHandler.paletteViewHandler.getRoomViewList();
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct || !viewHandler.settingsState.roomListInitialized || !viewHandler.productState.doShowRenderImage && !viewHandler.productState.doShow3DComb || viewHandler.settingsState.infoBoxContent || viewHandler.uiState.isMobileLandscape) return /*#__PURE__*/jsx(Fragment, {});
+  var divSize = (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("li", {
+      "data-test-id": "room-list-selection",
+      className: classnames(roomItem, viewHandler.productState.roomListExpanded ? roomItemSel : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
+      onClick: function onClick() {
+        viewHandler.productState.setRoomListExpanded(!viewHandler.productState.roomListExpanded);
+      }
+    }), viewHandler.productState.roomListExpanded && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        "data-test-id": "room-selection-expanded",
+        style: {
+          maxHeight: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.height) + 'px - 80px)'
+        },
+        className: classnames(roomItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
+        children: rooms.map(function (item, index) {
+          return /*#__PURE__*/jsx(RoomRound, {
+            item: item,
+            from: viewHandler.settingsState.roomListInitialized
+          }, item.toString());
+        })
+      }), /*#__PURE__*/jsx("div", {
+        style: {
+          maxWidth: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.width) + 'px - 100px)'
+        },
+        className: classnames(viewItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
+        children: views.map(function (item, index) {
+          return /*#__PURE__*/jsx(RoomRound, {
+            item: item,
+            from: viewHandler.settingsState.roomListInitialized,
+            isVP: true
+          }, item.toString());
+        })
+      })]
+    })]
+  });
+};
+var index = observer(RoomListSelection);
+
+export { index as default };

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

@@ -0,0 +1,156 @@
+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 { u as useViewHandler } from './index-b7d703a6.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-8d94dff6.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-efad43ff.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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 _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 PartList = function PartList(_ref) {
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  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.settingsState.configChanged]);
+  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),
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      onMouseDown: onMouseDown,
+      children: "St\xFCcklisten \xDCbersicht"
+    }), /*#__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: "Artikle Nr."
+          }), /*#__PURE__*/jsx("th", {
+            children: "CatalogCodex"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Preis"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Nr"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Prefix"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Menge"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Rule"
+          })]
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: Object.values(partlistArticles).map(function (partListArticle, index) {
+          var _partListArticle$pric;
+          return /*#__PURE__*/jsxs("tr", {
+            className: column,
+            children: [/*#__PURE__*/jsxs("th", {
+              children: [" ", partListArticle.name]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [partListArticle.articleCodex, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [partListArticle.catalogCodex, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [" ", (_partListArticle$pric = partListArticle.price) !== null && _partListArticle$pric !== void 0 ? _partListArticle$pric : 0, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [" ", partListArticle.retailArticleNr, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [partListArticle.retailPrefix, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [partListArticle.quantity, " "]
+            }), /*#__PURE__*/jsx("th", {
+              children: partListArticle.rule
+            })]
+          }, partListArticle.articleCodex + partListArticle.retailArticleNr);
+        })
+      })]
+    })]
+  }));
+};
+var _getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
+  for (var key in article.partlistArticles) {
+    var partlistArticle = article.partlistArticles[key];
+    if (partlistArticle.hasPartlistArticle) {
+      partlistArticles.push(getPartlsitArticleObj(partlistArticle, true));
+      partlistArticles = _getPartlistArticles(partlistArticle, partlistArticles);
+      continue;
+    }
+    var found = false;
+    for (var i = 0; i < partlistArticles.length; i++) {
+      if (partlistArticle.articleCodex === partlistArticles[i].articleCodex && partlistArticle.retailArticleNr === partlistArticles[i].retailArticleNr && partlistArticle.retailPrefix === partlistArticles[i].retailPrefix && partlistArticle.catalogCodex === partlistArticles[i].catalogCodex) {
+        found = true;
+        partlistArticles[i].quantity += partlistArticle.quantity;
+        break;
+      }
+    }
+    if (!found) {
+      partlistArticles.push(getPartlsitArticleObj(partlistArticle));
+    }
+  }
+  return partlistArticles;
+};
+var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWrapper) {
+  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$arti, _partlistArticle$cata;
+  return {
+    name: (isWrapper ? 'Hülse: ' : '') + partlistArticle.posNr + ' ' + partlistArticle.name,
+    price: isWrapper ? '---' : partlistArticle.price,
+    retailArticleNr: (_partlistArticle$reta = partlistArticle.retailArticleNr) !== null && _partlistArticle$reta !== void 0 ? _partlistArticle$reta : '',
+    retailPrefix: (_partlistArticle$reta2 = partlistArticle.retailPrefix) !== null && _partlistArticle$reta2 !== void 0 ? _partlistArticle$reta2 : '',
+    quantity: partlistArticle.quantity,
+    ruleDesc: (_partlistArticle$rule = partlistArticle.ruleDesc) !== null && _partlistArticle$rule !== void 0 ? _partlistArticle$rule : '',
+    articleCodex: (_partlistArticle$arti = partlistArticle.articleCodex) !== null && _partlistArticle$arti !== void 0 ? _partlistArticle$arti : '',
+    catalogCodex: (_partlistArticle$cata = partlistArticle.catalogCodex) !== null && _partlistArticle$cata !== void 0 ? _partlistArticle$cata : '',
+    codex: partlistArticle.articleCodex,
+    rule: partlistArticle.partlistRule && partlistArticle.partListParentArticle ? DivaUtils.getRuleDescription(partlistArticle.partlistRule, partlistArticle.partListParentArticle.articleOptionStates, partlistArticle.set.api.ruleDescSeperator()) : ''
+  };
+};
+var PartListTable = observer(PartList);
+
+export { PartListTable as default };