@crystaldesign/diva-web-planner-react 25.9.0-beta.9 → 25.9.0-rc.0

package/build/esm/index-19e39961.js

@@ -1,93 +0,0 @@
-import { s as styleInject } from './index-ba2ebee2.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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';
-import '@crystaldesign/widget-contact-form';
-
-var row = "row-aKbIG";
-var rowPaddingTop = "row-padding-top-SRH2s";
-var rowPaddingTopArticle = "row-padding-top-article-Iwelk";
-var columnLeft = "column-left-jSCha";
-var primary = "primary--disG";
-var columnRight = "column-right-rkkBn";
-var columnRightRed = "column-right-red-Lmt65";
-var columnOption = "column-option-2v7Hm";
-var columnPartlist = "column-partlist-0LS9Z";
-var codexes = "codexes--r2fL";
-var tabGroup = "tab-group-an6TP";
-var css_248z = ".row-aKbIG {\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  font-weight: 300;\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem;\n  display: flow-root;\n  color: #404040;\n}\n.row-padding-top-SRH2s {\n  padding-top: 8px;\n}\n\n.row-padding-top-article-Iwelk {\n  padding-top: 1rem;\n}\n\n.column-left-jSCha {\n  float: left;\n}\n.column-left-jSCha a.primary--disG {\n  color: var(--primaryColor);\n}\n.column-right-rkkBn {\n  float: right;\n  text-align: right;\n}\n\n.column-right-red-Lmt65 {\n  color: var(--primaryColor);\n}\n.column-option-2v7Hm {\n  font-size: 0.8125rem;\n  font-weight: normal;\n  line-height: 1.1;\n}\n.column-partlist-0LS9Z {\n  max-width: 70%;\n}\n\n.codexes--r2fL {\n  font-style: italic;\n}\n\n.tab-group-an6TP {\n  border-bottom: 1px solid var(--primaryColor);\n  font-size: 1.125rem;\n  margin: 1.5rem 0 0 0;\n  color: var(--primaryColor);\n  padding: 0;\n  text-align: left;\n  text-transform: capitalize;\n  font-weight: 300;\n}\n";
-styleInject(css_248z);
-
-var OptiontreeSerious = function OptiontreeSerious(_ref) {
-  var itemP = _ref.item;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var item = itemP;
-  if (item.isTabGroup) {
-    return /*#__PURE__*/jsx("div", {
-      className: tabGroup,
-      children: item.title
-    });
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [item.isPartlistArticle && /*#__PURE__*/jsxs("div", {
-      className: classnames(row, rowPaddingTopArticle),
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames(columnPartlist, columnLeft),
-        dangerouslySetInnerHTML: {
-          __html: item.title
-        }
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(columnRight),
-        children: (item.quantity && item.quantity > 1 ? '(x' + item.quantity + ') ' : '') + (!hidePrices && item.price ? DivaUtils.formatPrice(item.price) : '')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(row, item.isPartlistArticle ? rowPaddingTop : undefined),
-      children: [/*#__PURE__*/jsxs("span", {
-        className: classnames(columnOption, columnLeft),
-        children: [item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("a", {
-            className: primary,
-            children: item.size && item.size !== '' ? t('configurator.size') : item.description
-          }), ": ", item.size]
-        }), !item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("a", {
-            className: primary,
-            dangerouslySetInnerHTML: {
-              __html: item.title
-            }
-          }), item.description && /*#__PURE__*/jsx("a", {
-            dangerouslySetInnerHTML: {
-              __html: ': ' + item.description
-            }
-          })]
-        })]
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(columnOption, columnRight, columnRightRed, codexes),
-        children: item.codex
-      })]
-    })]
-  });
-};
-var index = observer(OptiontreeSerious);
-
-export { index as default };

package/build/esm/index-1b13bfd2.js

@@ -1,144 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-ed7b163c.js';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-c4339c72.js';
-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';
-import '@crystaldesign/widget-contact-form';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-d09babbe.js';
-import 'react-i18next';
-
-var wrapper = "wrapper-y4VmL";
-var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
-var portrait = "portrait-Otsjq";
-var expanded = "expanded-rNRc-";
-var functionWrapper = "functionWrapper-3sgkI";
-var landscape = "landscape-TuCY-";
-var contentBoxWrapper = "content-box-wrapper-KgSZb";
-var maxExpanded = "max-Expanded-4m94C";
-var textbackground = "textbackground-F3b8W";
-var wcPriceinfo = "wcPriceinfo-Zmaer";
-var wcFormattedprice = "wcFormattedprice-sdLxf";
-var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
-var fullscreen = "fullscreen-94axf";
-var room = "room-NxmMf";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.portrait-Otsjq .wcConfiguratorProductHeader-W1oWZ {\n  margin: 12px 0 16px 16px;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\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}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\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}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
-styleInject(css_248z);
-
-var ProductHeader = function ProductHeader(_ref) {
-  var hidePrice = _ref.hidePrice,
-    productClass = _ref.productClass;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var headerContentBoxProps = viewHandler.getViewConfig().productHeaderContentBox;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dimOnlyForOneArticle = _useState4[0],
-    setDimOnlyForOneArticle = _useState4[1];
-  var hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
-  useEffect(function () {
-    var _viewHandler$productS;
-    if (isMobile && !isTablet || !viewHandler.divaWebPlanner.actSet()) return;
-    (_viewHandler$productS = viewHandler.productState.customDimensions) === null || _viewHandler$productS === void 0 || _viewHandler$productS.then(function (res) {
-      setDimensions(res);
-      var dict = res.reduce(function (basketIdsDict, d) {
-        if (!basketIdsDict[d.dimensionId]) {
-          basketIdsDict[d.dimensionId] = [d.dimension];
-        } else if (!basketIdsDict[d.dimensionId].includes(d.dimension)) basketIdsDict[d.dimensionId].push(d.dimension);
-        return basketIdsDict;
-      }, {});
-      setDimOnlyForOneArticle(!Object.values(dict).find(function (v) {
-        return v.length > 1;
-      }));
-    });
-  }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.productState.plannerRenderingIsStaticBG ? room : undefined, fullscreen),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: wcConfiguratorProductHeader,
-      "data-test-id": "configProductHeader",
-      children: [!hideWebConfiguratorTitle && /*#__PURE__*/jsx("h1", {
-        "data-test-id": "productHeaderTitle",
-        children: viewHandler.productState.webConifguratorTitle
-      }), /*#__PURE__*/jsxs("div", {
-        className: textbackground,
-        children: [!hidePrices && !hidePrice && /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsxs("span", {
-            className: wcPriceinfo,
-            "data-test-id": "productHeaderPriceInfo",
-            children: [' ', t('configurator.PRICE_INFO'), ':']
-          }), /*#__PURE__*/jsxs("span", {
-            className: wcFormattedprice,
-            "data-test-id": "productHeaderFormattedPrice",
-            children: [' ', viewHandler.productState.formatedCurSetPrice]
-          }), viewHandler.productState.formatedBruttoPrice && !viewHandler.getViewConfig().hideRabattPrice && /*#__PURE__*/jsxs("span", {
-            className: wcFormattedBruttoPrice,
-            "data-test-id": "productHeaderFormattedBruttoPrice",
-            children: [' ', viewHandler.productState.formatedBruttoPrice]
-          })]
-        }), !!(dimensions !== null && dimensions !== void 0 && dimensions.length) && dimensions.map(function (dimension) {
-          var _dimension$text, _dimension$dimension;
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsxs("span", {
-              className: wcPriceinfo,
-              children: [(_dimension$text = dimension.text) !== null && _dimension$text !== void 0 ? _dimension$text : t('configurator.headerdimension.' + dimension.dimensionId), !dimOnlyForOneArticle && ' (' + dimension.posNrs.join(',') + ')', ":", ' ']
-            }), /*#__PURE__*/jsxs("span", {
-              className: wcFormattedprice,
-              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " ", dimension.unit]
-            })]
-          });
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: functionWrapper,
-      children: /*#__PURE__*/jsx(ProductHeaderFunction, {})
-    }), !viewHandler.uiState.isMobileLandscape && viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
-      className: contentBoxWrapper,
-      children: /*#__PURE__*/jsx(ContentItemWrapper, {
-        noWrapper: true,
-        id: viewHandler.productState.currentBanner.contentItemId
-      })
-    }), headerContentBoxProps && !viewHandler.uiState.isMobileLandscape && !viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
-      className: contentBoxWrapper,
-      children: /*#__PURE__*/jsx(ContentBoxComponent, {
-        settings: {
-          contentBoxProps: headerContentBoxProps
-        }
-      })
-    })]
-  });
-};
-var ProductHeader$1 = observer(ProductHeader);
-
-export { ProductHeader$1 as default };

package/build/esm/index-1dadda6c.js

@@ -1,168 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import { useEffect } from 'react';
-import Inputbox from './index-7d26ac27.js';
-import Product from './index-badfc872.js';
-import Settings from './index-fca3ae87.js';
-import TabGroup from './index-f6e73413.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } 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 '@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';
-import '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-44090686.js';
-import './index-94ba821c.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-5acd90ec.js';
-import './index-61a438cd.js';
-import './index-c65d54a7.js';
-import './index-48de0976.js';
-import './index-8b9cd399.js';
-import './index.module-58d28301.js';
-import './index-8a6d3369.js';
-import './index-98dd3cf9.js';
-import './index-3b86577d.js';
-import './index-aea09632.js';
-import './index-820be6cb.js';
-import './index-babe06e8.js';
-import '@crystaldesign/content-box';
-import './index-ad2c4145.js';
-import './index-126b7573.js';
-import './index-8e43497d.js';
-import 'react-laag';
-import './index-ff617d5d.js';
-import 'react-qr-code';
-import './index-731c8b48.js';
-import './index-c4339c72.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-d09babbe.js';
-import 'react-i18next';
-import './index-021d59cc.js';
-import './index-91bc02d2.js';
-import './index-79d4b811.js';
-import './index-99d24265.js';
-import './index-913173cb.js';
-import './index-8fb6dd67.js';
-import './index-c0ea4914.js';
-import './index-4b527171.js';
-import 'sift';
-import './index-b381a4c3.js';
-import './index-26ee7a3f.js';
-import './index-67e743b8.js';
-import './index-c6510bde.js';
-import './index.module-dd133530.js';
-import './index-841cdef4.js';
-import './index-666abd23.js';
-import './index-94d62be3.js';
-import './index-0f73098c.js';
-import './index-0d6d6da4.js';
-import './index-e81a7d2d.js';
-import './index-f9625ce1.js';
-import './index-92a0a6f8.js';
-import './index-52afee2d.js';
-import './index-fb531729.js';
-import './index-5be729c6.js';
-import './index-39c37698.js';
-import './index-f5ad4df0.js';
-import './index-cbf61707.js';
-import './index-5d52afbf.js';
-import './index-1725c3a0.js';
-import './index-281a5533.js';
-import './index-d982e4d6.js';
-import './index-b66d3f4f.js';
-import './index-db59b81d.js';
-import './index-072f8020.js';
-import './index-0fd8ee1c.js';
-import './index-56479dd9.js';
-import './index.module-6f142235.js';
-import './index-b52dd39e.js';
-import './index-df1fbfeb.js';
-import './index-45e7eccd.js';
-import './index-c1fa0b1c.js';
-import './index-57cccc2e.js';
-import './index-d2ca7d02.js';
-import './index-2a18416e.js';
-import './index.module-f858c134.js';
-import './index-3e9fcba0.js';
-import './index-4c9efef2.js';
-import './index-a059954b.js';
-import './index-656a705e.js';
-import './index-e6bcc0f6.js';
-import './index-75671fbf.js';
-import './index-83f1a39c.js';
-import './index-2ea8e148.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--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)'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };

package/build/esm/index-1e7f24da.js

@@ -1,67 +0,0 @@
-import { u as useViewHandler } from './index-ba2ebee2.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-4eceb0f7.js';
-import Header from './index-3c8d2101.js';
-import { jsx } 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassification(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _ref.height;
-    _ref.minHeight;
-  var viewHandler = useViewHandler();
-  var tabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var configSteps = Object.values(tabGroup.options).map(function (o) {
-    return Object.values(o.configSteps).map(function (s) {
-      return {
-        configStep: s,
-        option: o
-      };
-    });
-  }).flat();
-  return /*#__PURE__*/jsx("div", {
-    ref: tabGroupItemRef,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      open: true,
-      easing: "ease",
-      trigger: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: false
-      }),
-      triggerWhenOpen: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: true
-      }),
-      children: configSteps.map(function (step) {
-        return /*#__PURE__*/jsx(ConfigStep, {
-          step: step
-        }, step.configStep.key);
-      })
-    })
-  });
-};
-var index = observer(VerticalTabGroupItemClassification);
-
-export { index as default };

package/build/esm/index-1f5ced7b.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ba2ebee2.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 ProductFooter = function ProductFooter(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductFooter"
-  }));
-};
-
-export { ProductFooter as default };

package/build/esm/index-24933b2c.js

@@ -1,43 +0,0 @@
-import { s as styleInject } from './index-ba2ebee2.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-25b2c9e4.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ba2ebee2.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 BarrierActions = function BarrierActions(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "GlobalElements/BarrierActions"
-  }));
-};
-
-export { BarrierActions as default };