@crystaldesign/diva-web-planner-react 26.10.0-beta.3 → 26.10.0-beta.30

package/build/esm/index-307f14cc.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-bd489484.js';
-import ProductCenter from './index-c3e3fbad.js';
-import ContentItemWrapper from './index-52deb222.js';
-import { jsxs, 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/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-d075e049.js';
-import './index-f0d75adc.js';
-import './index-78e001eb.js';
-import './index-09e78d18.js';
-import './index.module-6105565d.js';
-import './index-3d4f9377.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-e5354cf8.js';
-import './index-c8b67de2.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6cb1ee7c.js';
-import './index-c77260eb.js';
-import './index-4d007181.js';
-import './index-13e1fa9a.js';
-import './index-1e15a742.js';
-import 'react-laag';
-import './index-bc22c4d2.js';
-import 'react-qr-code';
-import './index-bbf50d39.js';
-import './index-d122b150.js';
-import './index-0ef1a4e9.js';
-import '@crystaldesign/content-item';
-
-var arrow = "arrow-GTKSC";
-var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["contentItemStartPos"];
-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 Product = function Product(_ref) {
-  var _viewHandler$configSt2;
-  var contentItemStartPos = _ref.contentItemStartPos,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var ref = useRef(null);
-  var onClick = function onClick() {
-    if (ref.current) {
-      var scrollTo = ref.current.getBoundingClientRect().height;
-      if (ref.current.scrollTop > 100) {
-        scrollTo = 0;
-      }
-      ref.current.scrollTo({
-        top: scrollTo,
-        behavior: 'smooth'
-      });
-    }
-  };
-  var setRef = function setRef(element) {
-    ref.current = element;
-    viewHandler.productState.setProductElement(element);
-  };
-  useEffect(function () {
-    var _viewHandler$configSt;
-    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
-      onClick();
-    }
-  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: setRef
-  }, props), {}, {
-    id: "wcConfigurator-product",
-    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
-      className: arrow,
-      onClick: onClick
-    }), /*#__PURE__*/jsx(ProductCenter, {
-      style: {
-        height: 'calc(100% - 40px)',
-        width: 'calc(100% - 40px)',
-        top: 0,
-        margin: '20px'
-      }
-    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), /*#__PURE__*/jsx(ContentItemWrapper, {
-      direction: contentItemStartPos
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-3302d9a1.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-bc3b6780.js';
-import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var priceDiv = "price-div-veoFD";
-var priceText = "price-text-34sGt";
-var css_248z = ".price-div-veoFD {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.price-text-34sGt {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\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 VerticalTabGroupItemMountain = function VerticalTabGroupItemMountain(props) {
-  var _viewHandler$productS;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    lastItemDiv: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: priceText,
-        children: t('configurator.PRICE_INFO')
-      }), /*#__PURE__*/jsx("div", {
-        className: priceDiv,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      })]
-    }),
-    minHeight: 65
-  }));
-};
-var index = observer(VerticalTabGroupItemMountain);
-
-export { index as default };

package/build/esm/index-3447d778.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aa2f36a5.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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';
-
-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 ItemVariant = function ItemVariant(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"
-  }));
-};
-
-export { ItemVariant as default };

package/build/esm/index-34e20e32.js

@@ -1,144 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-aa2f36a5.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-9dce5a76.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b825f617.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-c65475d9.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-116bed5e.js';
-import InfoIcon from './index-dea7c1f9.js';
-import ReverseCheck from './index-8e468bed.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-
-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 Option = function Option(_ref) {
-  var _renderLayer;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId,
-    hidePricePreview = _ref.hidePricePreview,
-    namePostFix = _ref.namePostFix;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onClick = function onClick() {
-    if (item.doShowFav) {
-      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-    }
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useDivaCore = useDivaCore(),
-    _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: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor) && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    "data-test-id": "plannerPaletteItem",
-    className: classnames(paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeSmall),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {
-        listenToOptionVariables: true
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          bottom: 8
-        }
-      }, item.codex), item.layout == 'TEXT' && /*#__PURE__*/jsx("div", {
-        className: wcImagePlaceHolder
-      }), !(item.layout == 'TEXT') && /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(textContainer, item.layout == 'TEXT' ? big : undefined),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.text + (namePostFix ? namePostFix : '')
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          style: {
-            position: 'relative',
-            "float": 'left'
-          },
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.codex)]
-      }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-        text: item.text + (item.freeText ? item.freeText : '') + (namePostFix ? namePostFix : ''),
-        desciption: metaDataVisible,
-        image: item.image,
-        hexColor: item.hexColor,
-        pricePreviewPromise: item.pricePreviewPromise,
-        layerProps: layerProps
-      }, item.codex))), item.doShowFav && /*#__PURE__*/jsx("div", {
-        className: item.isFav ? wcFavoriteSel : wcFavorite
-      })]
-    }), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel
-    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-      item: item,
-      paletteId: paletteId
-    }), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
-      className: classnames(ccConstructionWarning),
-      title: t('configurator.' + item.disabledByConstructionRule)
-    })]
-  }));
-};
-var Option$1 = observer(Option);
-
-export { Option$1 as default };

package/build/esm/index-36edba26.js

@@ -1,85 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } 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 optionTitleWrapper = "option-title-wrapper-nelTh";
-var optionTitle = "option-title-b23DF";
-var defined = "defined-9MId3";
-var current = "current-XPc15";
-var optionValue = "option-value-0dXL2";
-var suggested = "suggested-cnTpG";
-var required = "required-JhxVe";
-var disabled = "disabled-YODb1";
-var css_248z = ".option-title-wrapper-nelTh {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.option-title-wrapper-nelTh:hover {\n  background-color: #4b6e84;\n}\n\n.option-title-b23DF {\n  font-weight: 600;\n}\n.defined-9MId3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.defined-9MId3:hover {\n  background-color: #134054;\n}\n.current-XPc15 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.option-value-0dXL2 {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.suggested-cnTpG {\n  border-right: #ff958b 8px solid;\n}\n\n.required-JhxVe {\n  border-right: #ff2a2a 8px solid;\n}\n.disabled-YODb1 {\n  background-color: #9da7ad;\n}\n.option-title-wrapper-nelTh.disabled-YODb1:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n";
-styleInject(css_248z);
-
-var OptionStepComponent = function OptionStepComponent(_ref) {
-  var _configStep$optionsta, _configStep$optionsta2, _configStep$optionsta3, _configStep$optionsta4, _configStep$optionsta5, _configStep$optionsta6, _configStep$optionsta7, _configStep$optionsta8;
-  var _ref$step = _ref.step,
-    option = _ref$step.option,
-    configStep = _ref$step.configStep;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var value = (_configStep$optionsta = configStep.optionstate) === null || _configStep$optionsta === void 0 ? void 0 : _configStep$optionsta.valName;
-  var isRequired = (_configStep$optionsta2 = configStep.optionstate) === null || _configStep$optionsta2 === void 0 ? void 0 : _configStep$optionsta2.isRequired;
-  var isSuggested = (_configStep$optionsta3 = configStep.optionstate) === null || _configStep$optionsta3 === void 0 ? void 0 : _configStep$optionsta3.isSuggested;
-  if ((_configStep$optionsta4 = configStep.optionstate) !== null && _configStep$optionsta4 !== void 0 && _configStep$optionsta4.isDifferentOption) {
-    value = 'divers';
-  } else if ((_configStep$optionsta5 = configStep.optionstate) !== null && _configStep$optionsta5 !== void 0 && _configStep$optionsta5.freeTextLang) {
-    var text = '';
-    var freetexts = configStep.optionstate.freeTextLang;
-    for (var key in freetexts) {
-      var _freetexts$key;
-      text += key + ': ' + ((_freetexts$key = freetexts[key]) !== null && _freetexts$key !== void 0 ? _freetexts$key : '') + ';';
-    }
-    if (text) value = text;
-  } else if ((_configStep$optionsta6 = configStep.optionstate) !== null && _configStep$optionsta6 !== void 0 && _configStep$optionsta6.freeText) {
-    value = configStep.optionstate.freeText + (!viewHandler.getViewConfig().hideMeasureUnit ? ' ' + configStep.optionstate.measureUnit : '');
-  } else if ((_configStep$optionsta7 = configStep.optionstate) !== null && _configStep$optionsta7 !== void 0 && _configStep$optionsta7.isMultiselect && (_configStep$optionsta8 = configStep.optionstate) !== null && _configStep$optionsta8 !== void 0 && (_configStep$optionsta8 = _configStep$optionsta8.multiSelects) !== null && _configStep$optionsta8 !== void 0 && _configStep$optionsta8.length) {
-    var _configStep$optionsta9, _configStep$optionsta10;
-    value = ((_configStep$optionsta9 = (_configStep$optionsta10 = configStep.optionstate) === null || _configStep$optionsta10 === void 0 ? void 0 : _configStep$optionsta10.multiSelects) !== null && _configStep$optionsta9 !== void 0 ? _configStep$optionsta9 : []).map(function (opv) {
-      return opv.name;
-    }).join(',');
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curOptionCodex === option.codex ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined, isSuggested ? suggested : undefined, isRequired ? required : undefined),
-    title: configStep.isDisabledByDiverseParentOption ? t('configurator.disable_tabgroup_classification') : undefined,
-    onClick: function onClick() {
-      if (configStep.isDisabledByDiverseParentOption) return;
-      viewHandler.navigateToConfigStep(configStep.key);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: optionTitle,
-      title: !configStep.isDisabledByDiverseParentOption ? option.codex : undefined,
-      children: option.title
-    }), /*#__PURE__*/jsx("div", {
-      className: optionValue,
-      title: !configStep.isDisabledByDiverseParentOption ? value : undefined,
-      children: value
-    })]
-  });
-};
-var ConfigStep = observer(OptionStepComponent);
-
-export { ConfigStep as default };

package/build/esm/index-37d177c3.js

@@ -1,56 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-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/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 wrapper = "wrapper-8LcgO";
-var icon = "icon-TWMmb";
-var visible = "visible-RvpD0";
-var tablet = "tablet-XGdK1";
-var css_248z = ".wrapper-8LcgO {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.wrapper-8LcgO:hover {\n  scale: 0.8;\n}\n\n.wrapper-8LcgO:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.icon-TWMmb {\n  width: 20px;\n  height: 20px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.visible-RvpD0 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .wrapper-8LcgO {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.tablet-XGdK1 {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.tablet-XGdK1 .icon-TWMmb {\n  width: 26px;\n  height: 26px;\n}\n";
-styleInject(css_248z);
-
-var NavForwardButton = function NavForwardButton(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isVisible = _useState2[0],
-    setIsVisible = _useState2[1];
-  useEffect(function () {
-    setTimeout(function () {
-      setIsVisible(!viewHandler.actionButtonState.isOnLastStep && !viewHandler.actionButtonState.isOnFirstStepDisabled);
-    }, 400);
-  }, [viewHandler.actionButtonState.isOnLastStep, viewHandler.actionButtonState.isOnFirstStepDisabled]);
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, isVisible && visible, viewHandler.uiState.isTablet ? tablet : undefined),
-    onClick: function onClick() {
-      window.lastNavigationType = 'SETTINGS_SWIPER_FORWARD_BUTTON';
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: icon
-    })
-  });
-};
-var NavForwardButton$1 = observer(NavForwardButton);
-
-export { NavForwardButton$1 as default };

package/build/esm/index-37f4b4c3.js

@@ -1,130 +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-aa2f36a5.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-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 paletteItem = "palette-item-sUeAp";
-var container = "container-4qhuT";
-var content = "content-PlGS7";
-var labelsContainer = "labels-container-b90-e";
-var minLabel = "min-label-V6PZW";
-var maxLabel = "max-label-f0zP7";
-var sliderContainer = "slider-container-0ZpeI";
-var slider = "slider-KB5gQ";
-var wcSliderButton = "wcSliderButton-OSCAA";
-var wcSliderButtonLeft = "wcSliderButtonLeft-AUWb0";
-var wcSliderButtonRight = "wcSliderButtonRight-wCBtH";
-var css_248z = ".palette-item-sUeAp {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.container-4qhuT {\n  display: block;\n  width: 99%;\n}\n\n.content-PlGS7 {\n  margin: 10px;\n}\n\n.labels-container-b90-e {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.min-label-V6PZW {\n  position: absolute;\n  left: 10px;\n}\n\n.max-label-f0zP7 {\n  position: absolute;\n  right: 10px;\n}\n\n.slider-container-0ZpeI {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.slider-KB5gQ {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.slider-KB5gQ:hover {\n  opacity: 1;\n}\n\n.slider-KB5gQ::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.slider-KB5gQ::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.wcSliderButton-OSCAA {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.wcSliderButtonLeft-AUWb0 {\n  left: 0.15rem;\n}\n.wcSliderButtonRight-wCBtH {\n  transform: rotate(180deg);\n  right: 0.15rem;\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 Range = function Range(_ref) {
-  var _palette$selectedElem;
-  var paletteId = _ref.paletteId,
-    itemP = _ref.item;
-  var item = itemP;
-  var _useState = useState(Number(item.freeText)),
-    _useState2 = _slicedToArray(_useState, 2),
-    curValue = _useState2[0],
-    setCurValue = _useState2[1];
-  var viewHandler = useViewHandler();
-  var palette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  var _useState3 = useState(palette === null || palette === void 0 || (_palette$selectedElem = palette.selectedElements) === null || _palette$selectedElem === void 0 || (_palette$selectedElem = _palette$selectedElem[0]) === null || _palette$selectedElem === void 0 ? void 0 : _palette$selectedElem.codex),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOPV = _useState4[0],
-    setSelectedOPV = _useState4[1];
-  useEffect(function () {
-    if (palette) {
-      viewHandler.settingsState.updateItemPalette(paletteId, _objectSpread(_objectSpread({}, palette), {}, {
-        numberInput: curValue,
-        measureUnit: item.measureUnit
-      }));
-    }
-  }, [curValue]);
-  useEffect(function () {
-    if (palette) {
-      var _palette$selectedElem2;
-      var codex = palette === null || palette === void 0 || (_palette$selectedElem2 = palette.selectedElements) === null || _palette$selectedElem2 === void 0 || (_palette$selectedElem2 = _palette$selectedElem2[0]) === null || _palette$selectedElem2 === void 0 ? void 0 : _palette$selectedElem2.codex;
-      if (codex && selectedOPV !== codex) {
-        setSelectedOPV(codex);
-        setCurValue(Number(item.measureMinimum));
-      } else if (palette.numberInput && palette.numberInput != curValue) {
-        setCurValue(palette.numberInput);
-      }
-    }
-  }, [palette, selectedOPV]);
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(paletteItem, container),
-    children: /*#__PURE__*/jsxs("div", {
-      className: content,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: labelsContainer,
-        children: [/*#__PURE__*/jsx("a", {
-          className: minLabel,
-          children: item.measureMinimum + ' ' + item.measureUnit
-        }), /*#__PURE__*/jsx("a", {
-          className: maxLabel,
-          children: item.measureMaximum + ' ' + item.measureUnit
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(sliderContainer, 'no-swiping'),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcSliderButton, wcSliderButtonLeft),
-          onClick: function onClick() {
-            var newVal = Number(curValue) - Number(item.measureStep);
-            if (newVal < Number(item.measureMinimum)) return;
-            setCurValue(newVal);
-            viewHandler.paletteViewHandler.onRangeClickChange(palette, item, newVal.toString(), true);
-          }
-        }), /*#__PURE__*/jsx("input", {
-          type: "range",
-          min: item.measureMinimum,
-          max: item.measureMaximum,
-          step: item.measureStep,
-          value: curValue,
-          className: slider,
-          onChange: function onChange(event) {
-            return setCurValue(Number(event.target.value));
-          },
-          onMouseUp: function onMouseUp(event) {
-            return viewHandler.paletteViewHandler.onRangeClickChange(palette, item, event.target.value);
-          },
-          onTouchEnd: function onTouchEnd(event) {
-            return viewHandler.paletteViewHandler.onRangeClickChange(palette, item, event.target.value);
-          }
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(wcSliderButton, wcSliderButtonRight),
-          onClick: function onClick() {
-            var newVal = Number(curValue) + Number(item.measureStep);
-            if (newVal > Number(item.measureMaximum)) return;
-            setCurValue(newVal);
-            viewHandler.paletteViewHandler.onRangeClickChange(palette, item, newVal.toString());
-          }
-        })]
-      })]
-    })
-  });
-};
-var Range$1 = observer(Range);
-
-export { Range$1 as default };