@crystaldesign/diva-web-planner-react 26.8.0-beta.6 → 26.8.0-beta.60

package/build/esm/index-b9bc3c8f.js

@@ -1,115 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-84fd4098.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import RalDropdownFilter from './index-e2d6fcc6.js';
-import SlideFilter from './index-c671b2c8.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import 'react-dropdown';
-import './index-09b1fcde.js';
-import '@crystaldesign/content-box';
-import './index-93be1c94.js';
-
-var defaultColorFilters = [{
-  rgb: '#CC3300',
-  text: 'red'
-}, {
-  rgb: '#FF8C00',
-  text: 'orange'
-}, {
-  rgb: '#E1C699',
-  text: 'beige'
-}, {
-  rgb: '#330000',
-  text: 'brown'
-}, {
-  rgb: '#F0E68C',
-  text: 'yellow'
-}, {
-  rgb: '#006633',
-  text: 'green'
-}, {
-  rgb: '#3333FF',
-  text: 'blue'
-}, {
-  rgb: '#6633FF',
-  text: 'violet'
-}, {
-  rgb: '#CCCCCC',
-  text: 'grey'
-}, {
-  rgb: '#000000',
-  text: 'black'
-}, {
-  rgb: '#eeeeee',
-  text: 'white'
-}, {
-  rgb: '#eeeeee',
-  text: 'else'
-}];
-
-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 RalFilter = function RalFilter(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var palette = viewHandler.settingsState.itemPalettes.get(props.id);
-  var visibleColorItems = [];
-  var deleteCurValue = function deleteCurValue() {
-    viewHandler.paletteViewHandler.onSelectFilter(props.id, '', 'RAL');
-  };
-  useEffect(function () {
-    if (palette && !(palette !== null && palette !== void 0 && palette.deleteCurFilter)) palette.deleteCurFilter = deleteCurValue;
-  }, [palette]);
-  palette === null || palette === void 0 || palette.groups.map(function (group) {
-    return group.items.map(function (itemP) {
-      var _item$colorGroups;
-      var item = itemP;
-      if (!((_item$colorGroups = item.colorGroups1) !== null && _item$colorGroups !== void 0 && _item$colorGroups.length)) return;
-      var colorGroups = [item.colorGroups1, item.colorGroups2, item.colorGroups3];
-      var _loop = function _loop() {
-        var groups = colorGroups[i];
-        var group = defaultColorFilters.find(function (group) {
-          return group.text === groups;
-        });
-        if (group && !visibleColorItems.find(function (i) {
-          return i.text === groups;
-        })) {
-          visibleColorItems.push(group);
-        }
-      };
-      for (var i = 0; i < colorGroups.length; i++) {
-        _loop();
-      }
-    });
-  });
-  if (viewHandler.uiState.isInMobileView && viewHandler.getViewConfig().ralFilter) return /*#__PURE__*/jsx(SlideFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));else return /*#__PURE__*/jsx(RalDropdownFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));
-};
-var RALFilter = observer(RalFilter);
-
-export { RALFilter as default };

package/build/esm/index-bf497cad.js

@@ -1,118 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-84fd4098.js';
-import 'react';
-import InfoIcon from './index-e7bf30a6.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import SummaryOptionTree from './index-b1d54c2b.js';
-import classnames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var tabgroupWrapper = "tabgroup-wrapper-4aobO";
-var mobile = "mobile-WRdEu";
-var tablet = "tablet-hQxkY";
-var tabgroupTitle = "tabgroup-title-1R284";
-var optionWrapper = "option-wrapper-pmVYq";
-var optionItem = "option-item-zmiHX";
-var subItemsWrapper = "sub-items-wrapper-B8kl2";
-var imageWrapper = "image-wrapper-egqGk";
-var image = "image-jeC--";
-var imagePlaceholder = "image-placeholder-gM-z9";
-var isDefined = "is-defined-d2h6S";
-var optionContent = "option-content-j3aZy";
-var optionTitleWrapper = "option-title-wrapper-9zVs5";
-var posNrClass = "pos-nr-class-Cbb-Q";
-var big = "big-zXYUG";
-var posNrWrapper = "pos-nr-wrapper-h63sR";
-var optionTitle = "option-title-ErJ-u";
-var optionDescription = "option-description-WL9GJ";
-var optionButton = "option-button-0C2Fa";
-var priceWrapper = "price-wrapper-mlLK5";
-var css_248z = ".tabgroup-wrapper-4aobO {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY).tabgroup-wrapper-4aobO {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.tabgroup-title-1R284 {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.option-wrapper-pmVYq {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.option-item-zmiHX {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-item-zmiHX {\n  gap: 12px;\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 {\n  gap: 8px;\n}\n\n.sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 .tabgroup-wrapper-4aobO {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.image-wrapper-egqGk {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .image-wrapper-egqGk {\n  width: 40px;\n  height: 40px;\n}\n\n.image-jeC-- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.image-placeholder-gM-z9 {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.is-defined-d2h6S {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Ccircle cx%3D%226%22 cy%3D%226%22 r%3D%226%22 fill%3D%22%2310B981%22%2F%3E  %3Cpath d%3D%22M3.5 6L5 7.5L8.5 4%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .is-defined-d2h6S {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.option-content-j3aZy {\n  flex: 1;\n}\n\n.option-title-wrapper-9zVs5 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-wrapper-9zVs5 {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.pos-nr-class-Cbb-Q {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 24px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 20px;\n}\n\n.pos-nr-wrapper-h63sR {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  gap: 2px;\n}\n\n.option-title-ErJ-u {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.option-description-WL9GJ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-ErJ-u,\n.mobile-WRdEu:not(.tablet-hQxkY) .option-description-WL9GJ {\n  font-size: 12px;\n}\n\n.option-button-0C2Fa {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-button-0C2Fa {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.option-button-0C2Fa:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.price-wrapper-mlLK5 {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .price-wrapper-mlLK5 {\n  font-size: 10px;\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 OptionItem = function OptionItem(_ref) {
-  var _option$summaryItems, _option$targetArticle;
-  var option = _ref.option;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var subItems = Object.values((_option$summaryItems = option.summaryItems) !== null && _option$summaryItems !== void 0 ? _option$summaryItems : {});
-  return /*#__PURE__*/jsxs("div", {
-    className: subItemsWrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(optionItem),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: imageWrapper,
-        children: [option.image ? /*#__PURE__*/jsx("img", {
-          src: option.image,
-          alt: option.title,
-          className: image
-        }) : /*#__PURE__*/jsx("div", {
-          className: imagePlaceholder
-        }), option.isDefined && /*#__PURE__*/jsx("div", {
-          className: isDefined
-        }), (option.contentItemId || option.optionContentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-          style: {
-            position: 'absolute',
-            top: -7,
-            right: -7,
-            '--infoIconSize': '14px'
-          },
-          item: _objectSpread(_objectSpread({}, option), {}, {
-            contentItemId: option.contentItemId || option.optionContentItemId
-          })
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: optionContent,
-        children: [/*#__PURE__*/jsx("div", {
-          className: optionTitleWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            className: optionTitle,
-            dangerouslySetInnerHTML: {
-              __html: (option.quantity ? option.quantity + 'x ' : '') + option.title
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: optionDescription,
-          dangerouslySetInnerHTML: {
-            __html: option.description
-          }
-        }), !!option.price && !hidePrices && /*#__PURE__*/jsx("div", {
-          className: priceWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            children: DivaUtils.formatPrice(option.price, viewHandler.productState.priceFormat)
-          })
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: posNrWrapper,
-        children: !!((_option$targetArticle = option.targetArticlePosNrs) !== null && _option$targetArticle !== void 0 && _option$targetArticle.length) && !option.includesAllPosNrs && option.targetArticlePosNrs.map(function (posNr) {
-          return /*#__PURE__*/jsx("div", {
-            className: classnames(posNrClass, posNr.toString().length >= 2 && big),
-            children: posNr
-          });
-        })
-      }), /*#__PURE__*/jsx("button", {
-        className: optionButton,
-        onClick: function onClick() {
-          window.lastNavigationType = 'SUMMARY_PALETTE';
-          viewHandler.paletteViewHandler.clickedOnSummaryPalette(option);
-        }
-      })]
-    }), !!subItems.length && subItems.map(function (item, index) {
-      return /*#__PURE__*/jsx(SummaryOptionTree, {
-        item: item
-      }, index);
-    })]
-  });
-};
-var OptionItem$1 = observer(OptionItem);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': OptionItem$1
-});
-
-export { OptionItem$1 as O, tablet as a, tabgroupTitle as b, index as i, mobile as m, optionWrapper as o, tabgroupWrapper as t };

package/build/esm/index-bfc2cce8.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-84fd4098.js';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var shelfPlannerContainerHorizontal = "shelfPlannerContainerHorizontal-zUcmv";
-var shelfPlannerContainerVertical = "shelfPlannerContainerVertical-3jwdx";
-var accessoires = "accessoires-ExU9-";
-var expanded = "expanded-qqANx";
-var shelfGrid = "shelfGrid-VM2OD";
-var shelfGridBorder = "shelfGridBorder-DyInR";
-var shelfPlannerContainerRtv = "shelfPlannerContainerRtv-OFMK-";
-var accessoireContainer = "accessoireContainer-Ht6lL";
-var selectedElement = "selectedElement-e8fZe";
-var info = "info-Kfwx2";
-var warning = "warning-1klI4";
-var configHeaderWrapper = "config-header-wrapper-ycLDr";
-var name = "name-4YnN5";
-var closeButton = "closeButton-kL18z";
-var css_248z = ".shelfPlannerContainerHorizontal-zUcmv {\n  display: flex;\n  width: 100%;\n}\n\n.shelfPlannerContainerVertical-3jwdx {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 60%;\n}\n\n.shelfPlannerContainerVertical-3jwdx .accessoires-ExU9- {\n  width: 100%;\n  height: 60%;\n}\n\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 34%;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerVertical-3jwdx .shelfGrid-VM2OD {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGridBorder-DyInR {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.shelfPlannerContainerVertical-3jwdx .shelfGridBorder-DyInR {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 66%;\n}\n\n.shelfPlannerContainerVertacal-rU1lK.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9-,\n.shelfPlannerContainerHorizontal-zUcmv.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9- {\n  width: 100%;\n}\n\n.row-JYcIF:first-child {\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoireContainer-Ht6lL {\n  height: 100%;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.info-Kfwx2 {\n  height: 75px;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.warning-1klI4 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.config-header-wrapper-ycLDr {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.name-4YnN5 {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.closeButton-kL18z {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.config-header-wrapper-ycLDr:hover .closeButton-kL18z {\n  background: center / 40% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%233f3f3f%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.config-header-wrapper-ycLDr:hover .name-4YnN5 {\n  font-size: 20px;\n}\n";
-styleInject(css_248z);
-
-var index = function index(_ref) {
-  var selAccItem = _ref.selAccItem;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: selAccItem ? /*#__PURE__*/jsxs("div", {
-      className: selectedElement,
-      children: [/*#__PURE__*/jsx("img", {
-        src: selAccItem.image
-      }), /*#__PURE__*/jsxs("div", {
-        className: info,
-        children: [t('configurator.REGALPLANER_CHOOSE_SPACE_1') + ' ', /*#__PURE__*/jsx("b", {
-          dangerouslySetInnerHTML: {
-            __html: selAccItem.name
-          }
-        }), ' ' + t('configurator.REGALPLANER_CHOOSE_SPACE_2') + ' ', /*#__PURE__*/jsx("b", {
-          children: selAccItem.cellSize
-        }), t('configurator.REGALPLANER_CHOOSE_SPACE_3')]
-      })]
-    }) : /*#__PURE__*/jsxs("div", {
-      className: selectedElement,
-      children: [/*#__PURE__*/jsx("img", {
-        src: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-      }), /*#__PURE__*/jsx("div", {
-        className: info,
-        children: t('configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE')
-      })]
-    })
-  });
-};
-var SelectedAcc = observer(index);
-
-var index$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SelectedAcc
-});
-
-export { SelectedAcc as S, shelfPlannerContainerHorizontal as a, shelfPlannerContainerVertical as b, shelfGrid as c, shelfGridBorder as d, expanded as e, accessoires as f, configHeaderWrapper as g, closeButton as h, accessoireContainer as i, index$1 as j, name as n, shelfPlannerContainerRtv as s, warning as w };

package/build/esm/index-c264144b.js

@@ -1,66 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-84fd4098.js';
-import 'react';
-import SettingsItemHeader from './index-5ddcc730.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import './index-7b8035b9.js';
-import './index-b9bc3c8f.js';
-import './index-e2d6fcc6.js';
-import 'react-dropdown';
-import './index-09b1fcde.js';
-import './index-c671b2c8.js';
-import '@crystaldesign/content-box';
-import './index-93be1c94.js';
-import './index-7165dc22.js';
-import './index-6b4d6e6e.js';
-import './index-dbd79e97.js';
-import './index-f3ee90b4.js';
-import './index-5cef95c5.js';
-import './index-b8f50a8a.js';
-import './index-685d5a32.js';
-import './index-485f536d.js';
-import 'react-laag';
-import './index-0b6598ef.js';
-import './index-e7bf30a6.js';
-import './index-1eaa42fb.js';
-import './index-d2bed2d6.js';
-import 'swiper/react';
-import './index-44f5f442.js';
-import './ussIsSticky-eb72f7bc.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
-var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";
-var css_248z = ".settingsHeaderContainer-ywbxo {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-ywbxo {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  --infoIconSize: 24px;\n}\n\n.settingsHeaderTitle-AeKfm {\n  font-size: 26px;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\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 SettingsItemHeaderSerious = function SettingsItemHeaderSerious(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderSerious as default };

package/build/esm/index-c3a748ba.js

@@ -1,133 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, c as usePlannerUIHandler } from './index-84fd4098.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var mouseDownDetected = false;
-var polygonSelected = false;
-var Outline3D = function Outline3D(_ref) {
-  var items = _ref.items,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var viewHandler = useViewHandler();
-  var plannerUIHandler = usePlannerUIHandler();
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/jsx(Fragment, {});
-  var on3DPlannerBGClick = function on3DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-  };
-  var renderPolygon = function renderPolygon(item) {
-    switch (item.elemState) {
-      case 'selectable':
-        return /*#__PURE__*/jsx("polygon", {
-          onMouseUp: function onMouseUp(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction;
-              (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onTouchEnd: function onTouchEnd(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction2;
-              (_item$clickFunction2 = item.clickFunction) === null || _item$clickFunction2 === void 0 || _item$clickFunction2.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onMouseEnter: function onMouseEnter() {
-            if (!isDragging) plannerUIHandler.updateOnHoverOutline3D(true, item, 'PosNr');
-          },
-          onMouseLeave: function onMouseLeave() {
-            plannerUIHandler.updateOnHoverOutline3D(false, item, 'PosNr');
-          },
-          points: item.polygonPoints,
-          style: {
-            zIndex: item.zIndex
-          },
-          className: classnames(item.type == 'Outline3D' ? plannerUIProps.classes.outline.outline3D.outlinePolygon : undefined, item.type == 'Outline3D_Contour' ? plannerUIProps.classes.outline.outline3D.outlinePolygonContours : undefined)
-        }, item.key.toString());
-      case 'selected':
-        if (item.type == 'Outline3D_Contour') {
-          return /*#__PURE__*/jsx("polygon", {
-            points: item.polygonPoints,
-            style: {
-              zIndex: item.zIndex
-            },
-            className: classnames(plannerUIProps.classes.outline.outline3D.outlinePolygonContoursSel)
-          }, item.key.toString());
-        }
-    }
-    return '';
-  };
-  return /*#__PURE__*/jsx("svg", {
-    onMouseDown: function onMouseDown(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onTouchStart: function onTouchStart(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onMouseMove: function onMouseMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onTouchMove: function onTouchMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onMouseUp: function onMouseUp(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    ref: function ref(_ref2) {
-      viewHandler.productState.setPlanner3DImageSvgArea(_ref2);
-      //viewHandler.viewModel.htmlElementRefs.planner3DImageSvgArea = ref as any;
-    },
-    style: {
-      zIndex: 100,
-      touchAction: 'pan-x pan-y',
-      height: '100%'
-    },
-    className: classnames(plannerUIProps.classes.outline.outline3D.outlineSVG),
-    children: items.map(function (item, i) {
-      return renderPolygon(item);
-    })
-  }, items.length > 0 ? items[0].key : Math.random());
-};
-var Outline3D$1 = observer(Outline3D);
-
-export { Outline3D$1 as default };

package/build/esm/index-c671b2c8.js

@@ -1,91 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-84fd4098.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-import FilterItem from './index-93be1c94.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var colorFilterIcon = "data:image/jpeg;base64,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";
-
-var container = "container-UEbzL";
-var colorFilter = "colorFilter-CK-4p";
-var deselectColor = "deselectColor-vefuo";
-var css_248z = ".container-UEbzL {\n  position: relative;\n}\n\n.colorFilter-CK-4p {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.deselectColor-vefuo {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%226%22 viewBox%3D%220 0 6 6%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 1L3 3M3 3L5 5M3 3L1 5M3 3L1 1%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n";
-styleInject(css_248z);
-
-var SlideFilter = function SlideFilter(_ref) {
-  var _viewHandler$settings;
-  var visibleColorItems = _ref.visibleColorItems,
-    id = _ref.id,
-    deleteCurValue = _ref.deleteCurValue;
-  var viewHandler = useViewHandler();
-  var contents = visibleColorItems.map(function (item) {
-    return {
-      swiperSlideStyle: {
-        backgroundColor: 'transparent',
-        width: 60
-      },
-      content: /*#__PURE__*/jsx(FilterItem, {
-        id: id,
-        item: item
-      })
-    };
-  });
-  var jsXFilter = /*#__PURE__*/jsx(ContentBoxComponent, {
-    settings: {
-      contentBoxProps: {
-        type: 'SliderContainer',
-        sliderType: 'slideX',
-        resistanceRatio: 0,
-        height: 'auto',
-        slidesPerView: 7,
-        contents: contents,
-        centeredSlides: true
-
-        // autoPlay: 3,
-      }
-    }
-  });
-  var onClick = function onClick() {
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'filter') viewHandler.settingsState.updateInfoBox();else viewHandler.settingsState.updateInfoBox({
-      type: 'filter',
-      id: id,
-      content: jsXFilter
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    "data-test-id": "slide-filter",
-    children: [((_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue) && /*#__PURE__*/jsx("div", {
-      className: deselectColor,
-      onClick: deleteCurValue
-    }), /*#__PURE__*/jsx("img", {
-      className: colorFilter,
-      src: colorFilterIcon,
-      onClick: onClick
-    })]
-  });
-};
-var SlideFilter$1 = observer(SlideFilter);
-
-export { SlideFilter$1 as default };

package/build/esm/index-c68aca72.js

@@ -1,45 +0,0 @@
-import { s as styleInject } from './index-84fd4098.js';
-import classnames from 'classnames';
-import 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var wcStepInfo = "wcStepInfo-IuGTY";
-var error = "error-PdtJS";
-var warning = "warning-fB-89";
-var info = "info-bs86-";
-var css_248z = ".wcStepInfo-IuGTY {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.error-PdtJS {\n  color: #dc3545;\n}\n\n.warning-fB-89 {\n  color: #ffc107;\n}\n\n.info-bs86- {\n  color: #828282;\n}\n";
-styleInject(css_248z);
-
-var StepInfo = function StepInfo(_ref) {
-  var stepInfo = _ref.stepInfo;
-  if (!stepInfo) return /*#__PURE__*/jsx(Fragment, {});
-  var text = stepInfo.text,
-    type = stepInfo.type;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcStepInfo, type === 'ERROR' ? error : undefined, type === 'INFO' ? info : undefined, type === 'WARNING' ? warning : undefined),
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  });
-};
-
-export { StepInfo as default };