@crystaldesign/diva-web-planner-react 25.14.0-beta.3 → 25.14.0-beta.30

package/build/esm/index-6c636da5.js

@@ -1,177 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-a018e4ed.js';
-import { useEffect } from 'react';
-import Inputbox from './index-f9dabfe9.js';
-import { cssVariables } from './index-f903f3be.js';
-import Product from './index-42628717.js';
-import Settings from './index-d21b0752.js';
-import TabGroup from './index-33be05da.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1f2b0e2e.js';
-import './index-74ddc81f.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-baee5da3.js';
-import './index-97eea530.js';
-import './index-d2e3bfcb.js';
-import './index-366510cf.js';
-import './index-fff38ff6.js';
-import './index.module-3cb122a9.js';
-import './index-a21dee6d.js';
-import './index-b8f88a5f.js';
-import './index-b8c5805e.js';
-import './index-9317d817.js';
-import './index-f630b275.js';
-import './index-f799adec.js';
-import './index-e9d20ec4.js';
-import './index-6b7c52d3.js';
-import './index-86db8fab.js';
-import 'react-laag';
-import './index-74d21747.js';
-import 'react-qr-code';
-import './index-5cb8dcfe.js';
-import './index-53af570c.js';
-import './index-398a8023.js';
-import './index-258eca97.js';
-import '@crystaldesign/content-item';
-import './index-6528aeea.js';
-import './index-27ca2210.js';
-import './index-268c3889.js';
-import './index-4f5d7113.js';
-import 'sift';
-import './index-1a319226.js';
-import './index-f06ecc4b.js';
-import './index-ac6d949b.js';
-import './index-44e1496a.js';
-import './index.module-81a519da.js';
-import './index-84c2f519.js';
-import './index-b875fa10.js';
-import './index-280c3bae.js';
-import 'react-countup';
-import './index-d5fca71c.js';
-import './index-c4a01cfd.js';
-import './index-d687879b.js';
-import './index-6cc669c3.js';
-import './index-be95e870.js';
-import '@crystaldesign/content-box';
-import './index-5062e2a5.js';
-import './index-570793bb.js';
-import './index-7d92f233.js';
-import './index-437befd8.js';
-import './index-9fe22fe6.js';
-import './index-ff158b35.js';
-import './index-8731dfb2.js';
-import './index-a504b0b9.js';
-import './index-4b375ee3.js';
-import './index.module-4a4ea554.js';
-import './index-ee88b4df.js';
-import './index-d7c09972.js';
-import './index-bb59446e.js';
-import './index-17ba4f59.js';
-import './index-c11ff54c.js';
-import './index-f50cae9a.js';
-import './index.module-f86d6b31.js';
-import './index-3b20c3a2.js';
-import './index-03022109.js';
-import './index-6c53f3b8.js';
-import './index-efffe4c0.js';
-import './index-daf30a71.js';
-import './index-19d671dd.js';
-import './index-1387a3e9.js';
-import './index-683257e4.js';
-import './index-9ac75ca1.js';
-import './index-eaaa2215.js';
-import './index-f0b1a467.js';
-import './index-7c40a6ee.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-76436f1c.js';
-import 'rc-slider';
-import './index-78632349.js';
-import './index-e79b85f8.js';
-import './index-3c8bb0a3.js';
-import './index-2dd373e6.js';
-import 'react-confetti-explosion';
-import './index-3d73b642.js';
-import './useCustomDimensions-956693ff.js';
-import './index-87663a15.js';
-import './ussIsSticky-7a8beca3.js';
-import './index-a3d99867.js';
-import './index-6c56fba5.js';
-import './index-ef970c72.js';
-import './index.module-7a83ebb1.js';
-import './index-3545e5b7.js';
-import './index-c310123d.js';
-import './index-b2e7ee7f.js';
-import './index-58cc63b3.js';
-import './index.module-758dc5b8.js';
-import './index-dbc4235e.js';
-import './index-3c7d795a.js';
-import './index-8cb721f3.js';
-import './index-1a79288a.js';
-import 'vaul';
-import './index-02158bdd.js';
-import './index-611b746f.js';
-import './index-e7d6d62e.js';
-import './index-da6b042f.js';
-import './index-0c92d3da.js';
-
-var wcConfigurator = "wcConfigurator-VvOGT";
-var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";
-var wcConfiguratorProduct = "wc-configurator-product-Z3rOO";
-var productList = "product-list-18YTy";
-var wcConfiguratorSettings = "wc-configurator-Settings-On8Ph";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-VvOGT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-VvOGT *,\n.wcConfigurator-VvOGT *::before,\n.wcConfigurator-VvOGT *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-CYXm7 {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-Z3rOO {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-Z3rOO.product-list-18YTy {\n  display: none;\n}\n\n.wc-configurator-Settings-On8Ph.product-list-18YTy {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.wc-configurator-Settings-On8Ph {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  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: wcConfigurator,
-      children: [/*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var index = observer(Serious);
-
-export { index as default };

package/build/esm/index-6cc669c3.js

@@ -1,43 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-a018e4ed.js';
-import 'react';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wcFoldArrow = "wcFoldArrow-sIgSx";
-var wcCancelArrow = "wcCancelArrow-PZ86-";
-var wcOpenArrow = "wcOpenArrow-TZzZy";
-var wcClosedArrow = "wcClosedArrow-fWMiX";
-var css_248z = ".wcFoldArrow-sIgSx {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.wcCancelArrow-PZ86- {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcCancelArrow-PZ86-:hover {\n  transform: rotateZ(90deg);\n}\n\n.wcOpenArrow-TZzZy {\n  transform: rotateZ(180deg);\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}\n\n.wcClosedArrow-fWMiX {\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}\n";
-styleInject(css_248z);
-
-var _excluded = ["onClick", "iconAsDelete", "open"];
-var Arrow = function Arrow(_ref) {
-  var onClick = _ref.onClick,
-    iconAsDelete = _ref.iconAsDelete,
-    open = _ref.open,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("span", {
-    onClick: onClick,
-    onTouchEnd: onClick,
-    className: classnames(wcFoldArrow, iconAsDelete ? wcCancelArrow : undefined, !iconAsDelete ? open ? wcOpenArrow : wcClosedArrow : undefined, props.className)
-  });
-};
-
-export { Arrow as default };

package/build/esm/index-6eef21b4.js

@@ -1,143 +0,0 @@
-import { s as styleInject } from './index-a018e4ed.js';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-4f5d7113.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'sift';
-import './index-1a319226.js';
-import './index-27ca2210.js';
-import './index-f06ecc4b.js';
-import './index-ac6d949b.js';
-import './index-44e1496a.js';
-import './index.module-81a519da.js';
-import './index-74ddc81f.js';
-import 'react-switch';
-import './index-84c2f519.js';
-import './index-b875fa10.js';
-import './index-280c3bae.js';
-import 'react-countup';
-import './index-d5fca71c.js';
-import 'react-dropdown';
-import './index-c4a01cfd.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d687879b.js';
-import './index-6cc669c3.js';
-import './index-be95e870.js';
-import '@crystaldesign/content-box';
-import './index-5062e2a5.js';
-import './index-570793bb.js';
-import './index-7d92f233.js';
-import './index-437befd8.js';
-import './index-9fe22fe6.js';
-import './index-ff158b35.js';
-import './index-8731dfb2.js';
-import './index-a504b0b9.js';
-import './index-4b375ee3.js';
-import 'react-laag';
-import './index.module-4a4ea554.js';
-import './index-ee88b4df.js';
-import './index-d7c09972.js';
-import './index-bb59446e.js';
-import './index-17ba4f59.js';
-import './index-c11ff54c.js';
-import './index-f50cae9a.js';
-import './index.module-f86d6b31.js';
-import './index-3b20c3a2.js';
-import './index-03022109.js';
-import './index-6c53f3b8.js';
-import './index-efffe4c0.js';
-import './index-daf30a71.js';
-import './index-19d671dd.js';
-import './index-1387a3e9.js';
-import './index-683257e4.js';
-import './index-9ac75ca1.js';
-import './index-eaaa2215.js';
-import './index-f0b1a467.js';
-import './index-7c40a6ee.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-76436f1c.js';
-import 'rc-slider';
-import './index-78632349.js';
-import './index-e79b85f8.js';
-import './index-3c8bb0a3.js';
-import './index-2dd373e6.js';
-import 'react-confetti-explosion';
-import './index-3d73b642.js';
-import './index-86db8fab.js';
-import './index-74d21747.js';
-import 'react-qr-code';
-import './index-5cb8dcfe.js';
-import './useCustomDimensions-956693ff.js';
-import './index-87663a15.js';
-import './ussIsSticky-7a8beca3.js';
-import './index-a3d99867.js';
-import './index-6c56fba5.js';
-import './index-ef970c72.js';
-import './index.module-7a83ebb1.js';
-import './index-3545e5b7.js';
-import './index-c310123d.js';
-import './index-b2e7ee7f.js';
-
-var container = "container-UuJhj";
-var title = "title-f6urG";
-var css_248z = ".container-UuJhj {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n  margin-bottom: 3px !important;\n  background: rgba(242, 242, 242, 0.6) !important;\n  padding-top: 5px !important;\n}\n\n.title-f6urG {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    paletteId = _ref.paletteId,
-    rowCount = _ref.rowCount,
-    paletteType = _ref.paletteType,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var items = group.items;
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  return /*#__PURE__*/jsx(Fragment, {
-    children: items.map(function (item, i) {
-      return /*#__PURE__*/jsxs("div", {
-        className: classnames(container, contentInnerClassName),
-        style: {
-          width: 'calc(' + 100 / rowCount + '%' + (i === 0 ? ' - 3px' : '') + ' - 5px)',
-          borderRadius: i === items.length - 1 && i === 0 ? '8px' : i === 0 ? '8px 0px 0px 8px' : i === items.length - 1 ? '0px 8px 8px 0px' : undefined,
-          marginLeft: i === 0 ? 3 : undefined,
-          paddingRight: '5px'
-        },
-        children: [/*#__PURE__*/jsx(PaletteComponent, {
-          paletteId: paletteId,
-          item: item,
-          paletteType: paletteType,
-          style: {
-            '--galleryItemRowCount': '1',
-            '--galleryItemRowCountSmall': '1',
-            paddingTop: 'unset'
-          }
-        }, getKey(item)), /*#__PURE__*/jsx("span", {
-          className: title,
-          children: i === 0 ? name : ''
-        })]
-      });
-    })
-  });
-};
-
-export { Group as default };

package/build/esm/index-7043660e.js

@@ -1,218 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-a018e4ed.js';
-import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-a5336808.js';
-import { S as SettingsItem, c as collapsableInner } from './index-4f5d7113.js';
-import ShelfAccessoires from './index-ede60390.js';
-import ShelfAccessoiresOld from './index-bda69ed2.js';
-import GridList from './index-b4d40db6.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'sift';
-import './index-1a319226.js';
-import './index-27ca2210.js';
-import './index-f06ecc4b.js';
-import './index-ac6d949b.js';
-import './index-44e1496a.js';
-import './index.module-81a519da.js';
-import './index-74ddc81f.js';
-import 'react-switch';
-import './index-84c2f519.js';
-import './index-b875fa10.js';
-import './index-280c3bae.js';
-import 'react-countup';
-import './index-d5fca71c.js';
-import 'react-dropdown';
-import './index-c4a01cfd.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d687879b.js';
-import './index-6cc669c3.js';
-import './index-be95e870.js';
-import '@crystaldesign/content-box';
-import './index-5062e2a5.js';
-import './index-570793bb.js';
-import './index-7d92f233.js';
-import './index-437befd8.js';
-import './index-9fe22fe6.js';
-import './index-ff158b35.js';
-import './index-8731dfb2.js';
-import './index-a504b0b9.js';
-import './index-4b375ee3.js';
-import 'react-laag';
-import './index.module-4a4ea554.js';
-import './index-ee88b4df.js';
-import './index-d7c09972.js';
-import './index-bb59446e.js';
-import './index-17ba4f59.js';
-import './index-c11ff54c.js';
-import './index-f50cae9a.js';
-import './index.module-f86d6b31.js';
-import './index-3b20c3a2.js';
-import './index-03022109.js';
-import './index-6c53f3b8.js';
-import './index-efffe4c0.js';
-import './index-daf30a71.js';
-import './index-19d671dd.js';
-import './index-1387a3e9.js';
-import './index-683257e4.js';
-import './index-9ac75ca1.js';
-import './index-eaaa2215.js';
-import './index-f0b1a467.js';
-import './index-7c40a6ee.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-76436f1c.js';
-import 'rc-slider';
-import './index-78632349.js';
-import './index-e79b85f8.js';
-import './index-3c8bb0a3.js';
-import './index-2dd373e6.js';
-import 'react-confetti-explosion';
-import './index-3d73b642.js';
-import './index-86db8fab.js';
-import './index-74d21747.js';
-import 'react-qr-code';
-import './index-5cb8dcfe.js';
-import './useCustomDimensions-956693ff.js';
-import './index-87663a15.js';
-import './ussIsSticky-7a8beca3.js';
-import './index-a3d99867.js';
-import './index-6c56fba5.js';
-import './index-ef970c72.js';
-import './index.module-7a83ebb1.js';
-import './index-3545e5b7.js';
-import './index-c310123d.js';
-import './index-b2e7ee7f.js';
-import 'react-beautiful-dnd';
-import './index-16240b30.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ShelfPlanner = function ShelfPlanner(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
-  var item = _ref.item,
-    style = _ref.style,
-    filteredGroups = _ref.filteredGroups;
-  var viewHandler = useViewHandler();
-  var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
-  var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
-  var grid = (_item$shelfPlannerGri = item === null || item === void 0 || (_item$shelfPlannerGri2 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri2 === void 0 ? void 0 : _item$shelfPlannerGri2.find(function (g) {
-    return g.ActAccessoire;
-  })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
-  var selAcc = grid.ActAccessoire;
-  var selAccItem = undefined;
-  if (selAcc) {
-    selAccItem = items.find(function (item) {
-      return item.articleCodex == selAcc;
-    });
-  }
-  var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
-  var palettesOfSelectedAcc = [];
-  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
-    var _loop = function _loop() {
-      var stepKey = selAccItem.configStepKeys[i];
-      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2);
-          _ref3[0];
-          var itemPalette = _ref3[1];
-        return itemPalette.configStepKey == stepKey.key;
-      });
-      if (!itemPalette) return 1; // continue
-      if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
-    };
-    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
-      if (_loop()) continue;
-    }
-  }
-  var mobileRTV = viewHandler.getIsInMobileView() && viewHandler.productState.shelfPlannerRTV;
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      return item.htmlRef = _ref4;
-    },
-    className: classnames(viewHandler.productState.shelfPlannerRTV ? shelfPlannerContainerRtv : undefined, grid.Direction == 'horizontal' ? shelfPlannerContainerHorizontal : shelfPlannerContainerVertical, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    style: _objectSpread({
-      height: height
-    }, style),
-    children: [!viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx("div", {
-      className: shelfGrid,
-      children: /*#__PURE__*/jsx("div", {
-        className: shelfGridBorder,
-        children: /*#__PURE__*/jsx(GridList, {
-          item: item,
-          direction: grid.Direction,
-          width: width,
-          height: height - 16 - 16
-        })
-      })
-    }), requiredWarning && /*#__PURE__*/jsx("div", {
-      className: warning,
-      dangerouslySetInnerHTML: {
-        __html: requiredWarning
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: accessoires,
-      children: [!!palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: configHeaderWrapper,
-          onClick: function onClick() {
-            return viewHandler.paletteViewHandler.setSelectedShelfAccessoire();
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: closeButton
-          }), /*#__PURE__*/jsx("div", {
-            className: name,
-            children: (_selAccItem2 = selAccItem) === null || _selAccItem2 === void 0 ? void 0 : _selAccItem2.name
-          })]
-        }), palettesOfSelectedAcc.map(function (item) {
-          return /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: item.id
-          }, item.configStepKey);
-        })]
-      }), !palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [!mobileRTV && /*#__PURE__*/jsx(SelectedAcc, {
-          selAccItem: selAccItem
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(accessoireContainer, collapsableInner),
-          style: {
-            height: grid.Direction == 'horizontal' ? height - 80 : '',
-            overflow: mobileRTV ? 'visible' : undefined
-          },
-          children: items.map(function (acc, key) {
-            return /*#__PURE__*/jsxs(Fragment, {
-              children: [viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoires, {
-                grids: item.shelfPlannerGrids,
-                item: acc,
-                sel: acc.articleCodex == selAcc
-              }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
-                grids: item.shelfPlannerGrids,
-                item: acc
-              }, key)]
-            });
-          })
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ShelfPlanner);
-
-export { index as default };