@crystaldesign/diva-web-planner-react 24.15.0-beta.30 → 24.15.0-beta.31

package/build/esm/index-3785f0df.js

@@ -1,30 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6df691c0.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-40b9758f.js';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-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-37f7e175.js

@@ -1,146 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import { useEffect } from 'react';
-import Settings from './index-99588ff8.js';
-import TabGroup from './index-cc591e2b.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-2b45be3f.js';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-66997e23.js';
-import './index-f9f730d5.js';
-import './index-728d71d6.js';
-import './index-b0bb5bd0.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-58d9085b.js';
-import 'react-laag';
-import './index-1fa814f3.js';
-import 'classnames';
-import './index-a24f2645.js';
-import './index-e847bbdf.js';
-import 'sift';
-import './index-4a8e1cc6.js';
-import './index-44dd2b44.js';
-import './index-2db4b504.js';
-import './index-35ea8931.js';
-import './index.module-f726e259.js';
-import './index-99019637.js';
-import 'react-switch';
-import './index-9e025ea6.js';
-import './index-74f39aff.js';
-import './index-964aeced.js';
-import 'react-dropdown';
-import './index-4dbf2cfa.js';
-import './index-fe2a846e.js';
-import './index-d8824de9.js';
-import './index-b2efa7b3.js';
-import '@crystaldesign/content-box';
-import './index-c54474e6.js';
-import './index-625bc0b7.js';
-import './index-8fe9b473.js';
-import './index-4d5dd6e6.js';
-import './index-eb9e583e.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-33430d93.js';
-import './index-65f3d176.js';
-import './index-ede73d86.js';
-import './index-bfa9d7df.js';
-import './index-173167a2.js';
-import './index-76cdb47a.js';
-import './index-ce45f274.js';
-import './index-5e3fe9df.js';
-import './index-92cab141.js';
-import './index-be278929.js';
-import './index-f722056b.js';
-import './index-98d9c51a.js';
-import './index-eef5ffa8.js';
-import './index.module-303f0086.js';
-import './index-30b25a59.js';
-import './index-50cf2d8c.js';
-import './index-8cd9a28a.js';
-import './index-a553b790.js';
-import './index-afffb0a8.js';
-import './index-5e7b2cd3.js';
-import './index-f4512daf.js';
-import './index.module-b0ccd92b.js';
-import './index-f068d038.js';
-import './index-63f750fb.js';
-import './index-40ab84f0.js';
-import './index-a8c8686c.js';
-import './index-80f5f32c.js';
-import './index-f0bb936f.js';
-import './index-02658286.js';
-import './index-bd77c544.js';
-
-var wcConfigurator = "wcConfigurator-IeI91";
-var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
-var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\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}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\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\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
-styleInject(css_248z);
-
-var Classification = function Classification(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(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: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps,
-        tabSearchClass: tabSearchClass
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-    })
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#455864',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#f4f4f4',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--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)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Classification);
-
-export { index as default };

package/build/esm/index-39c68cc1.js

@@ -1,53 +0,0 @@
-import { u as useViewHandler } from './index-6df691c0.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-32a99807.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } 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';
-
-var NewPlanning = function NewPlanning(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onReset = function onReset() {
-    var _viewHandler$actions;
-    return (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 ? void 0 : _viewHandler$actions.openModal({
-      title: t('modals.reset'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_to_reset'),
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.productState.onClickReset();
-        }
-      }
-    });
-  };
-  return /*#__PURE__*/jsx("ul", {
-    className: wcFunctionsToolbar,
-    children: /*#__PURE__*/jsx("li", {
-      className: wcFunctionsContainer,
-      onClick: onReset,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcResetIcon),
-        title: t('configurator.start_new_planning')
-      })
-    })
-  });
-};
-var index = observer(NewPlanning);
-
-export { index as default };

package/build/esm/index-3a7005ef.js

@@ -1,110 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-6df691c0.js';
-import { useRef, useEffect } from 'react';
-import ProductHeader from './index-c83dcc12.js';
-import ContentItemWrapper from './index-36252ee9.js';
-import ProductSettings from './index-832ff8d3.js';
-import ProductCenter from './index-523dd098.js';
-import ProductFooter from './index-ac07ad15.js';
-import ProductInfo from './index-fac627d3.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import 'classnames';
-import './index-e847bbdf.js';
-import 'sift';
-import './index-4a8e1cc6.js';
-import './index-f9f730d5.js';
-import './index-44dd2b44.js';
-import './index-2db4b504.js';
-import './index-35ea8931.js';
-import './index.module-f726e259.js';
-import './index-99019637.js';
-import 'react-switch';
-import './index-9e025ea6.js';
-import './index-74f39aff.js';
-import './index-964aeced.js';
-import 'react-dropdown';
-import './index-4dbf2cfa.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-fe2a846e.js';
-import './index-d8824de9.js';
-import './index-b2efa7b3.js';
-import '@crystaldesign/content-box';
-import './index-c54474e6.js';
-import './index-625bc0b7.js';
-import './index-8fe9b473.js';
-import './index-4d5dd6e6.js';
-import './index-eb9e583e.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-33430d93.js';
-import './index-65f3d176.js';
-import './index-ede73d86.js';
-import 'react-laag';
-import './index-bfa9d7df.js';
-import './index-173167a2.js';
-import './index-76cdb47a.js';
-import './index-ce45f274.js';
-import './index-5e3fe9df.js';
-import './index-92cab141.js';
-import './index-be278929.js';
-import './index-f722056b.js';
-import './index-98d9c51a.js';
-import './index-eef5ffa8.js';
-import './index.module-303f0086.js';
-import './index-30b25a59.js';
-import './index-50cf2d8c.js';
-import './index-8cd9a28a.js';
-import './index-a553b790.js';
-import './index-afffb0a8.js';
-import './index-5e7b2cd3.js';
-import './index-f4512daf.js';
-import './index.module-b0ccd92b.js';
-import './index-f068d038.js';
-import './index-63f750fb.js';
-import './index-aeca1db3.js';
-import './index-0d5f1d20.js';
-import './index-1e556bf4.js';
-import './index.module-59a3b96f.js';
-import './index-d3423531.js';
-import './index-b7e8e362.js';
-import './index-aee7b093.js';
-import './index-e48f3286.js';
-import './index-6687c8fc.js';
-import './index-b3e9e0d4.js';
-import './index-56a16749.js';
-
-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 Product = function Product(props) {
-  var viewHandler = useViewHandler();
-  var productElement = useRef(null);
-  useEffect(function () {
-    if (!productElement) return;
-    viewHandler.productState.setProductElement(productElement.current);
-  }, [productElement]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    ref: productElement,
-    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-      id: viewHandler.settingsState.contentItemId,
-      startPos: "right"
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-3b824375.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } 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';
-
-var wcTabGroupItem = "wcTabGroupItem-TP7vT";
-var portrait = "portrait-3cTAf";
-var landscape = "landscape-6Dea8";
-var wcActiveStep = "wcActiveStep-y3S9Y";
-var wcVisitedStep = "wcVisitedStep-yDCqq";
-var wcStepNum = "wcStepNum-6FgQh";
-var css_248z = ".wcTabGroupItem-TP7vT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n.portrait-3cTAf.wcTabGroupItem-TP7vT,\n.landscape-6Dea8.wcTabGroupItem-TP7vT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
-    children: [/*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), t('configurator.' + tabGroup.title, tabGroup.title)]
-  });
-};
-var index = observer(TabGroupItemHorizontalGold);
-
-export { index as default };

package/build/esm/index-3d05f696.js

@@ -1,54 +0,0 @@
-import { u as useViewHandler } from './index-6df691c0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsxs, jsx } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px',
-      visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        var _item$clickFunction;
-        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-      },
-      style: {
-        left: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-3ecdedce.js

@@ -1,196 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import { useEffect } from 'react';
-import Inputbox from './index-2b45be3f.js';
-import Settings from './index-99588ff8.js';
-import TabGroup from './index-cc591e2b.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-ee299917.js';
-import NavigationButtons from './index-a319753d.js';
-import ContentItemWrapper from './index-36252ee9.js';
-import { jsxs, Fragment, jsx } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-66997e23.js';
-import './index-f9f730d5.js';
-import './index-728d71d6.js';
-import './index-b0bb5bd0.js';
-import './index-58d9085b.js';
-import 'react-laag';
-import './index-1fa814f3.js';
-import './index-a24f2645.js';
-import './index-e847bbdf.js';
-import 'sift';
-import './index-4a8e1cc6.js';
-import './index-44dd2b44.js';
-import './index-2db4b504.js';
-import './index-35ea8931.js';
-import './index.module-f726e259.js';
-import './index-99019637.js';
-import 'react-switch';
-import './index-9e025ea6.js';
-import './index-74f39aff.js';
-import './index-964aeced.js';
-import 'react-dropdown';
-import './index-4dbf2cfa.js';
-import './index-fe2a846e.js';
-import './index-d8824de9.js';
-import './index-b2efa7b3.js';
-import '@crystaldesign/content-box';
-import './index-c54474e6.js';
-import './index-625bc0b7.js';
-import './index-8fe9b473.js';
-import './index-4d5dd6e6.js';
-import './index-eb9e583e.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-33430d93.js';
-import './index-65f3d176.js';
-import './index-ede73d86.js';
-import './index-bfa9d7df.js';
-import './index-173167a2.js';
-import './index-76cdb47a.js';
-import './index-ce45f274.js';
-import './index-5e3fe9df.js';
-import './index-92cab141.js';
-import './index-be278929.js';
-import './index-f722056b.js';
-import './index-98d9c51a.js';
-import './index-eef5ffa8.js';
-import './index.module-303f0086.js';
-import './index-30b25a59.js';
-import './index-50cf2d8c.js';
-import './index-8cd9a28a.js';
-import './index-a553b790.js';
-import './index-afffb0a8.js';
-import './index-5e7b2cd3.js';
-import './index-f4512daf.js';
-import './index.module-b0ccd92b.js';
-import './index-f068d038.js';
-import './index-63f750fb.js';
-import './index-40ab84f0.js';
-import './index-a8c8686c.js';
-import './index-80f5f32c.js';
-import './index-f0bb936f.js';
-import './index-02658286.js';
-import './index-bd77c544.js';
-import './index-4e1951be.js';
-import './index-58147685.js';
-import './index.module-601a4b3f.js';
-import './index-c8b50907.js';
-import './index-6e5fc108.js';
-import './index-b429149d.js';
-import 'react-collapsible';
-import './index-7f98da7b.js';
-import './index-a0403f6d.js';
-import './index.module-ab609e8b.js';
-import 'react-json-view-lite';
-import './react-json-viewer-2c12c80c.js';
-import './index-281f8063.js';
-import './index.module-ffd75389.js';
-import './index-a70b7856.js';
-import 'jsoneditor';
-import './index-b10763dd.js';
-import './index-080cd319.js';
-import './index-f93486a0.js';
-import './index-e68f6f51.js';
-import './index-49627217.js';
-import './index.module-ba5f0ffb.js';
-import './index-aea64d87.js';
-import './index-6956134b.js';
-import './index-d921e82f.js';
-import './index-b6f317c5.js';
-import './index.module-33eb7e5f.js';
-import './index-cf1857cb.js';
-import './index-623947f7.js';
-import './index-3ee1cb37.js';
-import './index-2d2c0a71.js';
-import './index-48776737.js';
-import './index-46b52a30.js';
-import './index-bb5b77fc.js';
-import './CatalogProperties-5552695a.js';
-import './ArticleProperties-065a373a.js';
-import './OptionProperties-235dea6d.js';
-import './OptionValueProperties-78908c06.js';
-import 'react-select';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-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
-      }), /*#__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',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--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)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Wysiwyg);
-
-export { cssVariables, index as default };