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

package/build/esm/index-af1a778c.js

@@ -1,141 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.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-2c18450d.js';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-36252ee9.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 '@crystaldesign/content-item';
-import 'react-draggable';
-
-var wrapper = "wrapper-y4VmL";
-var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
-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 portrait = "portrait-Otsjq";
-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.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\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 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 hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
-  useEffect(function () {
-    if (isMobile && !isTablet || !viewHandler.divaWebPlanner.actSet()) return;
-    viewHandler.divaWebPlanner.getDimension().then(function (res) {
-      if ((!res || res.length == 0) && dimensions.length > 0) setDimensions([]);
-      if (!res || res.every(function (r, idx) {
-        var _dimensions$idx, _dimensions$idx2;
-        return (dimensions === null || dimensions === void 0 || (_dimensions$idx = dimensions[idx]) === null || _dimensions$idx === void 0 ? void 0 : _dimensions$idx.elementIds.includes(r === null || r === void 0 ? void 0 : r.elementId)) && (r === null || r === void 0 ? void 0 : r.dimension) == (dimensions === null || dimensions === void 0 || (_dimensions$idx2 = dimensions[idx]) === null || _dimensions$idx2 === void 0 ? void 0 : _dimensions$idx2.dimension);
-      })) return;
-      var cleanedDimensions = [];
-      res.forEach(function (r) {
-        if (r.dimension == 0) return;
-        var foundDimensionIdx = cleanedDimensions.findIndex(function (cd) {
-          return cd.dimension == r.dimension && cd.dimensionId == r.dimensionId;
-        });
-        if (foundDimensionIdx != -1) cleanedDimensions[foundDimensionIdx].elementIds.push(r.elementId);else cleanedDimensions.push({
-          dimensionId: r.dimensionId,
-          elementIds: [r.elementId],
-          dimension: r.dimension
-        });
-      });
-      setDimensions(cleanedDimensions);
-    });
-  }, [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.map(function (dimension) {
-          var _dimension$dimension;
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsxs("span", {
-              className: wcPriceinfo,
-              children: [t('configurator.headerdimension.' + dimension.dimensionId), " ", dimensions.length > 1 && '(' + dimension.elementIds.join(',') + ')', ":", ' ']
-            }), /*#__PURE__*/jsxs("span", {
-              className: wcFormattedprice,
-              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " cm"]
-            })]
-          });
-        })]
-      })]
-    }), /*#__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-af1cd7e6.js

@@ -1,111 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-bfa9d7df.js';
-import GenericToolTip from './index-173167a2.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 './index-74f39aff.js';
-
-var container = "container-08OcY";
-var sel = "sel-hd522";
-var titleContainer = "title-container-QzcUc";
-var title = "title-WUWIa";
-var subTitle = "sub-title-OQXRX";
-var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa,\n.sub-title-OQXRX {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-OQXRX {\n  margin-top: 4px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 300;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer;
-  var item = _ref.item;
-    _ref.grids;
-    var sel$1 = _ref.sel;
-  var viewHandler = useViewHandler();
-  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 _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1000,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var header = item.name;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.articleCodex,
-    className: classnames(container, sel$1 ? sel : undefined),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
-    }
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsx("img", {
-      style: {
-        maxHeight: viewHandler.settingsState.settingsWidth / 3
-      },
-      src: item.image
-    }), /*#__PURE__*/jsxs("div", {
-      className: titleContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(title),
-        dangerouslySetInnerHTML: {
-          __html: header
-        }
-      }), /*#__PURE__*/jsx(MetaData, {
-        metaData: item.metaData,
-        visible: [metaDataVisible, setMetaDataVisible]
-      }, item.articleCodex), !hidePrices && !!item.price && /*#__PURE__*/jsx("div", {
-        className: classnames(subTitle),
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoires$1 = observer(ShelfAccessoires);
-
-export { ShelfAccessoires$1 as default };

package/build/esm/index-afffb0a8.js

@@ -1,54 +0,0 @@
-import { s as styleInject } from './index-6df691c0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var configuratorSpec = "Configurator-spec-Pa0bu";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-yp9wU";
-var configuratorSpecTitle = "Configurator-spec-title-JDala";
-var configuratorSpecPrice = "Configurator-spec-price-pOXke";
-var css_248z = "/*Summary*/\n\n.Configurator-spec-Pa0bu {\n  border-bottom: 1px solid #dfdfdf;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  display: flex;\n  width: 100%;\n  word-break: normal;\n  flex-direction: column;\n  padding: 10px 0;\n}\n\n.Configurator-spec-text-Container-yp9wU {\n  display: flex;\n  position: relative;\n}\n.Configurator-spec-title-JDala {\n  font-size: 16px;\n  width: 70%;\n  margin-right: 20px;\n}\n\n.Configurator-spec-price-pOXke {\n  text-align: right;\n  width: 30%;\n  color: var(--primaryColor);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.Configurator-spec-Codex-ESLPx {\n}\n";
-styleInject(css_248z);
-
-var SummaryPartlist = function SummaryPartlist(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(configuratorSpec),
-    children: /*#__PURE__*/jsxs("div", {
-      className: configuratorSpecTextContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.title
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.description
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: 'x' + item.posNr
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-        className: configuratorSpecPrice,
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    })
-  });
-};
-var SummaryPartlist$1 = observer(SummaryPartlist);
-
-export { SummaryPartlist$1 as default };

package/build/esm/index-b0727ea3.js

@@ -1,245 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-6df691c0.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect, createElement } from 'react';
-import Product from './index-3a7005ef.js';
-import Sidebar from './index-d471de69.js';
-import OptionTree from './index-58147685.js';
-import PartListTable from './index-281f8063.js';
-import MaskEditor from './index-a70b7856.js';
-import SVGAnalyzer from './index-080cd319.js';
-import { l as list } from './index.module-601a4b3f.js';
-import EkTextViewer from './index-6956134b.js';
-import CatalogMakeup from './index-d921e82f.js';
-import PartListAnalyzer from './index-623947f7.js';
-import RTVAnalyzer from './index-3ee1cb37.js';
-import J3DEditor from './index-2d2c0a71.js';
-import PropertiesEditor from './index-46b52a30.js';
-import ArticleOverview from './index-b10763dd.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-c83dcc12.js';
-import './index-36252ee9.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import 'classnames';
-import './index-832ff8d3.js';
-import './index-e847bbdf.js';
-import 'sift';
-import './index-4a8e1cc6.js';
-import './index-f9f730d5.js';
-import './index-44dd2b44.js';
-import './index-2db4b504.js';
-import './index-35ea8931.js';
-import './index.module-f726e259.js';
-import './index-99019637.js';
-import 'react-switch';
-import './index-9e025ea6.js';
-import './index-74f39aff.js';
-import './index-964aeced.js';
-import 'react-dropdown';
-import './index-4dbf2cfa.js';
-import './index-fe2a846e.js';
-import './index-d8824de9.js';
-import './index-b2efa7b3.js';
-import '@crystaldesign/content-box';
-import './index-c54474e6.js';
-import './index-625bc0b7.js';
-import './index-8fe9b473.js';
-import './index-4d5dd6e6.js';
-import './index-eb9e583e.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-33430d93.js';
-import './index-65f3d176.js';
-import './index-ede73d86.js';
-import 'react-laag';
-import './index-bfa9d7df.js';
-import './index-173167a2.js';
-import './index-76cdb47a.js';
-import './index-ce45f274.js';
-import './index-5e3fe9df.js';
-import './index-92cab141.js';
-import './index-be278929.js';
-import './index-f722056b.js';
-import './index-98d9c51a.js';
-import './index-eef5ffa8.js';
-import './index.module-303f0086.js';
-import './index-30b25a59.js';
-import './index-50cf2d8c.js';
-import './index-8cd9a28a.js';
-import './index-a553b790.js';
-import './index-afffb0a8.js';
-import './index-5e7b2cd3.js';
-import './index-f4512daf.js';
-import './index.module-b0ccd92b.js';
-import './index-f068d038.js';
-import './index-63f750fb.js';
-import './index-523dd098.js';
-import './index-aeca1db3.js';
-import './index-0d5f1d20.js';
-import './index-1e556bf4.js';
-import './index.module-59a3b96f.js';
-import './index-d3423531.js';
-import './index-b7e8e362.js';
-import './index-aee7b093.js';
-import './index-e48f3286.js';
-import './index-6687c8fc.js';
-import './index-b3e9e0d4.js';
-import './index-56a16749.js';
-import './index-ac07ad15.js';
-import './index-fac627d3.js';
-import './index-c8b50907.js';
-import './index-6e5fc108.js';
-import './index-b429149d.js';
-import 'react-collapsible';
-import './index-7f98da7b.js';
-import './index-a0403f6d.js';
-import './index.module-ab609e8b.js';
-import 'react-json-view-lite';
-import './react-json-viewer-2c12c80c.js';
-import './index.module-ffd75389.js';
-import 'jsoneditor';
-import './index-f93486a0.js';
-import './index-e68f6f51.js';
-import './index-49627217.js';
-import './index.module-ba5f0ffb.js';
-import './index-aea64d87.js';
-import './index-b6f317c5.js';
-import './index.module-33eb7e5f.js';
-import './index-cf1857cb.js';
-import './index-48776737.js';
-import './index-bb5b77fc.js';
-import './CatalogProperties-5552695a.js';
-import './ArticleProperties-065a373a.js';
-import './OptionProperties-235dea6d.js';
-import './OptionValueProperties-78908c06.js';
-import 'react-select';
-
-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 CatalogProduct = function CatalogProduct(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var changeVal = function changeVal(newValue) {
-    localStorage.setItem('lastWindow', newValue);
-    viewHandler.uiState.setActiveCatalogSection(newValue);
-  };
-  useEffect(function () {
-    switch (viewHandler.uiState.activeCatalogSection) {
-      case 'Options':
-        viewHandler.uiState.setConfigSettingsIsExpanded(true);
-        break;
-      case 'ekText':
-      case '3D/2D':
-      case 'PartList':
-      case 'Artikelübersicht':
-      case 'SVGübersicht':
-      case 'PartListAnalyzer':
-      case 'CatalogMakeup':
-      case 'RTVAnalyzer':
-      case 'J3DEditor':
-      case 'PropertiesEditor':
-      case 'MaskEditor':
-        viewHandler.uiState.setConfigSettingsIsExpanded(false);
-        break;
-    }
-  }, [viewHandler.uiState.activeCatalogSection]);
-  useEffect(function () {
-    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
-  }, []);
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
-    key: 'product'
-  }));
-  var activeWindow = undefined;
-  var classname = props.className + ' ' + list;
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PartListAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(PartListAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  if (viewHandler.uiState.activeCatalogSection !== '3D/2D' && !viewHandler.divaWebPlanner) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
-      currentWindowActive: viewHandler.uiState.activeCatalogSection,
-      setCurrentWindowActive: changeVal
-    })), /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
-      style: {
-        boxSizing: 'border-box',
-        borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
-      },
-      key: 'product'
-    })), activeWindow]
-  });
-};
-var index = observer(CatalogProduct);
-
-export { index as default };

package/build/esm/index-b0bb5bd0.js

@@ -1,52 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-6df691c0.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-58d9085b.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/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-laag';
-import './index-1fa814f3.js';
-import 'classnames';
-
-var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var allAreActive = true;
-  for (var key in viewHandler.settingsState.articleInfos) {
-    if (!viewHandler.settingsState.articleInfos[key].isActive) {
-      allAreActive = false;
-    }
-  }
-  var keys = Object.keys(viewHandler.settingsState.articleInfos).map(function (key) {
-    return Number(key);
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: wcConfiguratorSettingsHeaderActElements,
-    children: [t('configurator.ARTICLE_INFOS_DATA'), keys.sort(function (a, b) {
-      return a - b;
-    }).map(function (key) {
-      return /*#__PURE__*/jsx(SettingsPosNr$1, {
-        allAreActive: allAreActive,
-        id: key.toString()
-      }, key);
-    })]
-  });
-};
-var SettingsPosNr = observer(SettingsPosNrContainer);
-
-export { SettingsPosNr as default };