@crystaldesign/diva-web-planner-react 26.7.0-rc.8 → 26.7.0-rc.9

package/build/esm/index-c4fc2887.js

@@ -1,127 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-e3c8af97.js';
-import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-13fd3049.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-import 'react-laag';
-import './index-3e2666b1.js';
-import './index-b9e54b8a.js';
-import 'react-collapsible';
-import './index-4fd96e9e.js';
-import './index-c0e095e2.js';
-import './index-0897f49a.js';
-import 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-059eebe8.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-import './index-c6afce04.js';
-import './index-39689b59.js';
-
-var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var wrapper = "wrapper-mM-Et";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\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 AccessoiresSerious = function AccessoiresSerious(props) {
-  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcAccInfoContainerClass: wcAccInfoContainer,
-    wrapper: wrapper,
-    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
-    hidePrice: true,
-    hideSize: true
-  }));
-};
-var index = observer(AccessoiresSerious);
-
-export { index as default };

package/build/esm/index-c5682b59.js

@@ -1,51 +0,0 @@
-import './index-e3c8af97.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-
-var Trash = function Trash(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var left = rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px';
-  var top = rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? 'calc(' + rect.top + '% )' : rect.top + 'px';
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    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: left,
-      top: top
-    },
-    className: classnames(plannerUIProps.classes.trash.trashClass, plannerUIProps.classes.buttonGeneral, item.plannerMode == 'BOX' ? plannerUIProps.classes.trash.boxplanner : undefined),
-    id: "testDel",
-    children: item.posNr
-  });
-};
-var Trash$1 = observer(Trash);
-
-export { Trash$1 as default };

package/build/esm/index-c5d98e72.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-e3c8af97.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 SummaryOptionTree = function SummaryOptionTree(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"
-  }));
-};
-
-export { SummaryOptionTree as default };

package/build/esm/index-c6afce04.js

@@ -1,156 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import 'react';
-import { S as SettingsItem } from './index-0897f49a.js';
-import ContentItemTeaser from './index-39689b59.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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';
-import 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-059eebe8.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import 'react-laag';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3e2666b1.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-
-var wrapper = "wrapper-u-Jk1";
-var left = "left-T5gs2";
-var right = "right-VMURD";
-var verticalSeparator = "verticalSeparator-StcmY";
-var css_248z = ".wrapper-u-Jk1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .wrapper-u-Jk1 {\n  gap: 8px;\n}\n\n.left-T5gs2 {\n  flex: 1;\n}\n\n.right-VMURD {\n  flex: 1;\n}\n\n.verticalSeparator-StcmY {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}";
-styleInject(css_248z);
-
-var SettingsItemsGroup = function SettingsItemsGroup(_ref) {
-  var group = _ref.group;
-  useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: left,
-      children: group.left.map(function (id) {
-        var _item$contentItemTeas, _item$optionCodex, _item$contentItemTeas2;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas = item.contentItemTeaser) === null || _item$contentItemTeas === void 0 ? void 0 : _item$contentItemTeas.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey + item.id), ((_item$contentItemTeas2 = item.contentItemTeaser) === null || _item$contentItemTeas2 === void 0 ? void 0 : _item$contentItemTeas2.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: verticalSeparator
-    }), /*#__PURE__*/jsx("div", {
-      className: right,
-      children: group.right.map(function (id) {
-        var _item$contentItemTeas3, _item$optionCodex2, _item$contentItemTeas4;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas3 = item.contentItemTeaser) === null || _item$contentItemTeas3 === void 0 ? void 0 : _item$contentItemTeas3.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex2 = item.optionCodex) !== null && _item$optionCodex2 !== void 0 ? _item$optionCodex2 : item.configStepKey + item.id), ((_item$contentItemTeas4 = item.contentItemTeaser) === null || _item$contentItemTeas4 === void 0 ? void 0 : _item$contentItemTeas4.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    })]
-  });
-};
-
-export { SettingsItemsGroup as default };

package/build/esm/index-c77e246b.js

@@ -1,206 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-e3c8af97.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-059eebe8.js';
-import { g as getKey } from './index-0897f49a.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import 'react-laag';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3e2666b1.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-
-var wrapper = "wrapper-QG-9Z";
-var wcGroupedContainer = "wcGroupedContainer-jhNWc";
-var open = "open-tiFs0";
-var wcPaletteHeader = "wcPaletteHeader-TmsT4";
-var wcSizeGroupHeader = "wcSizeGroupHeader-40Cqv";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-5oMvI";
-var mobile = "mobile-CMV-0";
-var tablet = "tablet-JUtBt";
-var wcFoldingArrow = "wcFoldingArrow-DFXd-";
-var wcGroupOpen = "wcGroupOpen-6Lf4-";
-var css_248z = ".wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z:last-child {\n  margin-bottom: 20px;\n}\n\n.wcConfigurator-settings-j6rpE .wcGroupedContainer-jhNWc {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.open-tiFs0 .Collapsible__contentOuter {\n  overflow: visible !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-5oMvI {\n  font-size: 15px;\n  font-weight: 200;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  height: 24px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcGroupHeaderTitle-5oMvI {\n  font-size: 13px;\n}\n\n.wcGroupHeaderTitle-5oMvI:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%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;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  width: 16px;\n  height: 16px;\n  margin-top: 4px;\n}\n\n.wcGroupOpen-6Lf4- .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentVisible = _useState4[0],
-    setContentVisible = _useState4[1];
-  var _useState5 = useState(!group.isFolded),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-    if (group.isFolded) {
-      setContentVisible(false);
-    } else {
-      setTimeout(function () {
-        return setContentVisible(true);
-      }, 800);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, contentVisible ? open : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-
-export { Group$1 as default };

package/build/esm/index-c7fc3f94.js

@@ -1,44 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import 'react';
-import BasketAction from './index-3045ee30.js';
-import { observer } from 'mobx-react-lite';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-import './index.module-6c239f17.js';
-
-var wcCheckoutButtonText = "wcCheckoutButtonText-bETEx";
-var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-iT78h";
-var css_248z = ".wcCheckoutButtonText-bETEx {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.wcCheckoutButtonPrice-iT78h {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\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 BasketActionGold = function BasketActionGold(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(BasketAction, _objectSpread(_objectSpread({}, props), {}, {
-    buttonTextClassName: wcCheckoutButtonText,
-    buttonPriceClassName: wcCheckoutButtonPrice,
-    price: viewHandler.productState.formatedCurSetPrice
-  }));
-};
-var ActionBasket = observer(BasketActionGold);
-
-export { ActionBasket as default };