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

package/build/esm/index-26540ca9.js

@@ -1,158 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import classnames from 'classnames';
-import DockFilter from './index-6168df84.js';
-import RALFilter from './index-0f73098c.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-52afee2d.js';
-import ToggleHeader from './index-d7cc13b1.js';
-import NumberInput from './index-14a15b5c.js';
-import InfoButton from './index-c726694a.js';
-import PDFButton from './index-24933b2c.js';
-import SummaryVariantButton from './index-68e2cb63.js';
-import SelectedOpv from './index-625d13f8.js';
-import InfoIcon from './index-841cdef4.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 '@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/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0d6d6da4.js';
-import 'react-dropdown';
-import './index-e81a7d2d.js';
-import './index-f9625ce1.js';
-import '@crystaldesign/content-box';
-import './index-92a0a6f8.js';
-import './index-94ba821c.js';
-import 'react-switch';
-import './index-3d17b33c.js';
-import 'react-laag';
-import './index-5d52afbf.js';
-import './index-666abd23.js';
-import './index-cbf61707.js';
-
-var headerWrapper = "header-wrapper-qVEmI";
-var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
-var wcConfiguratorSettingsHeaderPrice = "wcConfigurator-settings-header-price-UmViW";
-var scroller = "scroller-jdhnI";
-var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
-var minExpanded = "min-expanded-kEE9N";
-var landscape = "landscape-DHu2r";
-var portrait = "portrait-8Z7gh";
-var quantity = "quantity-GKJLF";
-var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
-styleInject(css_248z);
-
-var SettingsItemHeader = function SettingsItemHeader(_ref) {
-  var _viewHandler$getViewC, _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
-  var isSettingsHeader = _ref.isSettingsHeader,
-    specialElement1 = _ref.specialElement1,
-    specialElement2 = _ref.specialElement2,
-    item = _ref.item,
-    isInScroller = _ref.isInScroller,
-    _ref$titleClass = _ref.titleClass,
-    titleClass = _ref$titleClass === void 0 ? wcConfiguratorSettingsHeaderTitle : _ref$titleClass,
-    _ref$containerClass = _ref.containerClass,
-    containerClass = _ref$containerClass === void 0 ? wcConfigItemHeader : _ref$containerClass;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var FilterTypeComponentMap = {
-    DockFilter: !viewHandler.settingsState.plannerReplaceMode ? DockFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    RAL: !viewHandler.uiState.ViewConfig.hideRalColorFilter ? RALFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    None: function None() {
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  };
-  var PaletteComponent = FilterTypeComponentMap[item.filterComponent ? item.filterComponent : 'None'];
-  var doShowSearchbar = item.searchVisible && (!isSettingsHeader || !!item.shelfPlannerGrids) && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
-  var doShowFilter = item.filterVisible && !isSettingsHeader && item.filterComponent;
-  var title = isSettingsHeader || item.type == 'TOGGLE' ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
-  if (item.isMultiselect) {
-    title = title + ' (' + t('configurator.isMultiselect') + ')';
-  }
-  if ((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showOptionCodexInOptionHeader) title = title + (item.optionCodex ? ' (' + item.optionCodex + ')' : '');
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(containerClass, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, isInScroller ? scroller : undefined),
-    children: /*#__PURE__*/jsxs("div", {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      className: headerWrapper,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: titleClass,
-        children: [/*#__PURE__*/jsx("span", {
-          "data-test-id": "settingsItemHeaderTitle",
-          children: title
-        }), !isSettingsHeader && item.measureUnit && /*#__PURE__*/jsx(NumberInput, {
-          item: item
-        })]
-      }), item.quantity !== undefined && !isSettingsHeader && /*#__PURE__*/jsxs("div", {
-        className: classnames(quantity),
-        children: [" ", t('configurator.quantity', 'Anzahl') + ': ' + item.quantity, "x"]
-      }), /*#__PURE__*/jsxs("div", {
-        className: iconsContainer,
-        children: [!hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsHeaderPrice,
-          children: item.price
-        }), specialElement1, item.type == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
-          item: item
-        }), doShowSearchbar && /*#__PURE__*/jsx(Searchbar, {
-          isInScroller: isInScroller,
-          item: item,
-          doShowFilter: !!doShowFilter
-        }, item.configStepKey), doShowFilter && /*#__PURE__*/jsx(PaletteComponent, {
-          id: item.id
-        }), /*#__PURE__*/jsx(SummaryVariantButton, {
-          item: item
-        }), !isSettingsHeader && (item === null || item === void 0 || (_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 || (_item$selectedElement = _item$selectedElement[0]) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement.pdfUrl) && /*#__PURE__*/jsx(PDFButton, {
-          pdfUrl: item.selectedElements[0].pdfUrl
-        }), !isSettingsHeader && /*#__PURE__*/jsx(Fragment, {
-          children: (_item$selectedElement2 = item.selectedElements) !== null && _item$selectedElement2 !== void 0 && (_item$selectedElement2 = _item$selectedElement2[0]) !== null && _item$selectedElement2 !== void 0 && _item$selectedElement2.url ? /*#__PURE__*/jsx(InfoButton, {
-            id: item.id,
-            selectedElement: item.selectedElements[0],
-            openUrl: true
-          }) : item.optionContentItemId ? /*#__PURE__*/jsx(InfoIcon, {
-            item: {
-              contentItemId: item.optionContentItemId,
-              codex: item.configStepKey
-            },
-            style: {
-              bottom: 'calc(50% - 10px)'
-            }
-          }, item.optionCodex) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
-            id: item.id,
-            selectedElement: item.selectedElements[0]
-          })
-        }), specialElement2]
-      }), item.selectedElements && item.isMultiselect && /*#__PURE__*/jsx(SelectedOpv, {
-        item: item,
-        selectedElements: item.selectedElements
-      })]
-    })
-  });
-};
-var SettingsItemHeader$1 = observer(SettingsItemHeader);
-
-export { SettingsItemHeader$1 as default };

package/build/esm/index-266e8657.js

@@ -1,200 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import { useEffect } from 'react';
-import Inputbox from './index-7d26ac27.js';
-import Settings from './index-fca3ae87.js';
-import TabGroup from './index-f6e73413.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-7723c49f.js';
-import NavigationButtons from './index-11334c6e.js';
-import ContentItemWrapper from './index-c4339c72.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@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/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-021d59cc.js';
-import './index-91bc02d2.js';
-import './index-79d4b811.js';
-import './index-99d24265.js';
-import './index-913173cb.js';
-import 'react-laag';
-import './index-8fb6dd67.js';
-import './index-c0ea4914.js';
-import './index-4b527171.js';
-import 'sift';
-import './index-b381a4c3.js';
-import './index-26ee7a3f.js';
-import './index-67e743b8.js';
-import './index-c6510bde.js';
-import './index.module-dd133530.js';
-import './index-94ba821c.js';
-import 'react-switch';
-import './index-841cdef4.js';
-import './index-666abd23.js';
-import './index-94d62be3.js';
-import 'react-dropdown';
-import './index-0f73098c.js';
-import './index-0d6d6da4.js';
-import './index-e81a7d2d.js';
-import './index-f9625ce1.js';
-import '@crystaldesign/content-box';
-import './index-92a0a6f8.js';
-import './index-52afee2d.js';
-import './index-fb531729.js';
-import './index-5be729c6.js';
-import './index-39c37698.js';
-import './index-f5ad4df0.js';
-import './index-cbf61707.js';
-import './index-5d52afbf.js';
-import './index-1725c3a0.js';
-import './index-281a5533.js';
-import './index-d982e4d6.js';
-import './index-b66d3f4f.js';
-import './index-db59b81d.js';
-import './index-072f8020.js';
-import './index-0fd8ee1c.js';
-import './index-56479dd9.js';
-import './index.module-6f142235.js';
-import './index-b52dd39e.js';
-import './index-df1fbfeb.js';
-import './index-45e7eccd.js';
-import './index-c1fa0b1c.js';
-import './index-57cccc2e.js';
-import './index-d2ca7d02.js';
-import './index-2a18416e.js';
-import './index.module-f858c134.js';
-import './index-3e9fcba0.js';
-import './index-4c9efef2.js';
-import './index-a059954b.js';
-import './index-656a705e.js';
-import './index-e6bcc0f6.js';
-import './index-75671fbf.js';
-import './index-83f1a39c.js';
-import './index-2ea8e148.js';
-import './index-0c32a976.js';
-import './index-a9bbb880.js';
-import './index.module-745c5fde.js';
-import './index-66a6feb3.js';
-import './index-8293f2ca.js';
-import './index-30d61229.js';
-import 'react-collapsible';
-import './index-c4ff4e60.js';
-import './index-61016a7d.js';
-import './index.module-88f98829.js';
-import 'react-json-view-lite';
-import './react-json-viewer-a1381b69.js';
-import './index-eb4f449e.js';
-import './index.module-39c31e35.js';
-import './DecisionVizualizer-bae02da0.js';
-import 'react-draggable';
-import './index-83f542a8.js';
-import './index-05fbfb98.js';
-import './index-041f97bb.js';
-import 'jsoneditor';
-import './index-3ac31796.js';
-import './index-745d199f.js';
-import './index-902517f9.js';
-import './index-9e7b2d4e.js';
-import './index-4deece2a.js';
-import './index-2d2bc62c.js';
-import './index-789d1845.js';
-import './index-df4c41ee.js';
-import './index.module-d11b8f72.js';
-import './index-90e1ce14.js';
-import './index-63c0fd44.js';
-import './index-a17e31b8.js';
-import 'react-select';
-import './index-47a214d6.js';
-import './index-b250f75d.js';
-import './index-ae65ab47.js';
-import './index-f3421b07.js';
-import './index-87c75f68.js';
-import './index-b0827428.js';
-import './CatalogProperties-af3eb440.js';
-import './ArticleProperties-714281b8.js';
-import './OptionProperties-1d2e76c9.js';
-import './OptionValueProperties-df10d675.js';
-import '@crystaldesign/content-item';
-import './index-d09babbe.js';
-import 'react-i18next';
-
-var wcConfigurator = "wcConfigurator-XqlAg";
-var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
-var mobile = "mobile-PPTgR";
-var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
-var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
-styleInject(css_248z);
-
-var Wysiwyg = function Wysiwyg(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions,
-        showBackButtonText: true,
-        showCheckoutButtons: false
-      }), /*#__PURE__*/jsx(Toolbar, {}), viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-        id: viewHandler.settingsState.contentItemId,
-        startPos: "right"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionForthWidth': 'calc(50% - 3px)',
-  '--configuratorActionBackWidth': 'calc(50% - 3px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Wysiwyg);
-
-export { cssVariables, index as default };

package/build/esm/index-26ee7a3f.js

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

package/build/esm/index-27771e85.js

@@ -1,44 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-ba2ebee2.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-99e1ef0a.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@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/widget-contact-form';
-import './index.module-e5a3670c.js';
-
-var container = "container-LaFKa";
-var back = "back-A14G4";
-var forth = "forth-6EUqO";
-var css_248z = ".container-LaFKa .back-A14G4 {\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: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.container-LaFKa .forth-6EUqO {\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  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\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 ActionNavigationGold = function ActionNavigationGold(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, container),
-    showBackButtonText: true,
-    backOverwrite: back,
-    forthOverwrite: forth
-  }));
-};
-var index = observer(ActionNavigationGold);
-
-export { index as default };

package/build/esm/index-27ef02f6.js

@@ -1,88 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.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/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 '@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/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-281a5533.js

@@ -1,79 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 '@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/widget-contact-form';
-
-var container = "container-GW5iG";
-var mobile = "mobile-PkDVb";
-var image = "image-afs5h";
-var textContainer = "textContainer-eYs6D";
-var expanded = "expanded-0VaOS";
-var articleName = "articleName-YT5oo";
-var posNrContainer = "posNrContainer-sis0e";
-var posNrHeightFitter = "posNrHeightFitter-LVv74";
-var quantity = "quantity-nayMq";
-var price = "price-ZyMfu";
-var css_248z = ".container-GW5iG {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.container-GW5iG.mobile-PkDVb {\n  margin: 0;\n}\n\n.image-afs5h {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.textContainer-eYs6D {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.mobile-PkDVb .textContainer-eYs6D {\n  word-break: break-word;\n}\n.expanded-0VaOS .textContainer-eYs6D {\n  width: calc(50% - 80px);\n}\n\n.articleName-YT5oo {\n  font-weight: 300;\n}\n\n.posNrContainer-sis0e {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.posNrHeightFitter-LVv74 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.posNrContainer-sis0e span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.quantity-nayMq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.price-ZyMfu {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n";
-styleInject(css_248z);
-
-var Articles = function Articles(_ref) {
-  var _item$targetArticlePo;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var isExpanded = viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded;
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(container, isExpanded ? expanded : undefined, isMobile ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("img", {
-      className: classnames(image),
-      src: item.image
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(textContainer),
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames(articleName),
-        children: item.title
-      }), item.description && /*#__PURE__*/jsx("span", {
-        children: item.description
-      })]
-    }), isExpanded && !isMobile && /*#__PURE__*/jsx("div", {
-      className: classnames(posNrContainer),
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(posNrHeightFitter),
-        children: (_item$targetArticlePo = item.targetArticlePosNrs) === null || _item$targetArticlePo === void 0 ? void 0 : _item$targetArticlePo.map(function (posNr, key) {
-          return /*#__PURE__*/jsx("span", {
-            children: posNr
-          }, key);
-        })
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(quantity),
-      children: item.quantity + 'x'
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(price),
-      children: DivaUtils.formatPrice(item.price)
-    })]
-  });
-};
-var SummaryArticles = observer(Articles);
-
-export { SummaryArticles as default };