@crystaldesign/diva-web-planner-react 25.5.0-beta.35 → 25.5.0-beta.37

package/build/esm/index-acd95cd3.js

@@ -1,85 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
-var portrait = "portrait-begxM";
-var settingsHidden = "settings-hidden-9Ubgy";
-var landscape = "landscape-m3RkP";
-var expanded = "expanded-D5PIt";
-var wcButton = "wcButton-2kxBv";
-var sel = "sel-4wfuc";
-var wcViewAs = "wc_ViewAs-QJyAI";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-SQUKh {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  bottom: 0px;\n}\n\n.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.landscape-m3RkP.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-D5PIt.wcConfigurator-product-footer-SQUKh {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:hover {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:active,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:active {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 260px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  min-width: 140px;\n}\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.wc_ViewAs-QJyAI {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.wc_ViewAs-QJyAI li {\n  display: block;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-ad641ec6.js

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-21825fbc.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-24b3551b.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'classnames';
-
-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 ActionNavigationGold = function ActionNavigationGold(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    showBackButtonText: true
-  }));
-};
-var index = observer(ActionNavigationGold);
-
-export { index as default };

package/build/esm/index-add24017.js

@@ -1,28 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-21825fbc.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/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-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 IsActive = function IsActive(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"
-  }));
-};
-
-export { IsActive as default };

package/build/esm/index-ade1f5f9.js

@@ -1,142 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-a862d25f.js';
-import { S as SettingsItem } from './index-b2519545.js';
-import { observer } from 'mobx-react-lite';
-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/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'classnames';
-import 'sift';
-import './index-dede1f3a.js';
-import './index-4f7ade9c.js';
-import './index-2bcaf932.js';
-import './index-9e830c34.js';
-import './index-8c312a39.js';
-import './index.module-c177c65a.js';
-import './index-5762d6ba.js';
-import 'react-switch';
-import './index-ebf08430.js';
-import './index-de472a14.js';
-import './index-46cbf512.js';
-import 'react-dropdown';
-import './index-7afdcbf1.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0ff167f3.js';
-import './index-b965546f.js';
-import './index-3b6a3161.js';
-import '@crystaldesign/content-box';
-import './index-e2351c6b.js';
-import './index-a5becef4.js';
-import './index-1b601b3a.js';
-import './index-c1b530c6.js';
-import './index-5754f7e8.js';
-import './index-0ece50e6.js';
-import 'react-laag';
-import './index-3ff0f2e9.js';
-import './index-85946184.js';
-import './index-eb485b70.js';
-import './index-320b57d5.js';
-import './index-b98949f2.js';
-import './index-919e38dd.js';
-import './index-bb208e65.js';
-import './index-32387ca1.js';
-import './index-a6fd299d.js';
-import './index-c2405a1a.js';
-import './index.module-76d4ab26.js';
-import './index-add24017.js';
-import './index-919f51bf.js';
-import './index-6856eee1.js';
-import './index-9ac9aa7a.js';
-import './index-70488c83.js';
-import './index-8d2b018f.js';
-import './index-0cfb9af9.js';
-import './index.module-2b0c0502.js';
-import './index-0530d247.js';
-import './index-56e3e239.js';
-import './index-7f698f90.js';
-import './index-937e718d.js';
-import './index.module-d82732e4.js';
-import './index-de86f8a8.js';
-import './index-67a7c66a.js';
-import './index-240e9e08.js';
-import './index.module-2d69032c.js';
-import './index-4d28da31.js';
-import 'qrcode.react';
-import './index-092a9a5a.js';
-import './index-70e72b1e.js';
-import './index-f48e5675.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-08956f5d.js';
-import './index-3307bb35.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: Object.values(itemPalettes).map(function (item, index) {
-      return /*#__PURE__*/jsx(SettingsItem, {
-        item: item,
-        id: item.id
-      }, index);
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };

package/build/esm/index-af819c16.js

@@ -1,102 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import classnames from 'classnames';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var container = "container-bxM6C";
-var hidden = "hidden-X63IT";
-var mobile = "mobile--b4Sq";
-var wrapper = "wrapper-jE0i2";
-var imageItem = "image-item-2MypG";
-var sel = "sel-9mQFl";
-var css_248z = ".container-bxM6C {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.hidden-X63IT {\n  opacity: 0;\n  z-index: 0;\n}\n\n.mobile--b4Sq.container-bxM6C {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.wrapper-jE0i2 {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.mobile--b4Sq .wrapper-jE0i2 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.image-item-2MypG {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.mobile--b4Sq .image-item-2MypG {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.sel-9mQFl.image-item-2MypG {\n  border: 2px solid #4f4f4f;\n}\n\n.image-item-2MypG:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n";
-styleInject(css_248z);
-
-var PromotedOpvs = function PromotedOpvs(props) {
-  var _viewHandler$settings, _promotedOpvs$article;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    height = _useDivaCore$state$di.height,
-    width = _useDivaCore$state$di.width;
-  useEffect(function () {
-    if (viewHandler.productState.configChangedByPromoOpvs) {
-      viewHandler.productState.setConfigChangedByPromoOpvs(false);
-    } else {
-      viewHandler.productState.setSelectedPromitionIndex(undefined);
-    }
-  }, [viewHandler.settingsState.configChanged]);
-  var contents = [];
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var promotedOpvs = catalogData === null || catalogData === void 0 ? void 0 : catalogData.promotedOpvs;
-  var selectedArticleCodex = (_viewHandler$settings = viewHandler.settingsState.selectedArticles) === null || _viewHandler$settings === void 0 || (_viewHandler$settings = _viewHandler$settings[0]) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.codex;
-  if (viewHandler.uiState.isLoading || !selectedArticleCodex || !promotedOpvs) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.productState.promotionVisible || !((_promotedOpvs$article = promotedOpvs.articles[selectedArticleCodex]) !== null && _promotedOpvs$article !== void 0 && _promotedOpvs$article.length)) {
-    if (viewHandler.uiState.configSettingsIsHidden) viewHandler.uiState.onClickHideConfigSettings();
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  var _loop = function _loop(i) {
-    var promo = promotedOpvs.articles[selectedArticleCodex][i];
-    var opv = catalogData.getOptionValue(promo.displayOPV);
-    contents.push({
-      swiperSlideStyle: {
-        height: 'auto',
-        width: 'auto'
-      },
-      content: /*#__PURE__*/jsx("span", {
-        onClick: function onClick(e) {
-          return viewHandler.productState.onPromotionClick(promo.variantValues, i);
-        },
-        style: {
-          backgroundImage: 'url(' + (opv !== null && opv !== void 0 && opv.image ? catalogData.getCatImageURL(opv.image, '_gal') : '') + ')'
-        },
-        className: classnames(imageItem, viewHandler.productState.selectedPromotionIndex === i ? sel : undefined)
-      }, i)
-    });
-  };
-  for (var i = 0; i < promotedOpvs.articles[selectedArticleCodex].length; i++) {
-    _loop(i);
-  }
-  var sliderProps = {
-    type: 'SliderContainer',
-    sliderType: viewHandler.uiState.isInMobileView ? 'slideX' : 'slideY',
-    slidesPerView: 'auto',
-    freeMode: true,
-    allowTouchMove: true,
-    contents: contents,
-    scrollToSelectedItem: true,
-    mousewheel: true
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(container, viewHandler.uiState.isInMobileView ? mobile : undefined, !viewHandler.uiState.configSettingsIsHidden ? hidden : undefined),
-    children: /*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: sliderProps
-          }
-        }, +height + width)
-      })
-    })
-  });
-};
-var PromotedOpvs$1 = observer(PromotedOpvs);
-
-export { PromotedOpvs$1 as default };

package/build/esm/index-afa2706a.js

@@ -1,43 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-1ec2bc72.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/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'classnames';
-
-var container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\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 };