@crystaldesign/diva-web-planner-react 26.8.0-beta.9 → 26.9.0-beta.2

package/build/esm/index-64e614a2.js

@@ -1,89 +0,0 @@
-import { s as styleInject } from './index-82c8e7d7.js';
-import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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';
-
-var affiliateContainer = "affiliate-container-bOZvB";
-var affiliateMain = "affiliate-main-ipOJf";
-var affiliateMainMobile = "affiliate-main-mobile-VQW52";
-var affiliateProduct = "affiliate-product-ich3t";
-var affiliateProductDescription = "affiliate-product-description-ujnXk";
-var affiliatePartnerList = "affiliate-partner-list-wXqwE";
-var affiliatePartner = "affiliate-partner-Z5vLB";
-var affiliatePartnerImage = "affiliate-partner-image-WSYog";
-var affiliateParnterButton = "affiliate-parnter-button-myx7O";
-var css_248z = ".affiliate-container-bOZvB {\n  max-width: 750px;\n}\n\n.affiliate-container-bOZvB > h2 {\n  margin-top: 0;\n}\n\n.affiliate-main-ipOJf {\n  display: flex;\n  margin-top: 20px;\n  flex-wrap: wrap;\n  gap: 50px;\n}\n.affiliate-main-mobile-VQW52 {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  margin-top: 10px;\n  gap: 10px;\n}\n\n.affiliate-product-ich3t {\n  display: flex;\n  flex-direction: column;\n}\n\n.affiliate-product-ich3t > img {\n  width: 276px;\n  max-width: 100%;\n}\n\n.affiliate-product-description-ujnXk {\n  line-height: 30px;\n  margin-top: 10px;\n  flex: 1 1 20px;\n}\n\n.affiliate-partner-list-wXqwE {\n  flex: 1 1 200px;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.affiliate-partner-Z5vLB {\n  display: flex;\n  justify-content: space-between;\n  flex: 1 1 100px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  position: relative;\n}\n\n.affiliate-partner-image-WSYog {\n  cursor: pointer;\n  flex: 1 1 120px;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 204px;\n  max-width: 100%;\n  height: 98px;\n  border: 1px solid #aaa;\n}\n\n.affiliate-parnter-button-myx7O {\n  cursor: pointer;\n  height: 35px;\n  width: 100px;\n  background: var(--secondaryColor);\n  border-radius: 3px;\n  color: #fff;\n  text-align: center;\n  line-height: 35px;\n  flex: 1 1 25px;\n  padding: 0 5px;\n}\n";
-styleInject(css_248z);
-
-getLogger('Planner', 'Affiliate');
-function Affiliate(_ref) {
-  var _product$affiliate;
-  var product = _ref.product;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  return /*#__PURE__*/jsxs("div", {
-    className: affiliateContainer,
-    children: [/*#__PURE__*/jsx("h2", {
-      children: t('affiliatemodal.title')
-    }), /*#__PURE__*/jsx("div", {
-      children: t('affiliatemodal.text')
-    }), /*#__PURE__*/jsxs("div", {
-      className: isMobile ? affiliateMainMobile : affiliateMain,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: affiliateProduct,
-        children: [!isMobile && /*#__PURE__*/jsx("img", {
-          src: product.image
-        }), /*#__PURE__*/jsx("div", {
-          className: affiliateProductDescription,
-          children: product.shortDescription
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: affiliatePartnerList,
-        children: (_product$affiliate = product.affiliate) === null || _product$affiliate === void 0 ? void 0 : _product$affiliate.map(function (partner) {
-          return /*#__PURE__*/jsxs("div", {
-            className: affiliatePartner,
-            children: [/*#__PURE__*/jsx("button", {
-              "data-test-id": "affiliate-button",
-              className: affiliatePartnerImage,
-              style: {
-                backgroundImage: 'url(' + partner.logoUrl + ')'
-              },
-              onClick: function onClick() {
-                window.open(partner.link, '_blank');
-              }
-            }), /*#__PURE__*/jsx("div", {
-              className: affiliateParnterButton,
-              onClick: function onClick() {
-                window.open(partner.link, '_blank');
-              },
-              children: t('affiliatemodal.button')
-            })]
-          }, partner.id);
-        })
-      })]
-    })]
-  });
-}
-
-export { Affiliate as default };

package/build/esm/index-653a9ddd.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-82c8e7d7.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-15110020.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-67f4e678.js

@@ -1,95 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-82c8e7d7.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import Slider$1 from 'rc-slider';
-import classnames from 'classnames';
-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/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-JzMTM";
-var slideWrapper = "slide-wrapper-arLxY";
-var css_248z = ".wrapper-JzMTM {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.slide-wrapper-arLxY {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.slide-wrapper-arLxY .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.slide-wrapper-arLxY .rc-slider-track,\n.slide-wrapper-arLxY .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.slide-wrapper-arLxY .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.slide-wrapper-arLxY .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.slide-wrapper-arLxY .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.slide-wrapper-arLxY .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.slide-wrapper-arLxY .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.slide-wrapper-arLxY .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.slide-wrapper-arLxY .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.slide-wrapper-arLxY .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.slide-wrapper-arLxY .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.slide-wrapper-arLxY .rc-slider-mark-text-active {\n  color: #666;\n}\n.slide-wrapper-arLxY .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.slide-wrapper-arLxY .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.slide-wrapper-arLxY .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.slide-wrapper-arLxY .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.slide-wrapper-arLxY .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-handle,\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-mark-text,\n.slide-wrapper-arLxY .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.slide-wrapper-arLxY .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.slide-wrapper-arLxY .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-enter,\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn-940eH {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes rcSliderTooltipZoomDownOut-4UkXB {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.slide-wrapper-arLxY .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-hidden {\n  display: none;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.slide-wrapper-arLxY .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n";
-styleInject(css_248z);
-
-var SliderComponent = function SliderComponent(_ref) {
-  var item = _ref.item,
-    style = _ref.style,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    marks = _useState2[0],
-    setMarks = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    items = _useState4[0],
-    setItems = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    curValue = _useState6[0],
-    setCurValue = _useState6[1];
-  var onChange = function onChange(index) {
-    if (Array.isArray(index)) index = index[0];
-    setCurValue(index);
-    onChangeComplete(index);
-  };
-  var onChangeComplete = function onChangeComplete(index) {
-    if ((index !== null && index !== void 0 ? index : curValue) !== undefined) viewHandler.paletteViewHandler.clickedOnConfigPalette(items[index !== null && index !== void 0 ? index : curValue], undefined, paletteId);
-  };
-  useEffect(function () {
-    var itemList = item.groups.flatMap(function (group) {
-      return group.items;
-    });
-    setItems(itemList);
-    setCurValue(itemList.findIndex(function (i) {
-      return i.sel;
-    }));
-    setMarks(itemList.reduce(function (acc, item, i) {
-      acc[i] = item.text;
-      return acc;
-    }, {}));
-  }, [item]);
-  if (items.length === 0) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wrapper, 'no-swiping'),
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: true,
-      isSettingsHeader: false,
-      item: item
-    }), /*#__PURE__*/jsx("div", {
-      className: slideWrapper,
-      children: /*#__PURE__*/jsx(Slider$1, {
-        marks: marks,
-        trackStyle: {
-          backgroundColor: '#e9e9e9'
-        },
-        value: curValue,
-        onChange: onChange,
-        onChangeComplete: onChangeComplete,
-        min: Number(Object.keys(marks)[0]),
-        max: Number(Object.keys(marks)[Object.keys(marks).length - 1])
-      })
-    })]
-  });
-};
-var Slider = observer(SliderComponent);
-
-export { Slider as default };

package/build/esm/index-6832da07.js

@@ -1,85 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-82c8e7d7.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var _excluded = ["className"];
-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 buttonBase = {
-  padding: '4px 15px',
-  borderRadius: 6,
-  border: '1px solid #d9d9d9',
-  cursor: 'pointer',
-  fontSize: 14,
-  lineHeight: '22px',
-  background: '#fff',
-  color: 'rgba(0,0,0,0.88)'
-};
-var primaryButton = _objectSpread(_objectSpread({}, buttonBase), {}, {
-  background: 'var(--primaryColor, #1677ff)',
-  borderColor: 'var(--primaryColor, #1677ff)',
-  color: '#fff'
-});
-var ActionNavigation = function ActionNavigation(_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _viewHandler$actionBu = viewHandler.actionButtonState,
-    isOnFirstStep = _viewHandler$actionBu.isOnFirstStep,
-    isOnFirstStepDisabled = _viewHandler$actionBu.isOnFirstStepDisabled,
-    isOnLastStep = _viewHandler$actionBu.isOnLastStep;
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(className),
-    children: /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        gap: 8,
-        flexWrap: 'wrap'
-      },
-      children: [!isOnFirstStep && /*#__PURE__*/jsx("button", {
-        style: buttonBase,
-        onClick: function onClick() {
-          window.lastNavigationType = 'NAVIGATION_STANDARD_BACK_BUTTON';
-          viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-        },
-        children: t('configurator.Back')
-      }), !isOnLastStep && /*#__PURE__*/jsx("button", {
-        id: "wcConfigurator-action-next",
-        style: _objectSpread(_objectSpread({}, primaryButton), {}, {
-          opacity: isOnFirstStepDisabled ? 0.5 : 1
-        }),
-        disabled: isOnFirstStepDisabled,
-        onClick: function onClick() {
-          window.lastNavigationType = 'NAVIGATION_STANDARD_FORWARD_BUTTON';
-          viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
-        },
-        children: t('configurator.Next')
-      })]
-    })
-  }));
-};
-var index = observer(ActionNavigation);
-
-export { index as default };

package/build/esm/index-68936378.js

@@ -1,45 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-82c8e7d7.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-15110020.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';
-
-var verticalItemPoligon = "verticalItemPoligon-uLIgs";
-var wcActiveStep = "wcActiveStep-Cjjc7";
-var wcVisitedStep = "wcVisitedStep-Syo-H";
-var wcStepIcon = "wcStepIcon-oKNsW";
-var css_248z = ".verticalItemPoligon-uLIgs {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.verticalItemPoligon-uLIgs:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7 {\n  stroke: #cca663;\n  color: #cca663;\n}\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H {\n  color: #a1a1a1;\n}\n\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7:hover {\n  stroke: #d6b781;\n}\n\n.verticalItemPoligon-uLIgs:hover,\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H:hover {\n  color: #e1e1e1;\n}\n\n.wcStepIcon-oKNsW {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-Cjjc7 .wcStepIcon-oKNsW {\n  background-color: #cca663;\n}\n.wcVisitedStep-Syo-H .wcStepIcon-oKNsW {\n  background-color: #a1a1a1;\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 VerticalTabGroupItemFree = function VerticalTabGroupItemFree(props) {
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcVisitedStepClass: wcVisitedStep,
-    wcActiveStepClass: wcActiveStep,
-    verticalItemPoligonClass: verticalItemPoligon,
-    wcStepIconClass: wcStepIcon
-  }));
-};
-var index = observer(VerticalTabGroupItemFree);
-
-export { index as default };

package/build/esm/index-699620a4.js

@@ -1,60 +0,0 @@
-import { s as styleInject } from './index-82c8e7d7.js';
-import { observer } from 'mobx-react-lite';
-import Arrow from './index-fd920826.js';
-import 'react';
-import { jsxs, 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';
-
-var selectContainer = "select-container-IwjJt";
-var select = "select-ftXa-";
-var arrow = "arrow-vRzWc";
-var css_248z = ".select-container-IwjJt {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.select-ftXa- {\n  outline: none !important;\n}\n\n.select-ftXa- {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.arrow-vRzWc {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n";
-styleInject(css_248z);
-
-var MobileDropdown = function MobileDropdown(_ref) {
-  var onChange = _ref.onChange,
-    mobileOptions = _ref.mobileOptions,
-    selectedOption = _ref.selectedOption,
-    id = _ref.id;
-  return /*#__PURE__*/jsxs("div", {
-    className: selectContainer,
-    id: id,
-    children: [/*#__PURE__*/jsx(Arrow, {
-      open: false,
-      className: arrow
-    }), /*#__PURE__*/jsx("select", {
-      className: select,
-      onChange: onChange,
-      value: selectedOption,
-      children: mobileOptions.map(function (option) {
-        return /*#__PURE__*/jsx("option", {
-          value: option.codex,
-          dangerouslySetInnerHTML: {
-            __html: option.text + (!!option.price ? '  -  ' + option.price : '')
-          }
-        }, option.codex);
-      })
-    })]
-  });
-};
-var MobileDropdown$1 = observer(MobileDropdown);
-
-export { MobileDropdown$1 as default };

package/build/esm/index-69a58946.js

@@ -1,124 +0,0 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-82c8e7d7.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-d57f5cbe.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-75c7868f.js';
-import ReverseCheck from './index-1b87f64a.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-
-var LOG = getLogger('Planner', 'ToggleName');
-var ToggleName = function ToggleName(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.warn('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', 'WC_0011');
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var checked = noItem.sel == false;
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
-    contentItemId: item.optionContentItemId,
-    codex: item.configStepKey
-  } : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
-      },
-      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise,
-        sel: noItem.sel
-      }), /*#__PURE__*/jsx("div", {
-        className: !checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: noItem.text
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(columToggleName, toggle),
-      children: /*#__PURE__*/jsx(Toggle, {
-        onChange: function onChange() {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-        },
-        val: item,
-        alwaysActiveColor: true,
-        state: checked
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
-      },
-      children: [yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise,
-        sel: yesItem.sel
-      }), yesItem.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-        item: yesItem,
-        paletteId: paletteId
-      }), /*#__PURE__*/jsx("div", {
-        className: checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: yesItem.text
-        }
-      })]
-    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
-      item: contentItem,
-      style: {
-        position: 'relative'
-      }
-    }, item.configStepKey)]
-  });
-};
-
-export { ToggleName as default };