@crystaldesign/diva-web-planner-react 26.12.0-beta.9 → 26.12.0-rc.1

package/build/esm/index-fc79c441.js

@@ -1,43 +0,0 @@
-import './index-249d6781.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var DistanceToGround = function DistanceToGround(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      left: item.position.x + '%',
-      top: 100 - item.position.y + '%'
-    },
-    id: "distanceToGround",
-    className: classnames(plannerUIProps.classes.dimension.distanceToGround),
-    children: /*#__PURE__*/jsx("div", {
-      children: item.dimensionVal + ' cm'
-    })
-  });
-};
-var DistanceToGround$1 = observer(DistanceToGround);
-
-export { DistanceToGround$1 as default };

package/build/esm/index-fde96895.js

@@ -1,68 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-249d6781.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { useState, useRef, useEffect } from '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/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 '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-MPQ1D";
-var searchText = "search-text-h7Q58";
-var icon = "icon-yltss";
-var css_248z = ".wrapper-MPQ1D {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-h7Q58 {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-yltss {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
-styleInject(css_248z);
-
-var Search = function Search(_ref) {
-  var _ref$searchState = _slicedToArray(_ref.searchState, 2),
-    search = _ref$searchState[0],
-    setSearch = _ref$searchState[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
-    if (value && value.length > 2) setSearch(value);else if ((search === null || search === void 0 ? void 0 : search.length) !== 0) {
-      setSearch(undefined);
-    }
-  }, [value]);
-  useEffect(function () {
-    if (!(search !== null && search !== void 0 && search.length)) setValue('');
-  }, [search]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("input", {
-      ref: inputRef,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      type: 'text',
-      value: value,
-      className: searchText,
-      placeholder: t('filter.global')
-    }), /*#__PURE__*/jsx("div", {
-      className: icon
-    })]
-  });
-};
-
-export { Search as default };

package/build/esm/index-fe11a82e.js

@@ -1,97 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-249d6781.js';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-04aa0bdb.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/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 '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-Y-d99";
-var toggleSwitch = "toggle-switch-Mhnmc";
-var switchSelection = "switch-selection-WpDtT";
-var switchLabel = "switch-label-KDRkk";
-var sel = "sel-0rh79";
-var css_248z = ".wrapper-Y-d99 {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.toggle-switch-Mhnmc {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.switch-selection-WpDtT {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.switch-label-KDRkk {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.sel-0rh79 {\n  font-weight: 300;\n  color: #000;\n}\n";
-styleInject(css_248z);
-
-var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
-  var values = _ref.values,
-    items = _ref.items,
-    _ref$state = _slicedToArray(_ref.state, 2),
-    selected = _ref$state[0],
-    setSelected = _ref$state[1],
-    round = _ref.round;
-  var widthPercentage = 100 / values.length;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    texts = _useState2[0],
-    setTexts = _useState2[1];
-  useEffect(function () {
-    if (!values.some(function (v) {
-      return !v.endsWith('cm');
-    })) {
-      setTexts(values.map(function (v, i) {
-        return v.replace('cm', '') + (i == values.length - 1 ? 'cm' : '');
-      }));
-    } else {
-      setTexts(values);
-    }
-  }, [values]);
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    style: {
-      borderRadius: round ? '100px' : undefined
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: toggleSwitch,
-      children: [texts.map(function (val, index) {
-        var _items$index;
-        return /*#__PURE__*/jsx("div", {
-          style: {
-            width: widthPercentage + '%'
-          },
-          children: /*#__PURE__*/jsxs("label", {
-            onClick: function onClick() {
-              return setSelected(index);
-            },
-            className: classnames(switchLabel, selected === index && sel),
-            children: [val, ((_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-              item: items[index],
-              style: {
-                top: -4
-              }
-            }, items[index].codex)]
-          })
-        }, index);
-      }), /*#__PURE__*/jsx("div", {
-        className: switchSelection,
-        style: {
-          left: selected / values.length * 100 + '%',
-          width: widthPercentage + '%',
-          borderRadius: round ? '100px' : undefined
-        }
-      })]
-    })
-  });
-};
-var MultiToggleSwitch$1 = observer(MultiToggleSwitch);
-
-export { MultiToggleSwitch$1 as default };

package/build/esm/index-fe46b816.js

@@ -1,138 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-249d6781.js';
-import classnames from 'classnames';
-import { useHover, useLayer } from 'react-laag';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-db67d874.js';
-import InfoIcon from './index-04aa0bdb.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 '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var articleItem = "article-item-i3J2S";
-var sel = "sel-3vhEw";
-var replacemode = "replacemode-XssaJ";
-var wcArticleInfoContainer = "wcArticleInfoContainer-6umFd";
-var pricesAreHiddenClass = "pricesAreHiddenClass-5i5mY";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-C-sNn";
-var wcConfiguratorSettingsTitleSingleLine = "wcConfigurator-settings-title-single-line-xIggU";
-var wcSize = "wcSize-DKVv4";
-var wcSizeNormal = "wcSize-normal-H7PI-";
-var wcImage = "wcImage-bSQnw";
-var wcArticleSize = "wcArticleSize-FGDRM";
-var css_248z = "/*Planner*/\n\n.article-item-i3J2S {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.article-item-i3J2S.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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}\n\n.article-item-i3J2S .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.article-item-i3J2S .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.article-item-i3J2S .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 74px;\n}\n\n.article-item-i3J2S .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.article-item-i3J2S .wcImage-bSQnw {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.article-item-i3J2S .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.article-item-i3J2S .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .article-item-i3J2S .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\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 Article = function Article(_ref) {
-  var _renderLayer, _item$longDescription;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet,
-    hidePrices = _useDivaCore$state.hidePrices;
-  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.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var pricesAreHidden = viewHandler.getViewConfig().dontShowBasePrice || hidePrices || !item.price;
-  var isInReplaceMode = viewHandler.settingsState.plannerReplaceMode && !(paletteId == 1 && viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    className: classnames(articleItem, pricesAreHidden ? pricesAreHiddenClass : undefined, 'wcConfigurator_Article', item.sel ? sel : undefined, isInReplaceMode ? replacemode : undefined),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
-    }
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcArticleInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible ? wcConfiguratorSettingsTitleSingleLine : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.title
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-          text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
-          desciption: metaDataVisible,
-          codex: item.articleCodex,
-          image: item.image,
-          layerProps: layerProps,
-          price: item.price
-        }, item.codex))), /*#__PURE__*/jsx("div", {
-          className: classnames(wcArticleSize),
-          children: item.sizeInfo
-        })]
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          bottom: 8
-        }
-      }, item.articleCodex)]
-    }), !pricesAreHidden && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        right: -3,
-        top: -3,
-        paddingTop: 6
-      }
-    })]
-  }));
-};
-var Article$1 = observer(Article);
-
-export { Article$1 as default };

package/build/esm/index-feba069f.js

@@ -1,77 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-249d6781.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-11f7cbcb.js';
-import classnames from 'classnames';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-import 'react-laag';
-
-var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  // Shelf accessories are surfaced in articleInfos so they're selectable in the 3D viewer, but the
-  // header shows only main-element navigation — filter them out via the `isShelfAccessoire` flag.
-  var keys = Object.keys(viewHandler.settingsState.articleInfos).filter(function (key) {
-    return !viewHandler.settingsState.articleInfos[key].isShelfAccessoire;
-  }).map(function (key) {
-    return Number(key);
-  }).sort(function (a, b) {
-    return a - b;
-  });
-  useEffect(function () {
-    if (swiperRef) {
-      var index = Object.keys(viewHandler.settingsState.articleInfos).findIndex(function (key) {
-        return viewHandler.settingsState.articleInfos[key].isActive;
-      });
-      if (index !== -1) {
-        swiperRef.slideTo(index !== 0 ? index - 1 : index);
-      }
-    }
-  }, [viewHandler.settingsState.articleInfos, swiperRef]);
-  if (viewHandler.settingsState.posNrAreHidden) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(posnrWrapper, swiperWrapper, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: /*#__PURE__*/jsx(Swiper, {
-      onSwiper: setSwiperRef,
-      spaceBetween: 3,
-      slidesPerView: 'auto',
-      className: 'no-swiping',
-      children: keys.map(function (key) {
-        return /*#__PURE__*/jsx(SwiperSlide, {
-          className: swiperSlide,
-          children: /*#__PURE__*/jsx(SettingsPosNr$1, {
-            id: key.toString()
-          })
-        }, key);
-      })
-    })
-  });
-};
-var SettingsPosNr = observer(SettingsPosNrContainer);
-
-export { SettingsPosNr as default };

package/build/esm/index.module-1fbbe1e8.js

@@ -1,13 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var row = "row-2sbo5";
-var colum = "colum-bfgmE";
-var columToggleName = "colum-toggle-name-PXzg8";
-var title = "title-KljD9";
-var toggle = "toggle-B2uo7";
-var name = "name-QE1Nl";
-var sel = "sel-ZAWxP";
-var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-B2uo7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KljD9,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .name-QE1Nl {\n  color: #fff;\n}\n";
-styleInject(css_248z);
-
-export { toggle as a, columToggleName as b, colum as c, name as n, row as r, sel as s, title as t };

package/build/esm/index.module-2e7cccb8.js

@@ -1,13 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
-var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";
-var wcUi2DOutlineDraggableActive = "wcUI2D_Outline_Draggable_Active-eY7Lt";
-var wc3DOutlineSvg = "wc3D_Outline_SVG-hTscb";
-var wc3DOutlinePolygon = "wc3D_Outline_Polygon-Lgd0b";
-var wc3DOutlinePolygonContoursSel = "wc3D_Outline_Polygon_Contours_Sel-xPrLA";
-var wc3DOutlinePolygonContours = "wc3D_Outline_Polygon_Contours-5AWWG";
-var css_248z = ".wcUI2D_Outline_Draggable-MP-7N {\n  z-index: 258;\n  position: absolute;\n  background-color: #639;\n  opacity: 0;\n  cursor: move;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Selectable--NB0c {\n  z-index: 258;\n  position: absolute;\n  background-color: blue;\n  opacity: 0;\n  cursor: pointer;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Draggable-MP-7N.wcUI2D_Outline_Draggable_Active-eY7Lt {\n  background-color: #dfdfdf;\n  z-index: 260;\n  opacity: 0.7;\n  border: 2px dashed #4a4a4a;\n}\n\n.wc3D_Outline_SVG-hTscb {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n}\n\n.wc3D_Outline_Polygon-Lgd0b {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours_Sel-xPrLA {\n  fill: transparent;\n  stroke: var(--primaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n.wc3D_Outline_Polygon_Contours-5AWWG {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours-5AWWG:hover {\n  fill: transparent;\n  stroke: var(--secondaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z);
-
-export { wcUi2DOutlineDraggableActive as a, wcUi2DOutlineSelectable as b, wc3DOutlineSvg as c, wc3DOutlinePolygon as d, wc3DOutlinePolygonContours as e, wc3DOutlinePolygonContoursSel as f, wcUi2DOutlineDraggable as w };

package/build/esm/index.module-4a4b019f.js

@@ -1,18 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
-var container = "container-1HnE3";
-var vertical = "vertical-b9yq0";
-var button = "button-iKgxi";
-var checkoutButton = "checkoutButton-iSDmb";
-var back = "back-iTC3X";
-var forth = "forth-mornI";
-var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
-var isOnLastStep = "isOnLastStep-f7nk8";
-var isOnFirstStep = "isOnFirstStep-D7seC";
-var landscape = "landscape-RR2TR";
-var portrait = "portrait-XTm5H";
-var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.checkoutButton-iSDmb {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
-styleInject(css_248z);
-
-export { isOnFirstStepDisabled as a, isOnLastStep as b, checkoutButton as c, container as d, button as e, back as f, forth as g, isOnFirstStep as i, landscape as l, portrait as p, vertical as v, wcConfiguratorSettingsActions as w };

package/build/esm/index.module-585eee6d.js

@@ -1,26 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var roomItem = "room-item-sysI7";
-var sel = "sel-QWnr4";
-var generated = "generated-KFkX6";
-var wrapper = "wrapper-CIhVG";
-var textShadow = "text-shadow-K9XED";
-var title = "title-OcXg9";
-var buttonVisible = "button-visible-WpHYz";
-var loading = "loading-c-V4k";
-var button = "button-LVGsh";
-var limitedButton = "limited-button-5sc2h";
-var stopButton = "stop-button-GUCh0";
-var blockedButton = "blocked-button-kNUil";
-var generateIcon = "generate-icon-F827x";
-var limitedIcon = "limited-icon-r9W8U";
-var loadingIcon = "loading-icon-TlJS1";
-var shareButtonWrapper = "share-button-wrapper-6kHhY";
-var visible = "visible-HSm3R";
-var favoriteIcon = "favorite-icon-6esbi";
-var favoriteIconVisible = "favorite-icon-visible-9BORp";
-var favoriteIconSel = "favorite-icon-sel-fxHcb";
-var css_248z = ".room-item-sysI7 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.room-item-sysI7:not(.sel-QWnr4):hover,\n.room-item-sysI7.generated-KFkX6:not(.sel-QWnr4) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-CIhVG {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sel-QWnr4 .wrapper-CIhVG {\n  border: 3px solid var(--primaryColor);\n}\n\n.generated-KFkX6 .text-shadow-K9XED {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.room-item-sysI7 img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.text-shadow-K9XED {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.title-OcXg9 {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .title-OcXg9 {\n  font-size: 11px;\n  bottom: 4px;\n}\n.button-visible-WpHYz:hover .title-OcXg9,\n.sel-QWnr4.button-visible-WpHYz .title-OcXg9,\n.loading-c-V4k .title-OcXg9 {\n  bottom: 40px;\n}\n\n.button-LVGsh {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .button-LVGsh {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.limited-button-5sc2h {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.stop-button-GUCh0 {\n  cursor: not-allowed;\n}\n\n.blocked-button-kNUil {\n  cursor: wait;\n}\n\n.mobile .button-LVGsh {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.button-visible-WpHYz:hover .button-LVGsh,\n.sel-QWnr4.button-visible-WpHYz .button-LVGsh,\n.loading-c-V4k .button-LVGsh {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.loading-c-V4k .button-LVGsh {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.room-item-sysI7:not(.loading-c-V4k) .button-LVGsh:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.generate-icon-F827x {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2214%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 class%3D%22lucide lucide-wand-sparkles%22%3E%3Cpath d%3D%22m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72%22%3E%3C%2Fpath%3E%3Cpath d%3D%22m14 7 3 3%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M5 6v4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M19 14v4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M10 2v2%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M7 8H3%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 16h-4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M11 3H9%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.limited-icon-r9W8U {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E  %3Crect x%3D%223%22 y%3D%2211%22 width%3D%2218%22 height%3D%2211%22 rx%3D%222%22 ry%3D%222%22%2F%3E  %3Cpath d%3D%22M7 11V7a5 5 0 0 1 10 0v4%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.loading-icon-TlJS1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 class%3D%22lucide lucide-refresh-cw w-4 h-4%22%3E%3Cpath d%3D%22M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 3v5h-5%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M8 16H3v5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: spin-CsckD 1s linear infinite;\n}\n\n@keyframes spin-CsckD {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.share-button-wrapper-6kHhY {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.visible-HSm3R {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.favorite-icon-6esbi {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22  height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath  d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .favorite-icon-6esbi {\n  top: 6px;\n  left: 6px;\n}\n\n.favorite-icon-visible-9BORp {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.favorite-icon-sel-fxHcb {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z);
-
-export { title as a, buttonVisible as b, button as c, limitedButton as d, stopButton as e, blockedButton as f, generated as g, limitedIcon as h, loadingIcon as i, generateIcon as j, favoriteIcon as k, loading as l, favoriteIconSel as m, favoriteIconVisible as n, shareButtonWrapper as o, roomItem as r, sel as s, textShadow as t, visible as v, wrapper as w };

package/build/esm/index.module-6acdbd89.js

@@ -1,8 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var wcFavorite = "wcFavorite-WCYzN";
-var wcFavoriteSel = "wcFavorite_sel-Fww5G";
-var css_248z = ".wcFavorite-WCYzN {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23afafaf%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite-WCYzN:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23aaaaaa%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n\n.wcFavorite_sel-Fww5G {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23a83f39%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite_sel-Fww5G:hover {\n  cursor: pointer;\n}\n";
-styleInject(css_248z);
-
-export { wcFavorite as a, wcFavoriteSel as w };

package/build/esm/index.module-7af55ce6.js

@@ -1,16 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
-var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";
-var expanded = "expanded-iYIJH";
-var hidden = "hidden-t3L82";
-var swiperClass = "swiper-class-FbKNd";
-var swiperWrapper = "swiper-wrapper-mjPru";
-var swiperSlide = "swiper-slide-x4-ZZ";
-var tabsHorizontal = "tabs-horizontal-052sb";
-var wcConfiguratorSettingsMinExpander = "wcConfigurator-settings-Min-expander-MkfBV";
-var wcConfiguratorSettingsMaxExpander = "wcConfigurator-settings-Max-expander-3DqcZ";
-var css_248z = ".wcConfigurator-settings-nB7sW {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.wcConfigurator-settings-expander-mf-Rs {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.expanded-iYIJH .wcConfigurator-settings-expander-mf-Rs {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.hidden-t3L82.wcConfigurator-settings-expander-mf-Rs {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.swiper-class-FbKNd {\n  height: 100%;\n}\n\n.swiper-wrapper-mjPru {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.swiper-class-FbKNd .swiper-slide-x4-ZZ {\n  height: 100%;\n  overflow: auto;\n}\n\n.tabs-horizontal-052sb .wcConfigurator-settings-nB7sW {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.wcConfigurator-settings-Min-expander-MkfBV,\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\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-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  left: -1.1rem;\n}\n\n.wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.wcConfigurator-settings-Max-Expanded-zmWy6 .wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.5rem;\n  width: 1rem;\n}\n.wcConfigurator-settings-Min-Expanded-ZRHtW .wcConfigurator-settings-Max-expander-3DqcZ {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.hidden-t3L82.wcConfigurator-settings-Max-expander-3DqcZ,\n.hidden-t3L82.wcConfigurator-settings-Min-expander-MkfBV {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.swiper-wrapper-mjPru .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.swiper-wrapper-mjPru .swiper-button-disabled {\n  display: none;\n}\n.swiper-wrapper-mjPru .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.swiper-wrapper-mjPru .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.swiper-wrapper-mjPru .swiper-android .swiper-slide,\n.swiper-wrapper-mjPru .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.swiper-wrapper-mjPru .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.swiper-wrapper-mjPru .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.swiper-wrapper-mjPru .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.swiper-wrapper-mjPru .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.swiper-wrapper-mjPru .swiper-autoheight,\n.swiper-wrapper-mjPru .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.swiper-wrapper-mjPru .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.swiper-wrapper-mjPru .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.swiper-wrapper-mjPru .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.swiper-wrapper-mjPru .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.swiper-wrapper-mjPru .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.swiper-wrapper-mjPru .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.swiper-wrapper-mjPru .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-wrapper-mjPru .swiper-button-prev.swiper-button-disabled,\n.swiper-wrapper-mjPru .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.swiper-wrapper-mjPru .swiper-button-prev.swiper-button-hidden,\n.swiper-wrapper-mjPru .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .swiper-navigation-disabled .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.swiper-wrapper-mjPru .swiper-button-prev svg,\n.swiper-wrapper-mjPru .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev svg,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.swiper-wrapper-mjPru .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-next,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-button-next:after {\n  text-transform: none !important;\n}\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.swiper-wrapper-mjPru .swiper-button-next,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-next:after,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.swiper-wrapper-mjPru .react-modal-sheet-header {\n  top: -40px;\n}\n\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev svg,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n";
-styleInject(css_248z);
-
-export { swiperWrapper as a, swiperSlide as b, wcConfiguratorSettingsExpander as c, wcConfiguratorSettingsMaxExpander as d, expanded as e, wcConfiguratorSettingsMinExpander as f, hidden as h, swiperClass as s, tabsHorizontal as t, wcConfiguratorSettings as w };

package/build/esm/index.module-a19c429c.js

@@ -1,15 +0,0 @@
-import { s as styleInject } from './index-249d6781.js';
-
-var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
-var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";
-var wcBoxPlannerAddElementTop = "wcBoxPlanner_AddElementTop-XO6vt";
-var wcBoxPlannerAddElementRight = "wcBoxPlanner_AddElementRight--dGaZ";
-var css_248z$1 = ".wcBoxPlanner_AddElement-LWKJQ {\n  border-radius: 0px !important;\n}\n\n.wcBoxPlanner_AddElement-LWKJQ {\n  height: var(--copyArrowSize);\n  width: var(--copyArrowSize);\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--copyArrowSize) * 0.5);\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: calc(var(--copyArrowSize) * -1.2);\n}\n\n.wcBoxPlanner_AddElementLeft-sCzAl {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n  margin-left: calc(var(--copyArrowSize) * -1);\n}\n\n.wcBoxPlanner_AddElementTop-XO6vt {\n  background-position: center center !important;\n}\n\n.wcBoxPlanner_AddElementTop-XO6vt {\n  transform: rotate(90deg);\n  margin-top: calc(var(--copyArrowSize) * -0.8);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBoxPlanner_AddElementRight--dGaZ {\n  margin-left: calc(var(--copyArrowSize) * -0.3);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22lightgrey%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z$1);
-
-var wcPlannerDistanceToGround = "wcPlanner_DistanceToGround-x51NC";
-var wcPlannerArrowDistanceToGround = "wcPlanner_ArrowDistanceToGround-9JNDN";
-var css_248z = ".wcPlanner_DistanceToGround-x51NC {\n  width: 87px;\n  height: 30px;\n  border-radius: 3px;\n  font-size: 15px;\n  line-height: 30px;\n  text-align: left;\n  margin-left: 3px;\n  background-color: rgba(230, 230, 230, 0.637);\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n  z-index: 262;\n  margin-top: -30px;\n  position: absolute;\n  background-position: 7% 59%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 17px 17px;\n  background-repeat: no-repeat;\n}\n.wcPlanner_ArrowDistanceToGround-9JNDN {\n  width: 30px;\n  height: 30px;\n  z-index: 262;\n}\n\n.wcPlanner_DistanceToGround-x51NC > div {\n  margin-left: 29px;\n}\n";
-styleInject(css_248z);
-
-export { wcBoxPlannerAddElementLeft as a, wcBoxPlannerAddElementTop as b, wcBoxPlannerAddElementRight as c, wcPlannerDistanceToGround as d, wcPlannerArrowDistanceToGround as e, wcBoxPlannerAddElement as w };