@crystaldesign/diva-web-planner-react 25.11.0-rc.0 → 25.11.0-rc.1

package/build/esm/{index-c909c178.js → index-8fed3585.js}

@@ -1,10 +1,10 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';
-import StepInfo from './index-fea7d555.js';
+import StepInfo from './index-017c458e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/index-921d0f08.js

@@ -0,0 +1,65 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var wrapper = "wrapper-ME1ik";
+var articleItem = "article-item-QRsJ3";
+var mobile = "mobile-OaLLm";
+var tablet = "tablet--AXuC";
+var small = "small--NOHl";
+var plus = "plus-V8-nJ";
+var imageWrapper = "imageWrapper-ZyJki";
+var sel = "sel-F3oym";
+var wcImage = "wcImage-GmO2-";
+var titleWrapper = "titleWrapper-Ai4x0";
+var title = "title-mY2cN";
+var trashIcon = "trash-icon-vdYHe";
+var css_248z = "/*Size Normal */\n\n.wrapper-ME1ik {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.article-item-QRsJ3 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .article-item-QRsJ3 {\n  width: 70px;\n}\n\n.small--NOHl.article-item-QRsJ3 {\n  width: 60px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .small--NOHl.article-item-QRsJ3 {\n  width: 46px;\n}\n\n.plus-V8-nJ {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.mobile-OaLLm .plus-V8-nJ {\n  width: 28px;\n  height: 28px;\n}\n.tablet--AXuC .plus-V8-nJ {\n  width: 32px;\n  height: 32px;\n}\n.small--NOHl.plus-V8-nJ {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.mobile-OaLLm .small--NOHl.plus-V8-nJ {\n  width: 22px;\n  height: 22px;\n}\n.tablet--AXuC .small--NOHl.plus-V8-nJ {\n  width: 26px;\n  height: 26px;\n}\n\n.article-item-QRsJ3:active,\n.article-item-QRsJ3:hover,\n.plus-V8-nJ:hover,\n.plus-V8-nJ:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper-ZyJki {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ.sel-F3oym:hover .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-F3oym .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GmO2- {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.plus-V8-nJ .imageWrapper-ZyJki {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.plus-V8-nJ .wcImage-GmO2- {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.sel-F3oym .wcImage-GmO2-,\n.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.plus-V8-nJ.sel-F3oym .wcImage-GmO2-,\n.plus-V8-nJ.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.titleWrapper-Ai4x0 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  opacity: 0;\n  display: none;\n}\n\n.title-mY2cN {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .title-mY2cN {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-QRsJ3:hover .title-mY2cN,\n.article-item-QRsJ3:focus .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:hover .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:focus .title-mY2cN {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.small--NOHl .title-mY2cN {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  max-height: 14px;\n}\n\n.trash-icon-vdYHe {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .trash-icon-vdYHe {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.sel-F3oym .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.article-item-QRsJ3.small--NOHl .trash-icon-vdYHe {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wrapper-ME1ik:not(.mobile-OaLLm) .article-item-QRsJ3:hover .trash-icon-vdYHe,\n.wrapper-ME1ik:not(.mobile-OaLLm) .small--NOHl.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .sel-F3oym.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trash-icon-vdYHe:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n";
+styleInject(css_248z);
+
+var addElementImage = "data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.1518%2021.4198C17.064%2021.4198%2021.8568%2016.627%2021.8568%2010.7148C21.8568%204.80262%2017.064%200.00982666%2011.1518%200.00982666C5.23957%200.00982666%200.446777%204.80262%200.446777%2010.7148C0.446777%2016.627%205.23957%2021.4198%2011.1518%2021.4198Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%3Cpath%20d%3D%22M11.2469%205.00983V16.6098%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.44678%2010.8097H17.0468%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var AddElement = function AddElement(_ref) {
+  var _viewHandler$settings;
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var isSelected = ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) == 'add' || Object.keys(viewHandler.settingsState.articleInfos).length == 0;
+  var onClick = function onClick() {
+    var elements = viewHandler.paletteViewHandler.planner2Dot0Items.getAllItems();
+    var incompleteElement = elements.find(function (p) {
+      return p.incomplete;
+    });
+    var selectedElement = elements.find(function (p) {
+      var _viewHandler$settings2;
+      return p.basketId == ((_viewHandler$settings2 = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.basketId);
+    });
+    viewHandler.paletteViewHandler.elementOverviewSelectionChanged(true, incompleteElement, selectedElement, 'add');
+    if ((incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id) === undefined) viewHandler.viewPlannerHandler.onClearElementSelection();else viewHandler.viewPlannerHandler.onElementSelected(incompleteElement.setId, incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
+    children: /*#__PURE__*/jsx("div", {
+      id: 'add',
+      className: classnames(plus, viewHandler.settingsState.isScrollingDown ? small : undefined, isSelected ? sel : undefined),
+      onClick: onClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(imageWrapper),
+        children: /*#__PURE__*/jsx("img", {
+          className: classnames(wcImage),
+          src: addElementImage
+        })
+      })
+    })
+  });
+};
+var AddElement$1 = observer(AddElement);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': AddElement$1
+});
+
+export { AddElement$1 as A, articleItem as a, sel as b, wcImage as c, titleWrapper as d, title as e, trashIcon as f, index as g, imageWrapper as i, mobile as m, small as s, tablet as t, wrapper as w };

package/build/esm/{index-28738e00.js → index-92dca7ba.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-ad92ff4e.js';
-import Planner3DImage from './index-0dfecd88.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-02f17e09.js';
+import Planner2DGrid from './index-3860f6f3.js';
+import Planner3DImage from './index-2c72acba.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-51adebc2.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-adb8e535.js';
-import PlannerMsgContainer from './index-6f57b73b.js';
-import PlannerUIVariant from './index-876988b9.js';
-import RotateInfo from './index-6ddf6f8a.js';
-import OrbitInteraction from './index-1391fdad.js';
-import MobileNavIcons from './index-127db86f.js';
-import Logo from './index-c4994d3c.js';
+import Planner3DGrid from './index-2d26d586.js';
+import PlannerMsgContainer from './index-f23ee292.js';
+import PlannerUIVariant from './index-e2465b6b.js';
+import RotateInfo from './index-d34ca55d.js';
+import OrbitInteraction from './index-c027be5d.js';
+import MobileNavIcons from './index-e09ee350.js';
+import Logo from './index-c2f216a7.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -29,21 +29,21 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-11e2b1e4.js';
+import './index-ed739602.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-597ef713.js';
-import './index-e26eda26.js';
+import './index-e0567122.js';
+import './index-677442f1.js';
 import 'react-laag';
-import './index-2abea2d1.js';
+import './index-7d3d9b5f.js';
 import 'react-qr-code';
-import './index-56dedad0.js';
-import './index-4ccb436f.js';
+import './index-3fc71e62.js';
+import './index-277fabc8.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-783d3135.js');
+  return import('./index-14adfe69.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-045a0b5b.js');
+  return import('./index-8ebf9006.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;

package/build/esm/{index-fe868e0b.js → index-94adc99d.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-6461279f.js → index-954f7b45.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-bcfbb316.js';
+import ShelfDeleteButton from './index-5acf8c1f.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-2a220028.js → index-96c16cff.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-1e9751d7.js → index-9902b510.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-e26eda26.js';
-import ProductRoomList from './index-4ccb436f.js';
+import ArQrCodeIcon from './index-677442f1.js';
+import ProductRoomList from './index-277fabc8.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-2abea2d1.js';
+import './index-7d3d9b5f.js';
 import 'react-qr-code';
-import './index-56dedad0.js';
+import './index-3fc71e62.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-f64c9cde.js → index-9d820812.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-be24b5d3.js';
-import GenericToolTip from './index-3a4bbe45.js';
-import PricePreview from './index-4cc3d4b8.js';
-import InfoIcon from './index-8701e57c.js';
+import MetaData from './index-52fba799.js';
+import GenericToolTip from './index-1cd96657.js';
+import PricePreview from './index-e3317f42.js';
+import InfoIcon from './index-e9f402d1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-4d5dc34e.js → index-9e47b2bf.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { createElement } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-e7d050c9.js → index-9f60d069.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-27b81e8a.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-a98f2811.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-6621803b.js → index-a0301020.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-1968883e.js';
+import VerticalTabGroupItemStandard from './index-ecdd674c.js';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-a51f9398.js → index-a2c9a252.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-3710c95a.js';
+import ToolContainer from './index-8d4da264.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,51 +21,52 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0cc018e1.js';
-import './index.module-58220863.js';
-import './index-3496be79.js';
-import './index-c7bebbdc.js';
-import './index-8288dca7.js';
+import './index-b423cbbb.js';
+import './index.module-fb4a6c70.js';
+import './index-48b5fbb8.js';
+import './index-47e3bdf3.js';
+import './index-a5933ea6.js';
+import './index-0e34db35.js';
 import 'react-collapsible';
-import './index-ba6040d4.js';
-import './index-dacbe627.js';
-import './index.module-395d486b.js';
+import './index-653e49a6.js';
+import './index-5e2cd299.js';
+import './index.module-49d4160a.js';
 import 'react-json-view-lite';
-import './react-json-viewer-67ed6942.js';
-import './index-5cf20e1e.js';
-import './index.module-07cdc951.js';
-import './DecisionVizualizer-7af1b0b7.js';
+import './react-json-viewer-8b675d96.js';
+import './index-5d1e2182.js';
+import './index.module-9c6f0253.js';
+import './DecisionVizualizer-8d96141b.js';
 import 'react-draggable';
-import './index-cfb1a242.js';
+import './index-a2f530b1.js';
 import 'react-switch';
-import './index-cff6196e.js';
-import './index-59ad1a24.js';
-import './index-549e5e7e.js';
+import './index-e1fccedf.js';
+import './index-a867610b.js';
+import './index-2986ce14.js';
 import 'jsoneditor';
-import './index-5dda14a7.js';
-import './index-854a5148.js';
-import './index-0b7b5a66.js';
-import './index-390e5e4a.js';
-import './index-4d5dc34e.js';
-import './index-3f1fdeb0.js';
-import './index-c0762fd3.js';
-import './index-5c707ebc.js';
-import './index.module-17c0b2c9.js';
+import './index-c403bb29.js';
+import './index-8dc982ea.js';
+import './index-4c8c9485.js';
+import './index-8863ccc8.js';
+import './index-9e47b2bf.js';
+import './index-35748132.js';
+import './index-b4de21b1.js';
+import './index-d42b6833.js';
+import './index.module-f6d9827c.js';
 import 'react-select';
-import './index-a162896e.js';
-import './index-a5ed4863.js';
-import './index-04e54e13.js';
-import './index-21a6e4a2.js';
-import './index-b4976834.js';
-import './index-fd098d7b.js';
-import './index-9c9b37bc.js';
-import './index-8eb75e3f.js';
-import './index-6f10ef02.js';
-import './CatalogProperties-8cf43cee.js';
-import './ArticleProperties-70859e49.js';
-import './OptionProperties-0151558b.js';
-import './OptionValueProperties-68bffd50.js';
-import './index-133ea16c.js';
+import './index-19da4f0d.js';
+import './index-5f74eb20.js';
+import './index-e1436781.js';
+import './index-eaa9a25a.js';
+import './index-b6812b8b.js';
+import './index-a806899c.js';
+import './index-b9270abf.js';
+import './index-e1fb0869.js';
+import './index-dc15ab66.js';
+import './CatalogProperties-2c046b2e.js';
+import './ArticleProperties-0cc005e8.js';
+import './OptionProperties-e3aff62e.js';
+import './OptionValueProperties-da1dc1c7.js';
+import './index-28cd6155.js';
 
 var container = "container-43rJg";
 var item = "item-JRY9h";

package/build/esm/{index-cfb1a242.js → index-a2f530b1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-a98f2811.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-1c8a9a1c.js → index-a2f9d0b4.js}

@@ -1,11 +1,11 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-09444f53.js';
-import Toggle from './index-cfb1a242.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-e13a4ef1.js';
+import Toggle from './index-a2f530b1.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-8701e57c.js';
-import PricePreview from './index-4cc3d4b8.js';
+import InfoIcon from './index-e9f402d1.js';
+import PricePreview from './index-e3317f42.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-826f1849.js → index-a4053ed8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-27b81e8a.js';
+import './index-a98f2811.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/index-a5933ea6.js

@@ -0,0 +1,43 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-a98f2811.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import Article from './index-0e34db35.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-collapsible';
+
+var ProduktDetails = function ProduktDetails(_ref) {
+  var _articles$viewHandler;
+  Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
+  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
+  return /*#__PURE__*/jsx(Fragment, {
+    children: [article].concat(_toConsumableArray(Object.values(article.partlistArticles))).map(function (a, index) {
+      return /*#__PURE__*/jsx(Article, {
+        article: a
+      }, index);
+    })
+  });
+};
+var ProduktDetails$1 = observer(ProduktDetails);
+
+export { ProduktDetails$1 as default };

package/build/esm/{index-76c62221.js → index-a60ea71a.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-09444f53.js';
-import Toggle from './index-cfb1a242.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-e13a4ef1.js';
+import Toggle from './index-a2f530b1.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-8701e57c.js';
-import PricePreview from './index-4cc3d4b8.js';
+import InfoIcon from './index-e9f402d1.js';
+import PricePreview from './index-e3317f42.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-dfa01034.js → index-a773fea2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-fd098d7b.js → index-a806899c.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-59ad1a24.js → index-a867610b.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-a98f2811.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as table, c as column } from './index.module-07cdc951.js';
+import { a as table, c as column } from './index.module-9c6f0253.js';
 import Collapsible from 'react-collapsible';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -94,6 +94,8 @@ var PartlistTable = function PartlistTable(_ref) {
             children: "Name"
           }), /*#__PURE__*/jsx("th", {
             children: "Artikle Nr."
+          }), /*#__PURE__*/jsx("th", {
+            children: "Type Nr."
           }), /*#__PURE__*/jsx("th", {
             children: "CatalogCodex"
           }), /*#__PURE__*/jsx("th", {
@@ -121,6 +123,8 @@ var PartlistTable = function PartlistTable(_ref) {
               children: [" ", partListArticle.name]
             }), /*#__PURE__*/jsxs("th", {
               children: [partListArticle.articleCodex, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [partListArticle.typeNr, " "]
             }), /*#__PURE__*/jsxs("th", {
               children: [partListArticle.catalogCodex, " "]
             }), /*#__PURE__*/jsxs("th", {
@@ -171,7 +175,7 @@ var _getPartlistArticles = function getPartlistArticles(article, partlistArticle
   return partlistArticles;
 };
 var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWrapper) {
-  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$cata, _partlistArticle$part, _partlistArticle$part2;
+  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$type, _partlistArticle$cata, _partlistArticle$part, _partlistArticle$part2;
   return {
     name: (isWrapper ? 'Hülse: ' : '') + partlistArticle.posNr + ' ' + partlistArticle.name,
     price: isWrapper ? '---' : partlistArticle.price,
@@ -180,6 +184,7 @@ var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWr
     quantity: partlistArticle.quantity,
     ruleDesc: (_partlistArticle$rule = partlistArticle.ruleDesc) !== null && _partlistArticle$rule !== void 0 ? _partlistArticle$rule : '',
     articleCodex: partlistArticle.articleCodex,
+    typeNr: (_partlistArticle$type = partlistArticle.typeNr) !== null && _partlistArticle$type !== void 0 ? _partlistArticle$type : '',
     catalogCodex: (_partlistArticle$cata = partlistArticle.catalogCodex) !== null && _partlistArticle$cata !== void 0 ? _partlistArticle$cata : '',
     codex: partlistArticle.articleCodex,
     rule: partlistArticle.ruleDesc,

package/build/esm/{index-c9f24c48.js → index-a959dafa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';