@crystaldesign/diva-web-planner-react 24.15.0-beta.9 → 24.16.0-beta.1

package/build/esm/index-561613f9.js

@@ -1,123 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-3b51e9a8.js';
-import classnames from 'classnames';
-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/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 'sift';
-import './index-d6e3c6d1.js';
-import './index-992f1d33.js';
-import './index-97c4bd09.js';
-import './index-475b0313.js';
-import './index-5e86bbf0.js';
-import './index.module-08d4b503.js';
-import './index-d990e618.js';
-import 'react-switch';
-import './index-220c9467.js';
-import './index-396f60e8.js';
-import 'react-dropdown';
-import './index-77052f4b.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b7d28dcb.js';
-import './index-a000081a.js';
-import './index-5a9f88f0.js';
-import '@crystaldesign/content-box';
-import './index-3bb130d8.js';
-import './index-55a325c9.js';
-import './index-e11b073d.js';
-import './index-a8945e40.js';
-import './index-2e240f36.js';
-import '@crystaldesign/products-component';
-import './index-1dc69d9d.js';
-import './index-02ab8cdd.js';
-import './index-740f20ae.js';
-import 'react-laag';
-import './index-80448082.js';
-import './index-83c23ab9.js';
-import './index-eb6b34e8.js';
-import './index-69e959bb.js';
-import './index-31b93b00.js';
-import './index-4375c309.js';
-import './index-4def6080.js';
-import './index-77261089.js';
-import './index-b8a509e0.js';
-import './index-aa076f3b.js';
-import './index.module-54a780a9.js';
-import './index-06d73a83.js';
-import './index-0bf42c75.js';
-import './index-bfd7a7fb.js';
-import './index-b634f818.js';
-import './index-b8e8f49e.js';
-import './index-38960ef8.js';
-import './index-6eed046a.js';
-import './index.module-8abd07e7.js';
-import './index-b315ed29.js';
-import './index-e5e735ad.js';
-
-var productSettingsWrapper = "product-settings-wrapper-KOweX";
-var scrollWrapper = "scroll-wrapper-DI3EF";
-var closed = "closed-CfRyN";
-var button = "button-ITCqz";
-var move = "move-28sqU";
-var css_248z = ".product-settings-wrapper-KOweX {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.scroll-wrapper-DI3EF {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.closed-CfRyN .scroll-wrapper-DI3EF {\n  padding: 0;\n  padding: initial;\n}\n\n.button-ITCqz {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat 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}\n\n.closed-CfRyN .button-ITCqz {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url(\"data:image/svg+xml,%3Csvg fill%3D%22%23fff%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 50 50%22 width%3D%2250px%22 height%3D%2250px%22%3E%3Cpath d%3D%22M 22.199219 2 A 1.0001 1.0001 0 0 0 21.214844 2.8339844 L 20.205078 8.796875 C 19.01608 9.1476749 17.903339 9.6072866 16.835938 10.173828 L 11.875 6.6816406 A 1.0001 1.0001 0 0 0 10.59375 6.7929688 L 6.6933594 10.693359 A 1.0001 1.0001 0 0 0 6.5820312 11.974609 L 10.076172 16.939453 C 9.5032306 17.983292 9.0447681 19.109183 8.6992188 20.298828 L 2.8457031 21.212891 A 1.0001 1.0001 0 0 0 2 22.199219 L 2 27.699219 A 1.0001 1.0001 0 0 0 2.8339844 28.685547 L 8.7949219 29.693359 C 9.1451119 30.880887 9.6045402 31.990547 10.169922 33.056641 L 6.6875 37.917969 A 1.0001 1.0001 0 0 0 6.7929688 39.207031 L 10.693359 43.107422 A 1.0001 1.0001 0 0 0 11.974609 43.21875 L 16.939453 39.724609 C 17.985462 40.298683 19.114316 40.757752 20.306641 41.103516 L 21.314453 47.066406 A 1.0001 1.0001 0 0 0 22.300781 47.900391 L 27.800781 47.900391 A 1.0001 1.0001 0 0 0 28.783203 47.082031 L 29.884766 41.107422 C 31.077734 40.756262 32.193186 40.294742 33.263672 39.726562 L 38.224609 43.21875 A 1.0001 1.0001 0 0 0 39.507812 43.107422 L 43.40625 39.207031 A 1.0001 1.0001 0 0 0 43.509766 37.914062 L 39.931641 32.957031 C 40.500209 31.91951 40.957756 30.82106 41.300781 29.693359 L 47.169922 28.685547 A 1.0001 1.0001 0 0 0 48 27.699219 L 48 22.199219 A 1.0001 1.0001 0 0 0 47.166016 21.214844 L 41.199219 20.203125 C 40.855563 19.074235 40.397841 17.973827 39.828125 16.935547 L 43.318359 11.974609 A 1.0001 1.0001 0 0 0 43.207031 10.693359 L 39.306641 6.7929688 A 1.0001 1.0001 0 0 0 38.013672 6.6894531 L 33.052734 10.273438 C 32.009656 9.7017023 30.885686 9.2413677 29.697266 8.8964844 L 28.685547 2.8359375 A 1.0001 1.0001 0 0 0 27.699219 2 L 22.199219 2 z M 23.044922 4 L 26.853516 4 L 27.814453 9.7636719 A 1.0001 1.0001 0 0 0 28.556641 10.570312 C 30.07104 10.948913 31.478126 11.514935 32.675781 12.251953 A 1.0001 1.0001 0 0 0 33.785156 12.210938 L 38.494141 8.8085938 L 41.197266 11.511719 L 37.882812 16.224609 A 1.0001 1.0001 0 0 0 37.847656 17.324219 C 38.584675 18.521874 39.154586 19.937607 39.533203 21.357422 A 1.0001 1.0001 0 0 0 40.333984 22.085938 L 46 23.044922 L 46 26.857422 L 40.429688 27.814453 A 1.0001 1.0001 0 0 0 39.632812 28.542969 C 39.254196 29.962783 38.686237 31.378517 37.949219 32.576172 A 1.0001 1.0001 0 0 0 37.990234 33.685547 L 41.390625 38.394531 L 38.6875 41.097656 L 33.974609 37.78125 A 1.0001 1.0001 0 0 0 32.904297 37.732422 C 31.566632 38.496802 30.2627 39.053466 28.757812 39.429688 A 1.0001 1.0001 0 0 0 28.017578 40.21875 L 26.966797 45.900391 L 23.144531 45.900391 L 22.185547 40.232422 A 1.0001 1.0001 0 0 0 21.443359 39.429688 C 19.92896 39.051088 18.521874 38.485065 17.324219 37.748047 A 1.0001 1.0001 0 0 0 16.224609 37.78125 L 11.511719 41.097656 L 8.8066406 38.392578 L 12.113281 33.783203 A 1.0001 1.0001 0 0 0 12.167969 32.703125 C 11.403582 31.365465 10.846925 30.061529 10.470703 28.556641 A 1.0001 1.0001 0 0 0 9.6660156 27.814453 L 4 26.855469 L 4 23.056641 L 9.5546875 22.1875 A 1.0001 1.0001 0 0 0 10.371094 21.443359 C 10.749694 19.92896 11.313763 18.521874 12.050781 17.324219 A 1.0001 1.0001 0 0 0 12.017578 16.224609 L 8.7011719 11.511719 L 11.412109 8.8027344 L 16.125 12.117188 A 1.0001 1.0001 0 0 0 17.195312 12.167969 C 18.532978 11.403589 19.836909 10.846925 21.341797 10.470703 A 1.0001 1.0001 0 0 0 22.085938 9.6660156 L 23.044922 4 z M 25 17 C 20.570085 17 17 20.570085 17 25 C 17 29.429915 20.570085 33 25 33 C 29.429915 33 33 29.429915 33 25 C 33 20.570085 29.429915 17 25 17 z M 25 19 C 28.370085 19 31 21.629915 31 25 C 31 28.370085 28.370085 31 25 31 C 21.629915 31 19 28.370085 19 25 C 19 21.629915 21.629915 19 25 19 z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.move-28sqU {\n  width: 0px;\n  overflow: hidden;\n}\n";
-styleInject(css_248z);
-
-var ProductSettings = function ProductSettings(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    itemPalettes = _useState2[0],
-    setItemPalettes = _useState2[1];
-  var _useState3 = useState(viewHandler.getIsInMobileView()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isHidden = _useState4[0],
-    setIsHidden = _useState4[1];
-  useEffect(function () {
-    var curItemPalettes = viewHandler.settingsState.itemPaletteArr;
-    var newItemPalette = [];
-    for (var i = 0; i < curItemPalettes.length; i++) {
-      var itemPalette = curItemPalettes[i][1];
-      if (itemPalette.isRenderedNotInSettingPalette && itemPalette.visible && !itemPalette.isRenderedInAccessorieStep) {
-        newItemPalette.push({
-          palette: itemPalette,
-          id: itemPalette.id
-        });
-      }
-    }
-    setItemPalettes(newItemPalette);
-  }, [viewHandler.settingsState.itemPaletteArr]);
-  if (!itemPalettes.length || viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(productSettingsWrapper, isHidden ? closed : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(button),
-      onClick: function onClick() {
-        return setIsHidden(!isHidden);
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(scrollWrapper, isHidden ? move : undefined),
-      children: itemPalettes.map(function (item, key) {
-        return /*#__PURE__*/jsx(SettingsItem, {
-          item: item.palette,
-          id: item.id
-        });
-      })
-    })]
-  });
-};
-var ProductSettings$1 = observer(ProductSettings);
-
-export { ProductSettings$1 as default };

package/build/esm/index-566eea94.js

@@ -1,53 +0,0 @@
-import { u as useViewHandler } from './index-53fdd522.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-54a780a9.js';
-import IsActive from './index-06d73a83.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.url, ")")
-        }
-      }), /*#__PURE__*/jsx("div", {
-        className: textContainer,
-        children: /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsTitle,
-          children: t('configurator.' + item.N)
-        })
-      })]
-    })
-  });
-};
-var index = observer(Room);
-
-export { index as default };

package/build/esm/index-57c8566b.js

@@ -1,48 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-fdf544f7.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import './IconHandler-84605b68.js';
-
-var priceDiv = "price-div-veoFD";
-var priceText = "price-text-34sGt";
-var css_248z = ".price-div-veoFD {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.price-text-34sGt {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\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 VerticalTabGroupItemMountain = function VerticalTabGroupItemMountain(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    lastItemDiv: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: priceText,
-        children: t('configurator.PRICE_INFO')
-      }), /*#__PURE__*/jsx("div", {
-        className: priceDiv,
-        children: viewHandler.productState.formatedTotalPrice
-      })]
-    }),
-    minHeight: 65
-  }));
-};
-var index = observer(VerticalTabGroupItemMountain);
-
-export { index as default };

package/build/esm/index-58976393.js

@@ -1,188 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
-import { useEffect } from 'react';
-import Inputbox from './index-80753c98.js';
-import Settings from './index-5ae4cdea.js';
-import TabGroup from './index-f1ea389d.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-8b13e7c9.js';
-import NavigationButtons from './index-d8bc5eae.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-5bc74dd3.js';
-import './index-992f1d33.js';
-import './index-35567ff0.js';
-import './index-ad386f15.js';
-import './index-e80a7ea5.js';
-import 'react-laag';
-import './index-086e8a66.js';
-import './index-005d1923.js';
-import './index-3b51e9a8.js';
-import 'sift';
-import './index-d6e3c6d1.js';
-import './index-97c4bd09.js';
-import './index-475b0313.js';
-import './index-5e86bbf0.js';
-import './index.module-08d4b503.js';
-import './index-d990e618.js';
-import 'react-switch';
-import './index-220c9467.js';
-import './index-396f60e8.js';
-import 'react-dropdown';
-import './index-77052f4b.js';
-import './index-b7d28dcb.js';
-import './index-a000081a.js';
-import './index-5a9f88f0.js';
-import '@crystaldesign/content-box';
-import './index-3bb130d8.js';
-import './index-55a325c9.js';
-import './index-e11b073d.js';
-import './index-a8945e40.js';
-import './index-2e240f36.js';
-import '@crystaldesign/products-component';
-import './index-1dc69d9d.js';
-import './index-02ab8cdd.js';
-import './index-740f20ae.js';
-import './index-80448082.js';
-import './index-83c23ab9.js';
-import './index-eb6b34e8.js';
-import './index-69e959bb.js';
-import './index-31b93b00.js';
-import './index-4375c309.js';
-import './index-4def6080.js';
-import './index-77261089.js';
-import './index-b8a509e0.js';
-import './index-aa076f3b.js';
-import './index.module-54a780a9.js';
-import './index-06d73a83.js';
-import './index-0bf42c75.js';
-import './index-bfd7a7fb.js';
-import './index-b634f818.js';
-import './index-b8e8f49e.js';
-import './index-38960ef8.js';
-import './index-6eed046a.js';
-import './index.module-8abd07e7.js';
-import './index-b315ed29.js';
-import './index-e5e735ad.js';
-import './index-38b7d726.js';
-import './index-b0dfe6bd.js';
-import './index-6c13b2b2.js';
-import './index-3fbd6848.js';
-import './index-2f3c8088.js';
-import './index-5b4d85e8.js';
-import './index-54f6fbee.js';
-import './index-922113cb.js';
-import './index.module-c776de93.js';
-import './index-84ce48f8.js';
-import './index-aea09907.js';
-import './index-cdfd8560.js';
-import 'react-collapsible';
-import './index-09af8488.js';
-import './index-a940afaf.js';
-import './index.module-165fe737.js';
-import 'react-json-view-lite';
-import './react-json-viewer-cfddb212.js';
-import './index-d41a4852.js';
-import './index.module-a5a878a8.js';
-import './index-ae2138c0.js';
-import 'jsoneditor';
-import './index-d754e2a4.js';
-import './index-c9798d58.js';
-import './index-35c85eea.js';
-import './index-da09e21b.js';
-import './index-5367acc9.js';
-import './index.module-7f906be2.js';
-import './index-59c2774a.js';
-import './index-3fa289dd.js';
-import './index-355a018e.js';
-import './index-dd01d479.js';
-import './index.module-59811c1a.js';
-import './index-357e4702.js';
-import './index-4c056ecd.js';
-import './index-49fc2405.js';
-import './index-a92e9c2c.js';
-import './index-af5e75c4.js';
-import './index-c2028138.js';
-import './index-2484efc4.js';
-import './CatalogProperties-d3d17914.js';
-import './ArticleProperties-1ad2200a.js';
-import './OptionProperties-d552aa2d.js';
-import './OptionValueProperties-d94a6d0f.js';
-import 'react-select';
-
-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.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 };

package/build/esm/index-59c2774a.js

@@ -1,97 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-53fdd522.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-7f906be2.js';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 _excluded = ["plannerArticles", "curBox", "isExpanded"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var plannerArticles = _ref.plannerArticles,
-    curBox = _ref.curBox;
-    _ref.isExpanded;
-    var props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useState = useState('None'),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var curElement = plannerArticles[curBox];
-  var article = filteredArticles[curBox];
-  var svgURL = '';
-  if (curElement === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  if (curElement.topSvgsWithFormula) {
-    var _article$plannerData;
-    (_article$plannerData = article.plannerData) === null || _article$plannerData === void 0 || _article$plannerData.curSVG;
-    var curSVG = curElement.topSvgsWithFormula.find(function (item) {
-      var _article$plannerData2;
-      return item.SVG === ((_article$plannerData2 = article.plannerData) === null || _article$plannerData2 === void 0 ? void 0 : _article$plannerData2.curSVG);
-    });
-    if (curSVG !== null && curSVG !== void 0 && curSVG.SVG) {
-      svgURL = article.CatalogData.getCatImageURL(curSVG.SVG, '');
-    }
-  }
-  if (!svgURL) {
-    svgURL = article.CatalogData.getCatImageURL(curElement.topSvg, '');
-  }
-  if (svgURL !== '') {
-    var getSVG = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(topSVGUrl) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch(topSVGUrl);
-            case 2:
-              response = _context.sent;
-              _context.t0 = setText;
-              _context.next = 6;
-              return response.text();
-            case 6:
-              _context.t1 = _context.sent;
-              (0, _context.t0)(_context.t1);
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function getSVG(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    getSVG(svgURL);
-  } else if (text != 'None') setText('None');
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    children: /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: text
-    })
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-
-export { SVGSourceViewer$1 as default };

package/build/esm/index-59ca7653.js

@@ -1,25 +0,0 @@
-import './index-53fdd522.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-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 'mobx-react-lite';
-
-var PlannerUIVariant = function PlannerUIVariant() {
-  return /*#__PURE__*/jsx(DynamicMultiRender, {
-    componentName: "Product/ProductCenter/PlannerUI/PlannerUIVariants"
-  });
-};
-
-export { PlannerUIVariant as default };

package/build/esm/index-5a9f88f0.js

@@ -1,86 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-import FilterItem from './index-3bb130d8.js';
-import { jsx, 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 'classnames';
-
-var colorFilterIcon = "data:image/jpeg;base64,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";
-
-var container = "container-UEbzL";
-var colorFilter = "colorFilter-CK-4p";
-var deselectColor = "deselectColor-vefuo";
-var css_248z = ".container-UEbzL {\n  position: relative;\n}\n\n.colorFilter-CK-4p {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.deselectColor-vefuo {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%226%22 viewBox%3D%220 0 6 6%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 1L3 3M3 3L5 5M3 3L1 5M3 3L1 1%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n";
-styleInject(css_248z);
-
-var SlideFilter = function SlideFilter(_ref) {
-  var _viewHandler$settings;
-  var visibleColorItems = _ref.visibleColorItems,
-    id = _ref.id,
-    deleteCurValue = _ref.deleteCurValue;
-  var viewHandler = useViewHandler();
-  var contents = visibleColorItems.map(function (item) {
-    return {
-      swiperSlideStyle: {
-        backgroundColor: 'transparent',
-        width: 60
-      },
-      content: /*#__PURE__*/jsx(FilterItem, {
-        id: id,
-        item: item
-      })
-    };
-  });
-  var jsXFilter = /*#__PURE__*/jsx(ContentBoxComponent, {
-    settings: {
-      contentBoxProps: {
-        type: 'SliderContainer',
-        sliderType: 'slideX',
-        resistanceRatio: 0,
-        height: 'auto',
-        slidesPerView: 7,
-        contents: contents,
-        centeredSlides: true
-
-        // autoPlay: 3,
-      }
-    }
-  });
-  var onClick = function onClick() {
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'filter') viewHandler.settingsState.updateInfoBox();else viewHandler.settingsState.updateInfoBox({
-      type: 'filter',
-      id: id,
-      content: jsXFilter
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    "data-test-id": "slide-filter",
-    children: [((_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue) && /*#__PURE__*/jsx("div", {
-      className: deselectColor,
-      onClick: deleteCurValue
-    }), /*#__PURE__*/jsx("img", {
-      className: colorFilter,
-      src: colorFilterIcon,
-      onClick: onClick
-    })]
-  });
-};
-var SlideFilter$1 = observer(SlideFilter);
-
-export { SlideFilter$1 as default };