@crystaldesign/diva-web-planner-react 26.8.0-beta.17 → 26.8.0-beta.19

package/build/esm/index-20f6b99a.js

@@ -1,159 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useState, useEffect } from 'react';
-import StepInfo from './index-4e1d5173.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 paletteItem = "palette-item-F-QYy";
-var wcTextBox = "wcTextBox-lKT8X";
-var headerTitle = "headerTitle-RuXs-";
-var css_248z = ".palette-item-F-QYy {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.palette-item-F-QYy > div {\n  width: 100%;\n}\n.wcTextBox-lKT8X {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.headerTitle-RuXs- {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.palette-item-F-QYy input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.palette-item-F-QYy input[type='number'] {\n  -moz-appearance: textfield;\n}\n";
-styleInject(css_248z);
-
-var NumberBox = function NumberBox(_ref) {
-  var _itemPalette$selected, _itemPalette$selected4, _itemPalette$info, _viewHandler$getViewC, _itemPalette$selected5;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var throttleRef = useRef(null);
-  var viewHandler = useViewHandler();
-  var itemPalette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    userInFocus = _useState2[0],
-    setUserInFocus = _useState2[1];
-  var _useState3 = useState(itemPalette === null || itemPalette === void 0 || (_itemPalette$selected = itemPalette.selectedElements) === null || _itemPalette$selected === void 0 || (_itemPalette$selected = _itemPalette$selected[0]) === null || _itemPalette$selected === void 0 ? void 0 : _itemPalette$selected.freeText),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var isDefined = true;
-  if (itemPalette) {
-    var step = viewHandler.configuratorStructureHandler.getConfigStepByKey(itemPalette.configStepKey);
-    if (step) isDefined = step.configStep.isDefined;
-  }
-  if (!itemPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var handleChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-      var _e$target$value;
-      var value;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            value = (_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : '';
-            if (!e.target.value.endsWith('.')) {
-              _context.next = 4;
-              break;
-            }
-            setValue(e.target.value);
-            return _context.abrupt("return");
-          case 4:
-            value = value.replace(/[^0-9.,]/g, '');
-            if (value.includes(',') && viewHandler.getViewConfig().allowComma) value = value.replace(/\,/g, '.');
-
-            //delay logic update for 500ms
-            if (throttleRef.current) clearTimeout(throttleRef.current);
-            throttleRef.current = setTimeout(function () {
-              return updateLogic(value);
-            }, 500);
-            setValue(value);
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleChange(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var updateLogic = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!itemPalette) {
-              _context2.next = 3;
-              break;
-            }
-            _context2.next = 3;
-            return viewHandler.paletteViewHandler.onRangeClickChange(itemPalette, item, value);
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function updateLogic(_x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    var _itemPalette$selected2, _itemPalette$selected3;
-    setValue((_itemPalette$selected2 = (_itemPalette$selected3 = itemPalette.selectedElements) === null || _itemPalette$selected3 === void 0 || (_itemPalette$selected3 = _itemPalette$selected3[0]) === null || _itemPalette$selected3 === void 0 ? void 0 : _itemPalette$selected3.freeText) !== null && _itemPalette$selected2 !== void 0 ? _itemPalette$selected2 : '');
-  }, [(_itemPalette$selected4 = itemPalette.selectedElements) === null || _itemPalette$selected4 === void 0 || (_itemPalette$selected4 = _itemPalette$selected4[0]) === null || _itemPalette$selected4 === void 0 ? void 0 : _itemPalette$selected4.freeText]);
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      if (itemPalette) itemPalette.htmlRef = _ref4;
-    },
-    style: {
-      display: 'block'
-    },
-    children: [itemPalette && /*#__PURE__*/jsx("div", {
-      className: headerTitle,
-      children: itemPalette.name
-    }), (!userInFocus || !((_itemPalette$info = itemPalette.info) !== null && _itemPalette$info !== void 0 && _itemPalette$info.hideDuringUserInput)) && /*#__PURE__*/jsx(StepInfo, {
-      stepInfo: itemPalette.info
-    }), /*#__PURE__*/jsx("div", {
-      className: paletteItem,
-      children: /*#__PURE__*/jsx("div", {
-        style: {
-          margin: '5px'
-        },
-        children: /*#__PURE__*/jsx("input", {
-          onBlur: function onBlur() {
-            setUserInFocus(false);
-          },
-          onFocus: function onFocus() {
-            var _itemPalette$info2;
-            setUserInFocus(!((_itemPalette$info2 = itemPalette.info) !== null && _itemPalette$info2 !== void 0 && _itemPalette$info2.hideDuringUserInput));
-          },
-          autoFocus: viewHandler.getViewConfig().autoFocusForInput,
-          lang: "en-150",
-          className: wcTextBox,
-          placeholder: !((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.hideMeasureUnit) ? 'In ' + item.measureUnit : undefined,
-          onChange: handleChange,
-          step: "0.01",
-          onKeyDown: function onKeyDown(e) {
-            if (!viewHandler.getViewConfig().allowComma && (e.key === '.' || e.key === ',')) {
-              e.preventDefault();
-            }
-          },
-          value: value,
-          defaultValue: isDefined ? (_itemPalette$selected5 = itemPalette.selectedElements) === null || _itemPalette$selected5 === void 0 || (_itemPalette$selected5 = _itemPalette$selected5[0]) === null || _itemPalette$selected5 === void 0 ? void 0 : _itemPalette$selected5.freeText : undefined
-        })
-      })
-    })]
-  });
-};
-var NumberBox$1 = observer(NumberBox);
-
-export { NumberBox$1 as default };

package/build/esm/index-210ea10e.js

@@ -1,94 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";
-var portrait = "portrait-FCw3Q";
-var landscape = "landscape-KhTSA";
-var expanded = "expanded-pQR-c";
-var wcButton = "wcButton-s5DtR";
-var sel = "sel-1Qm3v";
-var wcViewAs = "wc_ViewAs-y1Kh8";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-ygF4L {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-FCw3Q.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.landscape-KhTSA.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.expanded-pQR-c.wcConfigurator-product-footer-ygF4L {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:active,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:active {\n  background: #616161;\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.wc_ViewAs-y1Kh8 {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.wc_ViewAs-y1Kh8 li {\n  display: block;\n  float: left;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2, _viewHandler$tabGroup3, _viewHandler$tabGroup4, _viewHandler$aiState;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), ['SUMMARY', 'STYLE_CONSULTANT'].includes((_viewHandler$tabGroup3 = (_viewHandler$tabGroup4 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.type) !== null && _viewHandler$tabGroup3 !== void 0 ? _viewHandler$tabGroup3 : '') && ((_viewHandler$aiState = viewHandler.aiState) === null || _viewHandler$aiState === void 0 || (_viewHandler$aiState = _viewHandler$aiState.generatedImageHistory) === null || _viewHandler$aiState === void 0 ? void 0 : _viewHandler$aiState.length) > 0 && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowAIRoom ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.showAIRoom();
-        },
-        children: t('configurator.AiRooms')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-218c5465.js

@@ -1,78 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useHover, useLayer } from 'react-laag';
-import classnames from 'classnames';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var posnrWrapper = "posnr-wrapper-Y5KDP";
-var swiperWrapper = "swiper-wrapper-nEwC5";
-var swiperSlide = "swiper-slide-43Id0";
-var posnr = "posnr-zpYVY";
-var mobile = "mobile-0MfYt";
-var isActive = "isActive-mWaAC";
-var allIsActive = "allIsActive-iSz9H";
-var isSelectable = "isSelectable-FBPGm";
-var small = "small-xZ6Og";
-var css_248z = ".posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  color: var(--secondaryColor);\n  height: 100%;\n  position: relative;\n  max-width: 120px;\n}\n\n.swiper-slide-43Id0 {\n  outline: none;\n}\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper {\n  width: 100%;\n  height: 100%;\n}\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY {\n  border-radius: var(--articlePosNrRadius);\n  font-size: 16px;\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: 25px;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n  transition:\n    box-shadow 0.2s ease,\n    background-color 1s ease,\n    color 1s ease;\n}\n.mobile-0MfYt.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY,\n.mobile-0MfYt.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.isActive-mWaAC {\n  font-size: 14px;\n  width: 20px;\n}\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY:hover {\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n\n  cursor: pointer;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.isActive-mWaAC {\n  color: white;\n  background-color: var(--primaryColor);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: #eaeaea;\n}\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.small-xZ6Og,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .posnr-zpYVY.small-xZ6Og.isActive-mWaAC {\n  font-size: 12px;\n}\n\n/**\n * Swiper 11.1.12\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2024 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: September 1, 2024\n */\n\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  /* Fix of Webkit flickering */\n  z-index: 1;\n  display: block;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  transition-timing-function: initial;\n  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n  box-sizing: content-box;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-android .swiper-slide,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-ios .swiper-slide,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-horizontal {\n  touch-action: pan-y;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-vertical {\n  touch-action: pan-x;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-slide {\n  flex-shrink: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n  display: block;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n/* Auto Height */\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-autoheight,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n/* 3D Effects */\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d {\n  perspective: 1200px;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-cube-shadow {\n  transform-style: preserve-3d;\n}\n/* CSS Mode */\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  /* For Firefox */\n  -ms-overflow-style: none;\n  /* For Internet Explorer and Edge */\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-horizontal > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-vertical > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n  scroll-snap-type: none;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: none;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n  scroll-snap-stop: always;\n}\n[dir=\"ltr\"] .posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n/* Slide styles start */\n/* 3D Shadows */\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-left,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-right,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-top,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-bottom,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-left,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-right,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-top,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-bottom {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-lazy-preloader {\n  width: 42px;\n  height: 42px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -21px;\n  margin-top: -21px;\n  z-index: 10;\n  transform-origin: 50%;\n  box-sizing: border-box;\n  border: 4px solid var(--swiper-theme-color);\n  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n  border-radius: 50%;\n  border-top-color: transparent;\n}\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n.posnr-wrapper-Y5KDP.swiper-wrapper-nEwC5 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n  animation: swiper-preloader-spin 1s infinite linear;\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 SettingsPosNr = function SettingsPosNr(_ref) {
-  var _renderLayer;
-  var id = _ref.id;
-  var viewHandler = useViewHandler();
-  var article = viewHandler.settingsState.articleInfos[id];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    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;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
-    },
-    id: "ArticleInfo",
-    className: classnames(posnr, viewHandler.settingsState.allArticlesAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
-  }, triggerProps), hoverProps), {}, {
-    children: [article.posNr, isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: article.name,
-      price: article.singlePrice,
-      codex: article.codex,
-      image: article.image,
-      layerProps: layerProps
-    }, article.codex)))]
-  }), id);
-};
-var SettingsPosNr$1 = observer(SettingsPosNr);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsPosNr$1
-});
-
-export { SettingsPosNr$1 as S, swiperSlide as a, index as i, mobile as m, posnrWrapper as p, swiperWrapper as s };

package/build/esm/index-23778532.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { useEffect } from 'react';
-import Settings from './index-55951853.js';
-import TabGroup from './index-a04d51ae.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-6bc5fe77.js';
-import { jsx, Fragment, 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';
-import './index-d7d87a35.js';
-import './index-d6f04126.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-248e925e.js';
-import './index-ee60fd77.js';
-import './index-8d2cdb10.js';
-import 'sift';
-import './index-9d6e38a8.js';
-import './index-0e4e932b.js';
-import './index-59d16491.js';
-import './index-30b11b34.js';
-import './index.module-67f62808.js';
-import './index-b2b1162a.js';
-import './index-62849fac.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-b3e322e8.js';
-import 'react-dropdown';
-import './index-c041f9c1.js';
-import './index-32bb4b12.js';
-import './index-633e6327.js';
-import './index-46b91537.js';
-import '@crystaldesign/content-box';
-import './index-e38d774f.js';
-import './index-3f5bb1e3.js';
-import './index-d3567f25.js';
-import './index-92d18413.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-68563fa5.js';
-import './index-30be548d.js';
-import './index-d2a090cc.js';
-import './index-a2e0e0e0.js';
-import './index-1cac4f6a.js';
-import './index-50ca4375.js';
-import './index-1597687f.js';
-import 'react-laag';
-import './index.module-b3c850d3.js';
-import './index-f2b40178.js';
-import './index-aa00de75.js';
-import './index-b1e9fe31.js';
-import './index-8d87554a.js';
-import './index-24928a6c.js';
-import './index.module-9fe02b29.js';
-import './index-20f6b99a.js';
-import './index-4e1d5173.js';
-import './index-6a653c97.js';
-import './index-501b52b7.js';
-import './index-081aabd7.js';
-import './index-6fd36ea9.js';
-import './index-affe109f.js';
-import './index-d61c7973.js';
-import './index-da6806ef.js';
-import './index-15204efa.js';
-import './index-40cbb7a9.js';
-import './index-d8e60f05.js';
-import './index-9aaebd32.js';
-import 'rc-slider';
-import './index-ecd17aa9.js';
-import './index-12ddd580.js';
-import './index-4c8fc150.js';
-import './index-31e3aaf4.js';
-import './index-96599c54.js';
-import 'react-confetti-explosion';
-import './index-8404febf.js';
-import './index-ea475052.js';
-import './index-8b5afbf4.js';
-import 'react-qr-code';
-import './index-3f422fc8.js';
-import './useCustomDimensions-5cf4dd62.js';
-import './index-61c8f1d4.js';
-import './ussIsSticky-a702922f.js';
-import './index-50122653.js';
-import './index-6f250c99.js';
-import './index-f180f8e3.js';
-import './index.module-3164bb8d.js';
-import './index-243d3aa6.js';
-import './index-77819ee4.js';
-import './index-8a8f28dd.js';
-import './index-5a15f771.js';
-import './index-e7fc0254.js';
-import './index-fccb29b1.js';
-import './index.module-a9ccf329.js';
-import './index-a0132c76.js';
-import './index-a9c57868.js';
-import './index-03d1b01f.js';
-import './index-7dd671fa.js';
-import '@mui/material';
-import './index-b35ca1d5.js';
-import './index-5e354c91.js';
-import './index-29020e41.js';
-import './index-858abc4a.js';
-import './index-1204f574.js';
-
-var wcConfigurator = "wcConfigurator-IeI91";
-var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
-var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\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  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\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\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
-styleInject(css_248z);
-
-var Classification = function Classification(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(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,
-        tabSearchClass: tabSearchClass
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-    })
-  });
-};
-var cssVariables = {
-  '--settingsBackgroundColor': '#f4f4f4',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--primaryColor': '#455864',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--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(Classification);
-
-export { index as default };

package/build/esm/index-23be8f10.js

@@ -1,50 +0,0 @@
-import { s as styleInject } from './index-f16b63bb.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import Item from './index-e5602101.js';
-import { jsx } 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';
-import 'react-laag';
-import './index-6fd36ea9.js';
-
-var wrapper = "wrapper-Da1y8";
-var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";
-styleInject(css_248z);
-
-var SelectedOpv = function SelectedOpv(_ref) {
-  var item = _ref.item,
-    selectedElements = _ref.selectedElements;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    style: {
-      marginTop: selectedElements.length ? 16 : undefined
-    },
-    children: selectedElements.map(function (selectedElement, i) {
-      return /*#__PURE__*/jsx(Item, {
-        selectedElement: selectedElement,
-        paletteId: item.id
-      }, selectedElement.codex);
-    })
-  });
-};
-var SelectedOpv$1 = observer(SelectedOpv);
-
-export { SelectedOpv$1 as default };