@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.33

package/build/esm/index-8a298ca1.js

@@ -1,154 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-9bc78e81.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f8039cb8.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-2e070af8.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-d72e2302.js';
-import ReverseCheck from './index-ed92f45d.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';
-
-var paletteItem = "palette-item-0YKyA";
-var wcVCodexText = "wcVCodexText-oxSnB";
-var sel = "sel-Mp0M2";
-var imageWrapper = "imageWrapper-wAIJh";
-var small = "small-NQCY6";
-var wcImage = "wcImage--G64h";
-var titleWrapper = "titleWrapper-kC1Fd";
-var title = "title-gcSeP";
-var mobile = "mobile--MrOW";
-var tablet = "tablet-R7-Yj";
-var big = "big-Rc8hW";
-var css_248z = "/*Size Normal */\n\n.palette-item-0YKyA {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-0YKyA:active,\n.palette-item-0YKyA:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-oxSnB {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-0YKyA:hover .wcVCodexText-oxSnB,\n.sel-Mp0M2 .wcVCodexText-oxSnB {\n  display: block;\n}\n\n.imageWrapper-wAIJh {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-Mp0M2 .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2 .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage--G64h {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.sel-Mp0M2 .wcImage--G64h,\n.small-NQCY6.sel-Mp0M2 .wcImage--G64h {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-47l-a {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-kC1Fd {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-gcSeP {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-gcSeP,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .title-gcSeP,\n.diva-component-DIVA_DATA_ENGINE .darkmode .title-gcSeP {\n  color: #fff;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj) .title-gcSeP {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.palette-item-0YKyA:hover .title-gcSeP,\n.palette-item-0YKyA:focus .title-gcSeP {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-0YKyA:hover .title-gcSeP,\n  .palette-item-0YKyA:focus .title-gcSeP {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-NQCY6 .wcVCodexText-oxSnB {\n  font-size: 12px;\n}\n\n.small-NQCY6 .title-gcSeP {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .title-gcSeP {\n  font-size: 11px;\n  height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.big-Rc8hW .wcVCodexText-oxSnB {\n  font-size: 15px;\n}\n\n.big-Rc8hW .title-gcSeP {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).big-Rc8hW .title-gcSeP {\n  font-size: 13px;\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 Option = function Option(_ref) {
-  var _item$hexColor, _renderLayer;
-  var itemP = _ref.item,
-    type = _ref.type,
-    paletteId = _ref.paletteId,
-    hidePricePreview = _ref.hidePricePreview,
-    namePostFix = _ref.namePostFix;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  var onClick = function onClick() {
-    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;
-
-  /* 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,
-    className: classnames(paletteItem, item.sel ? sel : undefined, type == 'big' ? big : undefined, type == 'small' ? small : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(imageWrapper),
-      children: [viewHandler.getViewConfig().showVCodexInGallery && item.vCodex && /*#__PURE__*/jsx("div", {
-        className: classnames(wcVCodexText),
-        children: item.vCodex
-      }), item.image ? /*#__PURE__*/jsx("img", {
-        className: classnames(wcImage),
-        src: type != 'small' ? item.image.replace('_gal', '') : item.image
-      }) : /*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'fff')
-        }
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item
-      }, item.codex)]
-    }), /*#__PURE__*/jsx("div", {
-      className: titleWrapper,
-      children: /*#__PURE__*/jsx("div", {
-        className: title,
-        dangerouslySetInnerHTML: {
-          __html: item.text + (namePostFix ? namePostFix : '')
-        }
-      })
-    }), item.doShowFav && /*#__PURE__*/jsx("div", {
-      className: item.isFav ? wcFavoriteSel : wcFavorite,
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-      }
-    }), /*#__PURE__*/jsx(MetaData, {
-      style: {
-        position: 'relative',
-        "float": 'left',
-        display: 'none'
-      },
-      metaData: item.metaData,
-      visible: [metaDataVisible, setMetaDataVisible]
-    }, item.codex), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel,
-      style: type == 'small' ? {
-        fontSize: 9
-      } : undefined
-    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-      item: item,
-      paletteId: paletteId
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.text + (item.freeText ? item.freeText : '') + (namePostFix ? namePostFix : ''),
-      hexColor: item.hexColor,
-      desciption: metaDataVisible,
-      pricePreviewPromise: item.pricePreviewPromise,
-      image: item.image,
-      layerProps: layerProps
-    }, item.codex)))]
-  }));
-};
-var GalleryText2 = observer(Option);
-
-export { GalleryText2 as default };

package/build/esm/index-8a2c0f61.js

@@ -1,95 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-9bc78e81.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-8a3a2346.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.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 SettingsItemRoomTemplate = function SettingsItemRoomTemplate(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"
-  }));
-};
-
-export { SettingsItemRoomTemplate as default };

package/build/esm/index-8a67fa91.js

@@ -1,63 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-9bc78e81.js';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment } from 'react/jsx-runtime';
-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';
-
-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 BasketMobile = function BasketMobile(_ref) {
-  var _viewHandler$uiState$;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var addToBasketButton = (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.find(function (b) {
-    return b.type === 'ADD_TO_BASKET';
-  });
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: addToBasketButton ? /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return _onClickCheckout(addToBasketButton, viewHandler, addToBasketButton.index, t);
-      },
-      className: props.className,
-      style: {
-        backgroundImage: 'unset',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      },
-      children: /*#__PURE__*/jsx(Icon, {
-        checkoutButton: _objectSpread({
-          isPrimary: true
-        }, addToBasketButton),
-        size: 32
-      })
-    }) : /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      onClick: function onClick() {
-        return viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
-      }
-    }))
-  });
-};
-
-export { BasketMobile as default };

package/build/esm/index-8b663b30.js

@@ -1,47 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-7abb11f1.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/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 container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 540;\n}\n";
-styleInject(css_248z);
-
-var RoomListSelection = function RoomListSelection(props) {
-  var viewHandler = useViewHandler();
-  var items = viewHandler.paletteViewHandler.getRoomList();
-  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    hidden: !viewHandler.settingsState.roomListInitialized,
-    children: items.map(function (item, index) {
-      return /*#__PURE__*/jsx(RoomSerious, {
-        item: item,
-        from: viewHandler.settingsState.roomListInitialized
-      }, item.codex);
-    })
-  });
-};
-var index = observer(RoomListSelection);
-
-export { index as default };

package/build/esm/index-8d5d6463.js

@@ -1,156 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
-import 'react';
-import { S as SettingsItem } from './index-1c5fa5c5.js';
-import ContentItemTeaser from './index-7133ee9a.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-fb72d936.js';
-import './index-ab4c1e6f.js';
-import './index-8e4596e3.js';
-import './index-563fdc3f.js';
-import './index.module-6adda0b3.js';
-import './index-d72e2302.js';
-import './index-ed92f45d.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-71c079b6.js';
-import 'react-dropdown';
-import './index-473f0e1f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cdf3148d.js';
-import './index-23ff8156.js';
-import './index-a2f11e80.js';
-import '@crystaldesign/content-box';
-import './index-0d1d96de.js';
-import './index-5ecc9ce8.js';
-import './index-ef985539.js';
-import './index-a4467fa2.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-14c4eddd.js';
-import './index-5caf9693.js';
-import './index-f5cd22cf.js';
-import './index-9ba090b1.js';
-import './index-4fb5f532.js';
-import './index-183460c3.js';
-import './index-c6aeb2b7.js';
-import 'react-laag';
-import './index.module-f8039cb8.js';
-import './index-37012998.js';
-import './index-5b02211c.js';
-import './index-3baf9628.js';
-import './index-8a3a2346.js';
-import './index-d445c2ca.js';
-import './index.module-943c3c89.js';
-import './index-1c3d719f.js';
-import './index-7ae01951.js';
-import './index-ba665341.js';
-import './index-32e16d31.js';
-import './index-85cdc43a.js';
-import './index-2e070af8.js';
-import './index-8a298ca1.js';
-import './index-b61d98b3.js';
-import './index-b3b2fa56.js';
-import './index-42d1035d.js';
-import './index-11279735.js';
-import './index-2beca59c.js';
-import './index-8a2c0f61.js';
-import 'rc-slider';
-import './index-908c80b7.js';
-import './index-bca1d026.js';
-import './index-2684abca.js';
-import './index-c2d32a33.js';
-import './index-6b0d0288.js';
-import 'react-confetti-explosion';
-import './index-64547950.js';
-import './index-7e28e9e4.js';
-import './index-c9e218d7.js';
-import 'react-qr-code';
-import './index-2eea7937.js';
-import './useCustomDimensions-c30d3202.js';
-import './index-9c25d2ce.js';
-import './ussIsSticky-7316ebaf.js';
-import './index-ce9e1736.js';
-import './index-583d7573.js';
-import './index-1268f97f.js';
-import './index.module-d2581dbc.js';
-import './index-cfc5b372.js';
-import './index-3c7af566.js';
-import './index-57528dba.js';
-import './index-f4b1b4ca.js';
-
-var wrapper = "wrapper-u-Jk1";
-var left = "left-T5gs2";
-var right = "right-VMURD";
-var verticalSeparator = "verticalSeparator-StcmY";
-var css_248z = ".wrapper-u-Jk1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .wrapper-u-Jk1 {\n  gap: 8px;\n}\n\n.left-T5gs2 {\n  flex: 1;\n  align-self: stretch;\n}\n\n.right-VMURD {\n  flex: 1;\n  align-self: stretch;\n}\n\n.verticalSeparator-StcmY {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n";
-styleInject(css_248z);
-
-var SettingsItemsGroup = function SettingsItemsGroup(_ref) {
-  var group = _ref.group;
-  useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: left,
-      children: group.left.map(function (id) {
-        var _item$contentItemTeas, _item$optionCodex, _item$contentItemTeas2;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas = item.contentItemTeaser) === null || _item$contentItemTeas === void 0 ? void 0 : _item$contentItemTeas.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey + item.id), ((_item$contentItemTeas2 = item.contentItemTeaser) === null || _item$contentItemTeas2 === void 0 ? void 0 : _item$contentItemTeas2.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: verticalSeparator
-    }), /*#__PURE__*/jsx("div", {
-      className: right,
-      children: group.right.map(function (id) {
-        var _item$contentItemTeas3, _item$optionCodex2, _item$contentItemTeas4;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas3 = item.contentItemTeaser) === null || _item$contentItemTeas3 === void 0 ? void 0 : _item$contentItemTeas3.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex2 = item.optionCodex) !== null && _item$optionCodex2 !== void 0 ? _item$optionCodex2 : item.configStepKey + item.id), ((_item$contentItemTeas4 = item.contentItemTeaser) === null || _item$contentItemTeas4 === void 0 ? void 0 : _item$contentItemTeas4.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    })]
-  });
-};
-
-export { SettingsItemsGroup as default };

package/build/esm/index-8e4596e3.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.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 SettingsPaletteGroup = function SettingsPaletteGroup(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"
-  }));
-};
-
-export { SettingsPaletteGroup as default };