@crystaldesign/diva-web-planner-react 24.15.0-beta.8 → 24.15.0-rc.0

package/build/esm/index-2837faaa.js

@@ -1,113 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import RalDropdownFilter from './index-683bfabb.js';
-import SlideFilter from './index-0a228082.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 'react-dropdown';
-import 'classnames';
-import './index-cccca537.js';
-import '@crystaldesign/content-box';
-import './index-2ebceaf7.js';
-
-var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
-styleInject(css_248z);
-
-var defaultColorFilters = [{
-  rgb: '#CC3300',
-  text: 'red'
-}, {
-  rgb: '#FF8C00',
-  text: 'orange'
-}, {
-  rgb: '#E1C699',
-  text: 'beige'
-}, {
-  rgb: '#330000',
-  text: 'brown'
-}, {
-  rgb: '#F0E68C',
-  text: 'yellow'
-}, {
-  rgb: '#006633',
-  text: 'green'
-}, {
-  rgb: '#3333FF',
-  text: 'blue'
-}, {
-  rgb: '#6633FF',
-  text: 'violet'
-}, {
-  rgb: '#CCCCCC',
-  text: 'grey'
-}, {
-  rgb: '#000000',
-  text: 'black'
-}, {
-  rgb: '#eeeeee',
-  text: 'white'
-}, {
-  rgb: '#eeeeee',
-  text: 'else'
-}];
-
-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 RalFilter = function RalFilter(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var palette = viewHandler.settingsState.itemPalettes.get(props.id);
-  var visibleColorItems = [];
-  var deleteCurValue = function deleteCurValue() {
-    viewHandler.paletteViewHandler.onSelectFilter(props.id, '', 'RAL');
-  };
-  useEffect(function () {
-    if (palette && !(palette !== null && palette !== void 0 && palette.deleteCurFilter)) palette.deleteCurFilter = deleteCurValue;
-  }, [palette]);
-  palette === null || palette === void 0 || palette.groups.map(function (group) {
-    return group.items.map(function (itemP) {
-      var _item$colorGroups;
-      var item = itemP;
-      if (!((_item$colorGroups = item.colorGroups1) !== null && _item$colorGroups !== void 0 && _item$colorGroups.length)) return;
-      var colorGroups = [item.colorGroups1, item.colorGroups2, item.colorGroups3];
-      var _loop = function _loop() {
-        var groups = colorGroups[i];
-        var group = defaultColorFilters.find(function (group) {
-          return group.text === groups;
-        });
-        if (group && !visibleColorItems.find(function (i) {
-          return i.text === groups;
-        })) {
-          visibleColorItems.push(group);
-        }
-      };
-      for (var i = 0; i < colorGroups.length; i++) {
-        _loop();
-      }
-    });
-  });
-  if (viewHandler.uiState.isInMobileView && viewHandler.getViewConfig().ralFilter) return /*#__PURE__*/jsx(SlideFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));else return /*#__PURE__*/jsx(RalDropdownFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));
-};
-var RALFilter = observer(RalFilter);
-
-export { RALFilter as default };

package/build/esm/index-283c167c.js

@@ -1,53 +0,0 @@
-import { u as useViewHandler } from './index-908c63b0.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-d9ef96c6.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-289a86d9.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-908c63b0.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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';
-
-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 SettingsPaletteGroup = function SettingsPaletteGroup(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/PaletteGroup"
-  }));
-};
-
-export { SettingsPaletteGroup as default };

package/build/esm/index-29f90804.js

@@ -1,275 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-7265f20e.js';
-import GenericToolTip from './index-b2ab8c0a.js';
-import SubTabGroup from './index-76934b9c.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-collapsible';
-import './index-c6671dd0.js';
-import './index-b856d507.js';
-import 'sift';
-import './index-e4394a1c.js';
-import './index-a3ba93fc.js';
-import './index-64e3cc1f.js';
-import './index-289a86d9.js';
-import './index-afcd5389.js';
-import './index.module-6c47efe0.js';
-import './index-09aa361b.js';
-import 'react-switch';
-import './index-9be0fa2d.js';
-import './index-5b97d922.js';
-import 'react-dropdown';
-import './index-2837faaa.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-683bfabb.js';
-import './index-cccca537.js';
-import './index-0a228082.js';
-import '@crystaldesign/content-box';
-import './index-2ebceaf7.js';
-import './index-34f5e501.js';
-import './index-711d09c4.js';
-import './index-dd666896.js';
-import './index-7a5f1fb1.js';
-import '@crystaldesign/products-component';
-import './index-4e852a3e.js';
-import './index-5708c341.js';
-import './index-78b87bf2.js';
-import './index-8a7345a4.js';
-import './index-ed88e6c1.js';
-import './index-74609dd1.js';
-import './index-238fefe2.js';
-import './index-146f793f.js';
-import './index-9ef5489e.js';
-import './index-2c38b6dd.js';
-import './index-6ee0f649.js';
-import './index.module-2f2f4797.js';
-import './index-248a6964.js';
-import './index-789baef9.js';
-import './index-05439eb3.js';
-import './index-239ab1ef.js';
-import './index-7bb99e83.js';
-import './index-e41b1bfc.js';
-import './index-b1fcbc1f.js';
-import './index.module-b07520b7.js';
-import './index-fd4db1ef.js';
-import './index-9748d63d.js';
-
-var accItem = "AccItem-2APRQ";
-var wcSize = "wcSize-dO69R";
-var wcSizeNormal = "wcSize-normal-ibUrf";
-var wcImage = "wcImage-LUYJr";
-var wcAccInfoContainer = "wcAccInfoContainer-noQuw";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-QkL6Y";
-var metaData = "meta-data-FNjdQ";
-var wcAccSize = "wcAccSize-IgCBc";
-var wcPricePreview = "wcPricePreview-hzHhw";
-var wcCtaContainer = "wcCTAContainer-gIkLT";
-var wcAccCtaMinus = "wcAccCTAMinus-juYDC";
-var wcAccCtaPlus = "wcAccCTAPlus-W-ORy";
-var disable = "disable-81BEw";
-var wcAccCtaQuantity = "wcAccCTAQuantity-PS2L0";
-var accItemLandscape = "AccItemLandscape-bJ4ph";
-var accItemPortrait = "AccItemPortrait-1gIUO";
-var css_248z = "/* Accessoires*/\n\n.AccItem-2APRQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.AccItem-2APRQ:hover {\n  z-index: 200;\n}\n\n.AccItem-2APRQ .wcSize-dO69R {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImagePlaceHolder-o65Jq {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf .wcImage-LUYJr {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImage-LUYJr {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-noQuw {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.AccItem-2APRQ .wcAccInfoContainer-noQuw {\n  width: calc(100% - 181.2px);\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\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.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y.meta-data-FNjdQ {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-2APRQ .wcAccSize-IgCBc {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n.AccItem-2APRQ .wcPricePreview-hzHhw {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n}\n\n@media all and (max-width: 1100px) {\n  .AccItem-2APRQ .wcSize-normal-ibUrf {\n    height: 80px;\n  }\n\n  .AccItem-2APRQ .wcSize-normal-ibUrf img {\n    height: 80px;\n  }\n}\n\n.AccItem-2APRQ .wcPricePreview-hzHhw {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy {\n  background: #f7f7f7;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.AccItem-2APRQ .wcAccCTAQuantity-PS2L0 {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC {\n  line-height: 19px;\n}\n\n.AccItemLandscape-bJ4ph .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC,\n.AccItemLandscape-bJ4ph .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemLandscape-bJ4ph .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n\n.AccItemPortrait-1gIUO .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC,\n.AccItemPortrait-1gIUO .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemPortrait-1gIUO .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\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 AccessoiresStandard = function AccessoiresStandard(_ref) {
-  var _renderLayer;
-  var itemP = _ref.item,
-    _ref$wcAccInfoContain = _ref.wcAccInfoContainerClass,
-    wcAccInfoContainerClass = _ref$wcAccInfoContain === void 0 ? wcAccInfoContainer : _ref$wcAccInfoContain,
-    _ref$wcConfiguratorSe = _ref.wcConfiguratorSettingsTitleClass,
-    wcConfiguratorSettingsTitleClass = _ref$wcConfiguratorSe === void 0 ? wcConfiguratorSettingsTitle : _ref$wcConfiguratorSe,
-    hidePrice = _ref.hidePrice,
-    hideSize = _ref.hideSize;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var isClicked = false;
-  var pricesAreHidden = viewHandler.getViewConfig().dontShowBasePrice || hidePrices || hidePrice;
-  var onPlusClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var ret;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!isClicked) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            isClicked = true;
-            _context.next = 5;
-            return viewHandler.paletteViewHandler.clickedOnAccessoirePaletteWrapper(item, 'plus');
-          case 5:
-            ret = _context.sent;
-            if (ret == 'AccessorieNoFreeSpace') {
-              viewHandler.productState.updatePlannerMsgContainer('ACCESSOIRE_MSG', true, 'INFO', 'NO_DOCKINGPOINT_FOR_ELEMENT', true);
-            }
-            if (ret == 'MaxQuantityReached') {
-              viewHandler.productState.updatePlannerMsgContainer('ACCESSOIRE_MSG', true, 'INFO', 'MAX_QUANTITY_REACHED', true);
-            }
-            isClicked = false;
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onPlusClick() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onMinusClick = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!isClicked) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 2:
-            isClicked = true;
-            _context2.next = 5;
-            return viewHandler.paletteViewHandler.clickedOnAccessoirePaletteWrapper(item, 'minus');
-          case 5:
-            isClicked = false;
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function onMinusClick() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var itemPalettesGroupedByArticles = {};
-  if (item.configStepKeys) {
-    var _loop = function _loop() {
-      var stepKey = item.configStepKeys[i];
-      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref4) {
-        var _ref5 = _slicedToArray(_ref4, 2);
-          _ref5[0];
-          var itemPalette = _ref5[1];
-        return itemPalette.configStepKey == stepKey.key;
-      });
-      if (!itemPalette) return 1; // continue
-      if (!itemPalettesGroupedByArticles[stepKey.basketId]) itemPalettesGroupedByArticles[stepKey.basketId] = {};
-      itemPalettesGroupedByArticles[stepKey.basketId][itemPalette[0]] = itemPalette[1];
-    };
-    for (var i = 0; i < item.configStepKeys.length; i++) {
-      if (_loop()) continue;
-    }
-  }
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-      className: classnames(accItem, viewHandler.uiState.isMobilePortrait ? accItemPortrait : undefined, viewHandler.uiState.isMobileLandscape ? accItemLandscape : undefined)
-    }, triggerProps), hoverProps), {}, {
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcSize, wcSizeNormal),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcImage),
-          onClick: onPlusClick,
-          style: {
-            backgroundImage: "url(".concat(item.image, ")")
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(wcAccInfoContainerClass),
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(wcConfiguratorSettingsTitleClass, metaDataVisible !== '' ? metaData : undefined),
-            children: item.name
-          }), /*#__PURE__*/jsx(MetaData, {
-            metaData: item.metaData,
-            visible: [metaDataVisible, setMetaDataVisible]
-          }, item.articleCodex), !hideSize && /*#__PURE__*/jsx("div", {
-            className: classnames(wcAccSize),
-            children: item.formattedSize
-          })]
-        }), !pricesAreHidden && /*#__PURE__*/jsx("div", {
-          className: classnames(wcPricePreview),
-          children: item.formattedPrice
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(wcCtaContainer),
-          children: [/*#__PURE__*/jsx("div", {
-            onClick: onMinusClick,
-            className: classnames(wcAccCtaMinus, 0 == item.actQuantity ? disable : undefined),
-            children: "-"
-          }), /*#__PURE__*/jsx("div", {
-            className: classnames(wcAccCtaQuantity),
-            children: item.actQuantity
-          }), /*#__PURE__*/jsx("div", {
-            onClick: onPlusClick,
-            className: classnames(wcAccCtaPlus, item.maxQuantity == item.actQuantity && item.maxQuantity != 0 ? disable : undefined),
-            children: "+"
-          })]
-        })]
-      })
-    })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      codex: item.articleCodex,
-      price: item.price,
-      image: item.image,
-      layerProps: layerProps
-    }, item.articleCodex))), !!Object.keys(itemPalettesGroupedByArticles).length && /*#__PURE__*/jsx(SubTabGroup, {
-      itemPalettesOfArticle: itemPalettesGroupedByArticles
-    })]
-  });
-};
-var AccessoiresStandard$1 = observer(AccessoiresStandard);
-
-export { AccessoiresStandard$1 as default };

package/build/esm/index-2ae1db4d.js

@@ -1,97 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-362e7dfa.js';
-import ProductCenter from './index-0f082338.js';
-import ContentItemWrapper from './index-52139920.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-import './index-09aa361b.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-aa14673e.js';
-import './index-f82087b3.js';
-import './index-6b3c80b5.js';
-import './index-59dd1892.js';
-import './index.module-c825d30f.js';
-import './index-37ba0c26.js';
-import './index-eb03f43d.js';
-import './index-590b944c.js';
-import './index-5f6a4ac5.js';
-import './index-691ba910.js';
-import './index-30f66d4a.js';
-import '@crystaldesign/content-box';
-import './index-b7a0d050.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var arrow = "arrow-GTKSC";
-var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["contentItemStartPos"];
-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(_ref) {
-  var _viewHandler$configSt2;
-  var contentItemStartPos = _ref.contentItemStartPos,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var ref = useRef(null);
-  var onClick = function onClick() {
-    if (ref.current) {
-      var scrollTo = ref.current.getBoundingClientRect().height;
-      if (ref.current.scrollTop > 100) {
-        scrollTo = 0;
-      }
-      ref.current.scrollTo({
-        top: scrollTo,
-        behavior: 'smooth'
-      });
-    }
-  };
-  useEffect(function () {
-    if (!ref) return;
-    viewHandler.productState.setProductElement(ref.current);
-  }, [ref]);
-  useEffect(function () {
-    var _viewHandler$configSt;
-    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
-      onClick();
-    }
-  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: ref
-  }, props), {}, {
-    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
-      className: arrow,
-      onClick: onClick
-    }), /*#__PURE__*/jsx(ProductCenter, {
-      style: {
-        height: 'calc(100% - 40px)',
-        width: 'calc(100% - 40px)',
-        top: 0,
-        margin: '20px'
-      }
-    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-      id: viewHandler.settingsState.contentItemId,
-      startPos: contentItemStartPos
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-2ae244e5.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } 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';
-
-var doneBar = "doneBar-xosJY";
-var todoBar = "todoBar-sVQM-";
-var css_248z = ".doneBar-xosJY {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.todoBar-sVQM- {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\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 ProgressBar = function ProgressBar(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var lastStep = viewHandler.configuratorStructureHandler.lastConfigStep;
-  var currentStep = viewHandler.tabGroupState.curConfigStep;
-  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
-  var current = currentStep.posNr - 1;
-  var total = lastStep.posNr - 1;
-  var doneInPercent = Math.round(current / total * 100);
-  var todoInPercent = 100 - doneInPercent;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        width: doneInPercent + '%'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: todoBar,
-      style: {
-        width: todoInPercent + '%'
-      }
-    })]
-  }));
-};
-var ProgressBar$1 = observer(ProgressBar);
-
-export { ProgressBar$1 as default };