@crystaldesign/diva-web-planner-react 26.3.0-beta.30 → 26.3.0-beta.32

package/build/esm/{index-4c71dc13.js → index-d4f9a423.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import SettingsItemsWrapper from './index-276e6111.js';
+import SettingsItemsWrapper from './index-9460f067.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,88 +20,91 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-39a8e7c5.js';
+import './index-05f64d80.js';
 import 'sift';
-import './index-551717e9.js';
-import './index-8727e965.js';
-import './index-5a5289eb.js';
-import './index-9cc309dc.js';
-import './index-122a0869.js';
-import './index.module-e1401df0.js';
-import './index-2770ac07.js';
+import './index-27b5797c.js';
+import './index-9ac6cfde.js';
+import './index-5a3bba35.js';
+import './index-dcb5a4c8.js';
+import './index-04931042.js';
+import './index.module-640d8e72.js';
+import './index-013824ae.js';
 import 'react-switch';
-import './index-97e4f826.js';
-import './index-fb3da7a9.js';
-import './index-f31e87f2.js';
+import './index-b3e1927a.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
 import 'react-countup';
-import './index-338270a7.js';
+import './index-1bef5016.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-4770ac0f.js';
+import './index-96a844ba.js';
 import 'react-dropdown';
-import './index-0e7381cf.js';
+import './index-3ac989c2.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-883c22c3.js';
-import './index-9674599a.js';
-import './index-45fa07f9.js';
+import './index-64d3dee2.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
 import '@crystaldesign/content-box';
-import './index-e341c591.js';
-import './index-a1062c3a.js';
-import './index-5156ca7b.js';
-import './index-07ad5139.js';
-import './index-9ba1ca70.js';
-import './index-880c5baa.js';
-import './index-1eafb49f.js';
-import './index-8b96a87d.js';
-import './index-a838aa60.js';
-import 'react-laag';
-import './index.module-a1524dc2.js';
-import './index-d8069db0.js';
-import './index-42805d35.js';
-import './index-3f878c68.js';
-import './index-7c85b92e.js';
-import './index-970fada8.js';
-import './index-e46763e8.js';
-import './index.module-d266f304.js';
-import './index-97b09940.js';
-import './index-3d7806b8.js';
-import './index-bd03ba3b.js';
-import './index-1edd9049.js';
-import './index-2d10458f.js';
-import './index-51c9445d.js';
-import './index-96b86e97.js';
-import './index-b177992c.js';
-import './index-fc36bc10.js';
-import './index-a9929714.js';
-import './index-1f7d9cc7.js';
-import './index-88c444ee.js';
+import './index-fd9f971c.js';
+import './index-57f6de18.js';
+import './index-d03ce7a1.js';
+import './index-5bb3c4e5.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-3fedcae6.js';
+import './UnlockCard-eedb32dd.js';
+import './index-ecf5d2ad.js';
+import './index-e97ba3cb.js';
+import './index-03c70f2c.js';
+import './index-ed8770db.js';
+import './index-730f502a.js';
+import './index-a9845019.js';
+import 'react-laag';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-61449a33.js';
+import './index-53f97462.js';
+import './index-d70fb0bb.js';
+import './index-9a23b442.js';
+import './index.module-8dfb8de3.js';
+import './index-001ba1fd.js';
+import './index-62c24617.js';
+import './index-945800aa.js';
+import './index-8a32be1c.js';
+import './index-687ae0a1.js';
+import './index-69a6c7a9.js';
+import './index-f3f86e53.js';
+import './index-197173a7.js';
+import './index-01d1aa77.js';
+import './index-e54f3cbf.js';
+import './index-48d72bcf.js';
+import './index-0a590051.js';
+import './index-8ae4e6a5.js';
 import 'rc-slider';
-import './index-186612cf.js';
-import './index-bcdf7d06.js';
-import './index-a023c2a7.js';
-import './index-b8aacc98.js';
-import './index-5b396532.js';
+import './index-7c7be592.js';
+import './index-61ae92a9.js';
+import './index-96b06af6.js';
+import './index-9ca297b9.js';
+import './index-3bdfe15e.js';
 import 'react-confetti-explosion';
-import './index-7856e10b.js';
-import './index-140074e6.js';
-import './index-d5d09a35.js';
+import './index-672a5e0b.js';
+import './index-f091509b.js';
+import './index-39b1626d.js';
 import 'react-qr-code';
-import './index-c19f7012.js';
-import './useCustomDimensions-04c11b27.js';
-import './index-24c4a849.js';
-import './ussIsSticky-8f2e6519.js';
-import './index-dc54720f.js';
-import './index-c21577c2.js';
-import './index-73d625f4.js';
-import './index.module-79f9899d.js';
-import './index-c2e49d89.js';
-import './index-4e9e91f3.js';
-import './index-3e4b4337.js';
-import './index-92c04b03.js';
-import './index-adf84dba.js';
+import './index-93582460.js';
+import './useCustomDimensions-a87c5089.js';
+import './index-c11204c1.js';
+import './ussIsSticky-519f92fa.js';
+import './index-e7b11a1d.js';
+import './index-b0f33b61.js';
+import './index-2a0a2f0d.js';
+import './index.module-2a931ebd.js';
+import './index-d90926c1.js';
+import './index-6648c292.js';
+import './index-cfd02cea.js';
+import './index-253ee923.js';
+import './index-5b956203.js';
+import './index-d07e6872.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-369e2e80.js → index-d53bb038.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-970fada8.js → index-d70fb0bb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-5d5c9d01.js → index-d8fd9c3d.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c2e49d89.js → index-d90926c1.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-a3333e06.js → index-d93b32fd.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { useState, useEffect, Suspense } from 'react';
-import { n as notExpanded } from './index.module-a08bc293.js';
-import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-a369f510.js';
-import { l as decision, D as DecisionVisualization } from './DecisionVizualizer-fa7431ce.js';
+import { n as notExpanded } from './index.module-bc2cb4a0.js';
+import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-cece3e5f.js';
+import { l as decision, D as DecisionVisualization } from './DecisionVizualizer-ab2ab17d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toggle from './index-2770ac07.js';
-import AsyncRender from './index-5e33f20e.js';
+import Toggle from './index-013824ae.js';
+import AsyncRender from './index-2fb77876.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -26,7 +26,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-json-view-lite';
 import 'react-switch';
-import './index-9505768e.js';
+import './index-1ce326ab.js';
 import 'react-collapsible';
 
 var _excluded = ["onMouseDown"];

package/build/esm/{index-fc6910c6.js → index-dac4c554.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-f7e97625.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-1896dc59.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-7fa832db.js';
-import properties$1 from './ArticleProperties-94d354bd.js';
-import properties$2 from './OptionProperties-bd8e1e56.js';
-import properties$3 from './OptionValueProperties-a8945f59.js';
+import properties from './CatalogProperties-a32b1376.js';
+import properties$1 from './ArticleProperties-73bc731e.js';
+import properties$2 from './OptionProperties-385d30b7.js';
+import properties$3 from './OptionValueProperties-ff04d269.js';
 import Select from 'react-select';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-2770ac07.js';
+import './index-013824ae.js';
 import 'react-switch';
 
 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; }

package/build/esm/index-db206ca6.js

@@ -0,0 +1,215 @@
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
+import { useEffect } from 'react';
+import Inputbox from './index-bec3a509.js';
+import Settings from './index-df039251.js';
+import TabGroup from './index-d1732cf1.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import Toolbar from './index-a48c7e56.js';
+import NavigationButtons from './index-54dd835b.js';
+import ContentItemWrapper from './index-63a4826b.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 '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-5a944c7e.js';
+import './index-9ac6cfde.js';
+import './index-969a7f31.js';
+import './index-82e36b85.js';
+import './index-9460f067.js';
+import './index-05f64d80.js';
+import 'sift';
+import './index-27b5797c.js';
+import './index-5a3bba35.js';
+import './index-dcb5a4c8.js';
+import './index-04931042.js';
+import './index.module-640d8e72.js';
+import './index-013824ae.js';
+import 'react-switch';
+import './index-b3e1927a.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
+import 'react-countup';
+import './index-1bef5016.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-96a844ba.js';
+import 'react-dropdown';
+import './index-3ac989c2.js';
+import './index-64d3dee2.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
+import '@crystaldesign/content-box';
+import './index-fd9f971c.js';
+import './index-57f6de18.js';
+import './index-d03ce7a1.js';
+import './index-5bb3c4e5.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './UnlockCard-eedb32dd.js';
+import './index-ecf5d2ad.js';
+import './index-e97ba3cb.js';
+import './index-03c70f2c.js';
+import './index-ed8770db.js';
+import './index-730f502a.js';
+import './index-a9845019.js';
+import 'react-laag';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-61449a33.js';
+import './index-53f97462.js';
+import './index-d70fb0bb.js';
+import './index-9a23b442.js';
+import './index.module-8dfb8de3.js';
+import './index-001ba1fd.js';
+import './index-62c24617.js';
+import './index-945800aa.js';
+import './index-8a32be1c.js';
+import './index-687ae0a1.js';
+import './index-69a6c7a9.js';
+import './index-f3f86e53.js';
+import './index-197173a7.js';
+import './index-01d1aa77.js';
+import './index-e54f3cbf.js';
+import './index-48d72bcf.js';
+import './index-0a590051.js';
+import './index-8ae4e6a5.js';
+import 'rc-slider';
+import './index-7c7be592.js';
+import './index-61ae92a9.js';
+import './index-96b06af6.js';
+import './index-9ca297b9.js';
+import './index-3bdfe15e.js';
+import 'react-confetti-explosion';
+import './index-672a5e0b.js';
+import './index-f091509b.js';
+import './index-39b1626d.js';
+import 'react-qr-code';
+import './index-93582460.js';
+import './useCustomDimensions-a87c5089.js';
+import './index-c11204c1.js';
+import './ussIsSticky-519f92fa.js';
+import './index-e7b11a1d.js';
+import './index-b0f33b61.js';
+import './index-2a0a2f0d.js';
+import './index.module-2a931ebd.js';
+import './index-d90926c1.js';
+import './index-6648c292.js';
+import './index-cfd02cea.js';
+import './index-253ee923.js';
+import './index-5b956203.js';
+import './index-d07e6872.js';
+import './index.module-64812546.js';
+import './index-7bf7becb.js';
+import './index-b9cc8b64.js';
+import './index-cd2db887.js';
+import './index-1cbb3661.js';
+import '@mui/material';
+import './index-cccee827.js';
+import './index-396df0a6.js';
+import './index-ed26229c.js';
+import './index-d2709a16.js';
+import './index-48c616b7.js';
+import './index-9e65756e.js';
+import 'react-dom';
+import './index-74151a62.js';
+import './agGridLoader-f4cd9cf9.js';
+import './index-950e851f.js';
+import 'react-select';
+import './index-05e380bb.js';
+import './index.module-bc2cb4a0.js';
+import './DecisionVizualizer-ab2ab17d.js';
+import 'react-json-view-lite';
+import './react-json-viewer-8d65f53e.js';
+import './index-afce926e.js';
+import './index-f788f949.js';
+import './index-ce7ff7af.js';
+import './index-fcb01bc0.js';
+import './index-4826870a.js';
+import './index-7978a971.js';
+import 'react-rnd';
+import '@crystaldesign/content-item';
+
+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  background-color: var(--configuratorBackgroundColor);\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\n/* antd Tabs – wysiwyg tab group, navigation only (hide content pane) */\n.wysiwyg-tab-group-tabs.ant-tabs {\n  height: 100%;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-content {\n  display: none;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-nav {\n  margin-bottom: 0;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .wcConfigurator-XqlAg,\nbody.darkmode .wcConfigurator-XqlAg {\n  --settingsBackgroundColor: transparent;\n}\n\n.darkmode .wc-configurator-Settings-dVmBR {\n  border-right-color: rgba(255, 255, 255, 0.12);\n}\n";
+styleInject(css_248z);
+
+var Wysiwyg = function Wysiwyg(props) {
+  var _viewHandler$uiState$;
+  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(Toolbar, {}), /*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions,
+        showBackButtonText: true,
+        showCheckoutButtons: false
+      }), /*#__PURE__*/jsx(ContentItemWrapper, {
+        direction: "right",
+        mountElement: (_viewHandler$uiState$ = viewHandler.uiState.configuratorRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
+        drawerStyle: {
+          zIndex: 3000,
+          boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
+        }
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#df2927',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'unset',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionForthWidth': 'calc(50% - 3px)',
+  '--configuratorActionBackWidth': 'calc(50% - 3px)',
+  '--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-9cc309dc.js → index-dcb5a4c8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';