@crystaldesign/diva-web-planner-react 26.7.0-rc.10 → 26.7.0-rc.11

package/build/esm/index-b2c4c0e3.js

@@ -1,224 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Inputbox from './index-b4bc8ede.js';
-import Product from './index-5151524e.js';
-import Settings from './index-15a6f073.js';
-import NavigationButtons from './index-d3aa3214.js';
-import ActionBasket from './index-0b8d1f60.js';
-import TabGroup from './index-609905d7.js';
-import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-560ff34a.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-966bce43.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-188f7f12.js';
-import './index-a38e2b02.js';
-import './index-68fd3242.js';
-import './index-8c6d17be.js';
-import './index-22e2734c.js';
-import 'sift';
-import './index-707f231f.js';
-import './index-ef39b3c9.js';
-import './index-068c313d.js';
-import './index-bac9baa4.js';
-import './index.module-39daf2be.js';
-import './index-e2a6a1e3.js';
-import './index-1c4ad848.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-5600a982.js';
-import 'react-dropdown';
-import './index-d51657fb.js';
-import './index-951c21e6.js';
-import './index-040db5db.js';
-import './index-e19cb685.js';
-import '@crystaldesign/content-box';
-import './index-cf8051a9.js';
-import './index-dfdd7cfe.js';
-import './index-f6a8f9b2.js';
-import './index-736ac10d.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-db8f8b10.js';
-import './index-0793c72b.js';
-import './index-ac88557c.js';
-import './index-260ef3d8.js';
-import './index-7702c63c.js';
-import './index-7a8c48a6.js';
-import './index-bd5dc9b9.js';
-import 'react-laag';
-import './index.module-be99ab1f.js';
-import './index-d13f65f5.js';
-import './index-4b6fbf80.js';
-import './index-30f01cf4.js';
-import './index-b6841f37.js';
-import './index-885922bd.js';
-import './index.module-ce5dd0fb.js';
-import './index-a935f661.js';
-import './index-1993f2e9.js';
-import './index-076cdea3.js';
-import './index-8defb0c2.js';
-import './index-c631f42a.js';
-import './index-c2f47ac9.js';
-import './index-868a277f.js';
-import './index-39471d80.js';
-import './index-0d4864ab.js';
-import './index-fbfaab30.js';
-import './index-8d461921.js';
-import './index-7e7816f5.js';
-import './index-b84eecd1.js';
-import 'rc-slider';
-import './index-f33b7be5.js';
-import './index-add43723.js';
-import './index-6738db62.js';
-import './index-98aa68ac.js';
-import './index-61634005.js';
-import 'react-confetti-explosion';
-import './index-1a492b9e.js';
-import './index-dda489d8.js';
-import './index-e5d61e0d.js';
-import 'react-qr-code';
-import './index-4749d360.js';
-import './useCustomDimensions-9024230a.js';
-import './index-d3bc4119.js';
-import './ussIsSticky-fbf99789.js';
-import './index-e3b9d509.js';
-import './index-a7b12bc4.js';
-import './index-1cb82a0a.js';
-import './index.module-21f740a0.js';
-import './index-183dcc1c.js';
-import './index-19b89279.js';
-import './index-27f564e4.js';
-import './index-0c064d0c.js';
-import './index-85b23efd.js';
-import './index-19d25cf9.js';
-import './index.module-19015da6.js';
-import './index-a97c4062.js';
-import './index-d479f405.js';
-import './index-803c2b6a.js';
-import './index-8f3bb83f.js';
-import '@mui/material';
-import './index-080c91b6.js';
-import './index-3c656004.js';
-import './index-3621983a.js';
-import './index-2da1c038.js';
-import './index-e6df5376.js';
-import './index-431f247b.js';
-
-var wcConfigurator = "wcConfigurator-8WNGD";
-var landscape = "landscape-fycCb";
-var portrait = "portrait-mcAF6";
-var wcConfiguratorProduct = "wcConfigurator-product-RWY1l";
-var wcConfiguratorSettings = "wcConfigurator-settings-St4gK";
-var wcConfiguratorSteps = "wcConfigurator-steps-fRfjC";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions--47XW";
-var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
-var expanded = "expanded-tbaDC";
-var mobileActionAfterTabgroups = "mobile-action-after-tabgroups-6Fs5C";
-var mobileSettingsWrapper = "mobile-settings-wrapper-JxzDy";
-var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-fycCb .wcConfigurator-settings-St4gK {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.mobile-action-after-tabgroups-6Fs5C {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.mobile-settings-wrapper-JxzDy {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.landscape-fycCb,\n.portrait-mcAF6 {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.tablet-cNnDV {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Ralph = function Ralph(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var _useDivaCore = useDivaCore(),
-    isFullscreenComponent = _useDivaCore.state.isFullscreenComponent;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("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.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        id: "wcConfigurator-wrapper",
-        ref: function ref(wrapperRef) {
-          return viewHandler.uiState.setWrapperRef(wrapperRef);
-        },
-        className: mobileSettingsWrapper,
-        children: [/*#__PURE__*/jsx(Product, {
-          className: wcConfiguratorProduct
-        }), viewHandler.uiState.isInMobileView ? /*#__PURE__*/jsx(Settings, {
-          tabgroupElement: /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(TabGroup, {
-              className: wcConfiguratorSteps,
-              showCloseButtonInMobile: isFullscreenComponent ? 'left' : undefined
-            }), /*#__PURE__*/jsx(BasketMobile, {
-              className: mobileActionAfterTabgroups
-            }), /*#__PURE__*/jsx(ProgressBar, {})]
-          })
-        }) : /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(TabGroup, {
-            className: wcConfiguratorSteps,
-            showCloseButtonInMobile: 'right'
-          }), /*#__PURE__*/jsx(Settings, {
-            className: wcConfiguratorSettings
-          }), /*#__PURE__*/jsx(NavigationButtons, {
-            className: wcConfiguratorSettingsActions,
-            showCheckoutButtons: viewHandler.uiState.isMobilePortrait
-          }), /*#__PURE__*/jsx(ActionBasket, {
-            containerClassName: wcConfiguratorAction,
-            showCheckoutButtons: true
-          })]
-        }), ")"]
-      })
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#a81e1e',
-  '--secondaryColor': '#4a4a4a',
-  '--thirdColor': '#f3f3f3',
-  '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.95)',
-  '--tabGroupBackground': 'rgba(248, 248, 248, 0.95)',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--galleryItemRadius': '3px',
-  '--galleryItemRowCount': '4',
-  '--galleryItemMargin': '1%',
-  '--galleryItemRowCountSmall': '3',
-  '--galleryItemMarginSmall': '0.5%',
-  '--galleryItemBorderColor': '#e8e9ed83',
-  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
-  '--galleryItemBorder': '1px',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '10px',
-  '--settingsScrollerPaddingLeft': '10px',
-  '--configuratorActionHeight': '40px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0 , 0.3)',
-  '--globalBorderRadius': '3px',
-  '--mobile-tabgroup-drawer-border-radius': '12px',
-  '--buttons-border-radius': '8px'
-};
-var index = observer(Ralph);
-
-export { index as default };

package/build/esm/index-b4bc8ede.js

@@ -1,129 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wcTextBoxInDialog = "wcTextBoxInDialog-cUykT";
-var wcPopupWindowContainer = "wcPopupWindowContainer-RSZGf";
-var wcClose = "wcClose-X1s6d";
-var wcSubmit = "wcSubmit-Ax0lk";
-var css_248z = ".wcTextBoxInDialog-cUykT {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.wcPopupWindowContainer-RSZGf {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.wcPopupWindowContainer-RSZGf p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.wcPopupWindowContainer-RSZGf ul {\n  padding: 0;\n  margin: 0;\n}\n\n.wcPopupWindowContainer-RSZGf .wctooltext-G-oa5 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.wcPopupWindowContainer-RSZGf li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.wcClose-X1s6d {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.wcClose-X1s6d:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.wcSubmit-Ax0lk {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: 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: 16px;\n  transform: rotate(180deg);\n}\n";
-styleInject(css_248z);
-
-var Inputbox = function Inputbox(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var inputBox = useRef(null);
-  useEffect(function () {
-    var _viewHandler$settings, _viewHandler$settings2, _inputBox$current;
-    viewHandler.settingsState.setInputBoxValue((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.inputBoxItem) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.freeText) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : '');
-    (_inputBox$current = inputBox.current) === null || _inputBox$current === void 0 || _inputBox$current.focus();
-  }, []);
-  useEffect(function () {
-    var _viewHandler$settings3;
-    if ((_viewHandler$settings3 = viewHandler.settingsState.inputBoxItem) !== null && _viewHandler$settings3 !== void 0 && _viewHandler$settings3.freeText) {
-      viewHandler.settingsState.setInputBoxValue(viewHandler.settingsState.inputBoxItem.freeText);
-    }
-  }, [viewHandler.settingsState.inputBoxItem]);
-  if (!viewHandler.settingsState.inputBoxItem) return /*#__PURE__*/jsx(Fragment, {});
-  var title = viewHandler.settingsState.inputBoxItem.text;
-  if (title.includes(':')) title = title.slice(0, title.lastIndexOf(':'));
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!viewHandler.settingsState.inputBoxItem) {
-              _context.next = 6;
-              break;
-            }
-            viewHandler.settingsState.inputBoxItem.freeText = viewHandler.settingsState.inputBoxValue;
-            _context.next = 4;
-            return viewHandler.paletteViewHandler.clickedOnConfigPalette(viewHandler.settingsState.inputBoxItem, 'inputbox');
-          case 4:
-            viewHandler.settingsState.updateInputBoxValues(false, undefined);
-            viewHandler.uiState.setConfiguratorDisabled(false);
-          case 6:
-            if (viewHandler.settingsState.inputBoxVisible) {
-              viewHandler.uiState.setConfiguratorDisabled(true);
-            } else {
-              viewHandler.uiState.setConfiguratorDisabled(false);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var isNumberBox = !!viewHandler.settingsState.inputBoxItem.measureUnit;
-  var keyDownFunction = function keyDownFunction(e) {
-    if (!viewHandler) return;
-    if (e.key === 'Enter') {
-      onSubmit();
-      e.stopPropagation();
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs("div", {
-      className: wcPopupWindowContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        onClick: function onClick() {
-          return viewHandler.settingsState.inputBoxVisible = false;
-        },
-        className: wcClose,
-        children: "\u2716"
-      }), /*#__PURE__*/jsxs("div", {
-        style: {
-          width: '100%'
-        },
-        children: [/*#__PURE__*/jsx("p", {
-          style: {
-            marginTop: '2px'
-          },
-          children: title
-        }), /*#__PURE__*/jsx("input", {
-          ref: inputBox,
-          onKeyDown: function onKeyDown(e) {
-            return keyDownFunction(e);
-          },
-          className: wcTextBoxInDialog,
-          type: isNumberBox ? 'number' : 'text',
-          onChange: function onChange(event) {
-            return viewHandler.settingsState.setInputBoxValue(event.target.value);
-          },
-          value: viewHandler.settingsState.inputBoxValue
-        }), /*#__PURE__*/jsx("button", {
-          className: wcSubmit,
-          onClick: onSubmit
-        })]
-      })]
-    })
-  });
-};
-var Inputbox$1 = observer(Inputbox);
-
-export { Inputbox$1 as default };

package/build/esm/index-b5bdb785.js

@@ -1,162 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment } 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG = getLogger('Planner', 'InfoBox');
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var direction = _ref.direction,
-    mountElement = _ref.mountElement,
-    drawerStyle = _ref.drawerStyle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    openDrawerMenu = _useDivaCore$actions.openDrawerMenu,
-    closeDrawerMenu = _useDivaCore$actions.closeDrawerMenu;
-  useEffect(function () {
-    if (viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId) {
-      setOpen(true);
-      var isMobile = viewHandler.getIsInMobileView();
-      var onClose = function onClose() {
-        closeDrawerMenu('content-item', true);
-        viewHandler.settingsState.setContentItemId();
-      };
-      var basketIds = viewHandler.settingsState.selectedArticles.map(function (article) {
-        return article.basketId;
-      }).flat();
-      var variantValues = viewHandler.divaWebPlanner.getVariantValues(basketIds);
-      var initialContext = variantValues.map(function (vv) {
-        return {
-          featureCodex: vv.OPT.startsWith('OPT') ? vv.OPT.substring(3) : vv.OPT,
-          selectedOptions: [vv.OPV]
-        };
-      });
-      var content = /*#__PURE__*/jsx(ContentItemComponent, {
-        onClose: onClose,
-        contentItemId: viewHandler.settingsState.contentItemId,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column'
-        },
-        headerWrapperStyle: {
-          borderTopRightRadius: '8px',
-          borderTopLeftRadius: '8px'
-        },
-        onContentItemLoaded: function onContentItemLoaded(title) {
-          LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-            id: viewHandler.settingsState.contentItemId,
-            title: title !== null && title !== void 0 ? title : undefined
-          });
-        },
-        params: {
-          initialContext: initialContext
-        },
-        onEvent: function onEvent(event) {
-          if (event.type == 'applyResults') {
-            var _viewHandler$divaWebP;
-            var results = event.payload;
-            var addOPT = !((_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) !== null && _viewHandler$divaWebP !== void 0 && _viewHandler$divaWebP.CatalogData.isIDMFormat);
-            if (addOPT) Object.entries(results).forEach(function (_ref2) {
-              var _ref3 = _slicedToArray(_ref2, 2),
-                optCodex = _ref3[0],
-                optValue = _ref3[1];
-              results["OPT".concat(optCodex)] = "OPV".concat(optValue);
-            });
-            viewHandler.paletteViewHandler.changeOnCheckoutConfig(results, basketIds);
-          } else if (event.type == 'onCancel' || event.type == 'onClose') {
-            onClose();
-          }
-        }
-      }, viewHandler.settingsState.contentItemId + viewHandler.settingsState.contentItemVisible);
-      if (isMobile) {
-        var _viewHandler$uiState$;
-        openDrawerMenu({
-          id: 'content-item',
-          content: content,
-          onClose: onClose,
-          open: true,
-          hideCloseButton: true,
-          showOverlay: true,
-          noModal: false,
-          direction: 'bottom',
-          mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
-          handleInternScroll: true
-        });
-      } else {
-        var _ref4;
-        openDrawerMenu({
-          id: 'content-item',
-          content: content,
-          onClose: onClose,
-          open: true,
-          hideCloseButton: true,
-          showOverlay: false,
-          noModal: true,
-          direction: direction,
-          mountElement: (_ref4 = mountElement !== null && mountElement !== void 0 ? mountElement : viewHandler.productState.productElement) !== null && _ref4 !== void 0 ? _ref4 : undefined,
-          handleInternScroll: true,
-          drawerStyle: _objectSpread(_objectSpread({
-            position: 'absolute',
-            zIndex: 550,
-            maxWidth: 500,
-            maxHeight: 600,
-            top: 0,
-            bottom: 'unset',
-            boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
-          }, direction === 'right' ? {
-            borderTopLeftRadius: '16px',
-            borderBottomLeftRadius: '16px'
-          } : {
-            borderTopRightRadius: '16px',
-            borderBottomRightRadius: '16px'
-          }), drawerStyle),
-          wrapperStyle: _objectSpread({
-            zIndex: 550,
-            boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
-          }, direction === 'right' ? {
-            borderTopLeftRadius: '16px',
-            borderBottomLeftRadius: '16px'
-          } : {
-            borderTopRightRadius: '16px',
-            borderBottomRightRadius: '16px'
-          })
-        });
-      }
-    } else if (open) {
-      closeDrawerMenu('content-item', true);
-      setTimeout(function () {
-        setOpen(false);
-      }, 400);
-    }
-  }, [viewHandler.settingsState.contentItemVisible, viewHandler.settingsState.contentItemId]);
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-b6841f37.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c5415355.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SettingsItemRoomTemplate = function SettingsItemRoomTemplate(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"
-  }));
-};
-
-export { SettingsItemRoomTemplate as default };