@crystaldesign/diva-web-planner-react 25.11.0-rc.3 → 25.12.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "25.11.0-rc.3",
+  "version": "25.12.0-beta.2",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "25.11.0-rc.3",
-    "@crystaldesign/product-detail-page": "25.11.0-rc.3",
-    "@crystaldesign/products-component": "25.11.0-rc.3",
-    "@crystaldesign/real-time-viewer": "25.11.0-rc.3",
-    "@crystaldesign/web-planner-logic": "25.11.0-rc.3",
-    "@crystaldesign/widget-contact-form": "25.11.0-rc.3",
+    "@crystaldesign/content-item": "25.12.0-beta.2",
+    "@crystaldesign/product-detail-page": "25.12.0-beta.2",
+    "@crystaldesign/products-component": "25.12.0-beta.2",
+    "@crystaldesign/real-time-viewer": "25.12.0-beta.2",
+    "@crystaldesign/web-planner-logic": "25.12.0-beta.2",
+    "@crystaldesign/widget-contact-form": "25.12.0-beta.2",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.174.0",
@@ -52,5 +52,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "74827c5619749ac62b1a2d69d6681d545b942359"
+  "gitHead": "e8c05e18606486fff085ce4969f31d83fce69e06"
 }

package/build/esm/index-76280de2.js

@@ -1,65 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.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-7f31d2e0.js

@@ -1,43 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-7aa98516.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import Article from './index-eedbf870.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-daa5c9f2.js

@@ -1,99 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import CountUp from 'react-countup';
-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/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var sumWrapper = "sum-wrapper-gnJDJ";
-var isMobile = "is-mobile-MyAw2";
-var priceWrapper = "price-wrapper-OEjmk";
-var price = "price-JPhUm";
-var betterPrice = "better-price-q5J8D";
-var canceled = "canceled-sYf8-";
-var hidden = "hidden-et6vJ";
-var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.price-JPhUm.canceled-sYf8-.hidden-et6vJ {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
-styleInject(css_248z);
-
-var PriceSumm = function PriceSumm(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    oldBruttoPrice = _useState2[0],
-    setOldBruttoPrice = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    oldCurSetPrice = _useState4[0],
-    setOldCurSetPrice = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    newBruttoPrice = _useState6[0],
-    setNewBruttoPrice = _useState6[1];
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    newCurSetPrice = _useState8[0],
-    setNewCurSetPrice = _useState8[1];
-  useEffect(function () {
-    var _viewHandler$productS, _viewHandler$productS2;
-    setNewBruttoPrice((_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0);
-    setNewCurSetPrice((_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0);
-  }, [viewHandler.productState.formatedBruttoPrice, viewHandler.productState.formatedCurSetPrice]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      children: t('configurator.Sum', 'Summe')
-    }), /*#__PURE__*/jsxs("div", {
-      className: priceWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
-        children: !hidePrices && /*#__PURE__*/jsx(CountUp, {
-          end: newCurSetPrice,
-          duration: 0.5,
-          start: oldCurSetPrice,
-          formattingFn: function formattingFn(n) {
-            return DivaUtils.formatPrice(n, viewHandler.productState.priceFormat);
-          },
-          onEnd: function onEnd() {
-            setOldCurSetPrice(newCurSetPrice);
-          }
-        })
-      }), !hidePrices && /*#__PURE__*/jsxs("div", {
-        className: classnames(price, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
-        children: [' ', /*#__PURE__*/jsx(CountUp, {
-          end: newBruttoPrice,
-          duration: 0.5,
-          start: oldBruttoPrice,
-          formattingFn: function formattingFn(n) {
-            return DivaUtils.formatPrice(n, viewHandler.productState.priceFormat);
-          },
-          onEnd: function onEnd() {
-            setOldBruttoPrice(newBruttoPrice);
-          }
-        })]
-      })]
-    })]
-  });
-};
-var PriceSumm$1 = observer(PriceSumm);
-
-export { PriceSumm$1 as default };

package/build/esm/index-eedbf870.js

@@ -1,117 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-7aa98516.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import Collapsible from 'react-collapsible';
-import { jsx, jsxs, 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';
-
-var productDetailWrapper = "product-detail-wrapper-sb1Re";
-var left = "left-qcwue";
-var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
-styleInject(css_248z);
-
-var Article = function Article(_ref) {
-  var article = _ref.article;
-  var features = _toConsumableArray(article.articleOptionStates.values()).filter(function (item) {
-    return item.option.name.startsWith('ArtikelnummerStelle');
-  }).sort(function (a, b) {
-    return a.option.name.localeCompare(b.option.name);
-  });
-  var isDiomexUsecase = article.CatalogData.useDiomexConfigLogic;
-  var usedFeatures = features.filter(function (item) {
-    var _item$valCodex;
-    return !((_item$valCodex = item.valCodex) !== null && _item$valCodex !== void 0 && _item$valCodex.endsWith('_NO_VALUE'));
-  });
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: /*#__PURE__*/jsx("div", {
-      className: productDetailWrapper,
-      children: article.posNr + ' - ' + article.name + ' >>'
-    }),
-    triggerWhenOpen: /*#__PURE__*/jsx("div", {
-      className: productDetailWrapper,
-      children: article.posNr + ' - ' + article.name + ' <<'
-    }),
-    children: /*#__PURE__*/jsxs("div", {
-      className: productDetailWrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        children: "ArtNr:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.configArticleCodex
-      }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("a", {
-          children: "ArtCodex:"
-        }), /*#__PURE__*/jsx("a", {
-          className: left,
-          children: article.articleCodex
-        })]
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Name:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.catalogArticleName
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Ma\xDFe:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.actSizeText
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Bestell-Nr:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.retailArticleNr || article.typeNr
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Modell:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
-      }), /*#__PURE__*/jsx("hr", {}), isDiomexUsecase && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), usedFeatures.map(function (item) {
-          var _item$val;
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("a", {
-              children: item.option.name
-            }), /*#__PURE__*/jsx("a", {
-              className: left,
-              children: (_item$val = item.val) === null || _item$val === void 0 ? void 0 : _item$val.name
-            }), /*#__PURE__*/jsx("hr", {})]
-          });
-        }), /*#__PURE__*/jsx("hr", {})]
-      }), /*#__PURE__*/jsx(Collapsible, {
-        trigger: /*#__PURE__*/jsxs("div", {
-          children: ['Varianten >>', " "]
-        }),
-        triggerWhenOpen: 'Varianten <<',
-        children: article.getVariantBasketData().map(function (item) {
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("a", {
-              children: item.OPTName + ' (' + item.OPT + ')'
-            }), /*#__PURE__*/jsx("a", {
-              className: left,
-              children: item.OPVName + ' (' + item.OPV + ')'
-            }), /*#__PURE__*/jsx("hr", {})]
-          });
-        })
-      }), /*#__PURE__*/jsx("hr", {})]
-    })
-  });
-};
-var Article$1 = observer(Article);
-
-export { Article$1 as default };

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/OptionTree/ProduktDetails/Article/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { DivaArticle } from '@crystaldesign/web-planner-logic';
-type Props = {
-    article: DivaArticle;
-};
-declare const _default: (({ article }: Props) => React.JSX.Element) & {
-    displayName: string;
-};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/OptionTree/ProduktDetails/Article/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../src/components/Product/Product/catalog/Components/OptionTree/ProduktDetails/Article/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;uCAER,KAAK;;;AAgEnC,wBAAiC"}

package/build/umd/7472.diva-web-planner-react.umd.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 7472.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7472,7446],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var T=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,T=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,w=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,_="".concat(w,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(P),I="".concat(w,"__contentInner ").concat(S);return O.a.createElement(x,l({className:E.trim()},this.props.containerElementProps),O.a.createElement(T,l({id:this.triggerId,className:_.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},j)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);T.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=T}]))},37472:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>B});var C=y(12952),O=(y(87363),y(9420)),v=y(93379),x=y.n(v),T=y(7795),j=y.n(T),N=y(90569),w=y.n(N),P=y(3565),S=y.n(P),_=y(19216),E=y.n(_),k=y(44589),I=y.n(k),R=y(39252),W={};W.styleTagTransform=I(),W.setAttributes=S(),W.insert=w().bind(null,"head"),W.domAPI=j(),W.insertStyleElement=E();x()(R.ZP,W);R.ZP&&R.ZP.locals&&R.ZP.locals;var D=y(57446),A=y.n(D),H=y(47514);const B=(0,O.Pi)((function Article(r){var m=r.article,y=(0,C.Z)(m.articleOptionStates.values()).filter((function(r){return r.option.name.startsWith("ArtikelnummerStelle")})).sort((function(r,m){return r.option.name.localeCompare(m.option.name)})),O=m.CatalogData.useDiomexConfigLogic,v=y.filter((function(r){var m;return!(null!==(m=r.valCodex)&&void 0!==m&&m.endsWith("_NO_VALUE"))}));return(0,H.jsx)(A(),{trigger:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" >>"}),triggerWhenOpen:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" <<"}),children:(0,H.jsxs)("div",{className:R.ee,children:[(0,H.jsx)("a",{children:"ArtNr:"}),(0,H.jsx)("a",{className:R.t$,children:m.configArticleCodex}),(0,H.jsx)("br",{}),m.configArticleCodex!=m.articleCodex&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:"ArtCodex:"}),(0,H.jsx)("a",{className:R.t$,children:m.articleCodex})]}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Name:"}),(0,H.jsx)("a",{className:R.t$,children:m.catalogArticleName}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Maße:"}),(0,H.jsx)("a",{className:R.t$,children:m.actSizeText}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Bestell-Nr:"}),(0,H.jsx)("a",{className:R.t$,children:m.retailArticleNr||m.typeNr}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Modell:"}),(0,H.jsx)("a",{className:R.t$,children:m.CatalogData.catalogName+" ("+m.catalogCodex+")"}),(0,H.jsx)("hr",{}),O&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{}),v.map((function(r){var m;return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.option.name}),(0,H.jsx)("a",{className:R.t$,children:null===(m=r.val)||void 0===m?void 0:m.name}),(0,H.jsx)("hr",{})]})})),(0,H.jsx)("hr",{})]}),(0,H.jsx)(A(),{trigger:(0,H.jsxs)("div",{children:["Varianten >>"," "]}),triggerWhenOpen:"Varianten <<",children:m.getVariantBasketData().map((function(r){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.OPTName+" ("+r.OPT+")"}),(0,H.jsx)("a",{className:R.t$,children:r.OPVName+" ("+r.OPV+")"}),(0,H.jsx)("hr",{})]})}))}),(0,H.jsx)("hr",{})]})})}))},39252:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,ee:()=>T,t$:()=>j});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var T="index-module--nHwhq",j="index-module--bZ29w";const N=x}}]);

package/build/umd/7472.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! filename:7472 */

package/build/umd/8539.diva-web-planner-react.umd.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 8539.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8539,7446,7472,8291],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var j=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw j.name="Invariant Violation",j}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var j=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,j=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,w=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,_="".concat(w,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(P),I="".concat(w,"__contentInner ").concat(S);return O.a.createElement(x,l({className:E.trim()},this.props.containerElementProps),O.a.createElement(j,l({id:this.triggerId,className:_.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},T)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);j.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},j.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=j}]))},37472:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>Z});var C=y(12952),O=(y(87363),y(9420)),v=y(93379),x=y.n(v),j=y(7795),T=y.n(j),N=y(90569),w=y.n(N),P=y(3565),S=y.n(P),_=y(19216),E=y.n(_),k=y(44589),I=y.n(k),R=y(39252),D={};D.styleTagTransform=I(),D.setAttributes=S(),D.insert=w().bind(null,"head"),D.domAPI=T(),D.insertStyleElement=E();x()(R.ZP,D);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(57446),A=y.n(W),H=y(47514);const Z=(0,O.Pi)((function Article(r){var m=r.article,y=(0,C.Z)(m.articleOptionStates.values()).filter((function(r){return r.option.name.startsWith("ArtikelnummerStelle")})).sort((function(r,m){return r.option.name.localeCompare(m.option.name)})),O=m.CatalogData.useDiomexConfigLogic,v=y.filter((function(r){var m;return!(null!==(m=r.valCodex)&&void 0!==m&&m.endsWith("_NO_VALUE"))}));return(0,H.jsx)(A(),{trigger:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" >>"}),triggerWhenOpen:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" <<"}),children:(0,H.jsxs)("div",{className:R.ee,children:[(0,H.jsx)("a",{children:"ArtNr:"}),(0,H.jsx)("a",{className:R.t$,children:m.configArticleCodex}),(0,H.jsx)("br",{}),m.configArticleCodex!=m.articleCodex&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:"ArtCodex:"}),(0,H.jsx)("a",{className:R.t$,children:m.articleCodex})]}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Name:"}),(0,H.jsx)("a",{className:R.t$,children:m.catalogArticleName}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Maße:"}),(0,H.jsx)("a",{className:R.t$,children:m.actSizeText}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Bestell-Nr:"}),(0,H.jsx)("a",{className:R.t$,children:m.retailArticleNr||m.typeNr}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Modell:"}),(0,H.jsx)("a",{className:R.t$,children:m.CatalogData.catalogName+" ("+m.catalogCodex+")"}),(0,H.jsx)("hr",{}),O&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{}),v.map((function(r){var m;return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.option.name}),(0,H.jsx)("a",{className:R.t$,children:null===(m=r.val)||void 0===m?void 0:m.name}),(0,H.jsx)("hr",{})]})})),(0,H.jsx)("hr",{})]}),(0,H.jsx)(A(),{trigger:(0,H.jsxs)("div",{children:["Varianten >>"," "]}),triggerWhenOpen:"Varianten <<",children:m.getVariantBasketData().map((function(r){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.OPTName+" ("+r.OPT+")"}),(0,H.jsx)("a",{className:R.t$,children:r.OPVName+" ("+r.OPV+")"}),(0,H.jsx)("hr",{})]})}))}),(0,H.jsx)("hr",{})]})})}))},78539:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>N});var C=y(12952),O=y(88291),v=(y(87363),y(9420)),x=y(88130),j=y(37472),T=y(47514);const N=(0,v.Pi)((function ProduktDetails(r){Object.assign({},((0,O.Z)(r),r));var m,y=(0,x.NP)(),v=y.divaWebPlanner.getDivaArticles();if(!v)return(0,T.jsx)(T.Fragment,{});var N=null!==(m=v[y.settingsState.getSelectedBasketIds[0]])&&void 0!==m?m:v[Object.keys(v)[0]];return(0,T.jsx)(T.Fragment,{children:[N].concat((0,C.Z)(Object.values(N.partlistArticles))).map((function(r,m){return(0,T.jsx)(j.default,{article:r},m)}))})}))},39252:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,ee:()=>j,t$:()=>T});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var j="index-module--nHwhq",T="index-module--bZ29w";const N=x},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);

package/build/umd/8539.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! filename:8539 */