@crystaldesign/diva-web-planner-react 25.9.0-beta.36 → 25.9.0-beta.37

package/build/esm/{ArticleProperties-e967bca0.js → ArticleProperties-2884d168.js}

@@ -1,4 +1,4 @@
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-981aaa1e.js → CatalogProperties-6c62c540.js}

@@ -1,4 +1,4 @@
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -184,6 +184,13 @@ var properties = [{
     children: "the accessorie step has all the planner capabilities"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'planner2Dot0',
+  codex: 'PLANNER_2DOT0',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "the planner has an article overview, this filed needs "
+  }),
+  type: 'boolean'
 }, {
   catalogKey: 'dontSaveAlternativeRenderings',
   codex: 'DONT_SAVE_ALTERNATIVERENDERINGS',

package/build/esm/{DecisionVizualizer-ec891197.js → DecisionVizualizer-79d06f19.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6841f22b.js';
+import { s as styleInject } from './index-c865c45c.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{IconHandler-ebf6f162.js → IconHandler-b5f87d8f.js}

@@ -1,4 +1,4 @@
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, baseCdnUrl, tabGroupObj) {
   var sirvURL = baseCdnUrl + '/static/images/TabIcons/';

package/build/esm/{OptionProperties-d3b9573a.js → OptionProperties-00082065.js}

@@ -1,4 +1,4 @@
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{OptionValueProperties-99df53a0.js → OptionValueProperties-29e42aeb.js}

@@ -1,4 +1,4 @@
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-cee85a9c.js → Planner2DGrid-0f3ee801.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -65,7 +65,7 @@ var Planner2DGrid = /*#__PURE__*/function () {
     _defineProperty(this, "onDragStarted", function (setId, elementId) {
       _this.inDragMode = true;
       LOG.debug('On Drag Started');
-      if (!['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER'].includes(_this.getConfiguratorState())) {
+      if (!['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(_this.getConfiguratorState())) {
         //Inform view to switch to planenr mode
         _this.forceViewToEnterPlannerMode(true);
       }
@@ -274,7 +274,7 @@ var Planner2DGrid = /*#__PURE__*/function () {
             _this2.addPosNrUI(plannerUIHandler, plannerElement, elementIsSelected, elementIsSelectable);
             _this2.addDPUI(plannerUIHandler, plannerElement);
             if (elementIsSelected) {
-              if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER'].includes(_this2.getConfiguratorState())) {
+              if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(_this2.getConfiguratorState())) {
                 _this2.addDelIcon(plannerUIHandler, plannerElement);
                 _this2.addRotIcon(plannerUIHandler, plannerElement);
               }
@@ -395,7 +395,7 @@ var Planner2DGrid = /*#__PURE__*/function () {
           screenPosDP = Vector2.rotateAround(screenPosDP, rotCenter, plannerElement.getRotDeg());
           plannerUIHandler.addDP(plannerElement.getSetId(), plannerElement.getElementId(), dp.DpId, dp.Type, 'NOT_DOCKING', undefined, plannerElement.getRotDeg(), dp.RotDeg, screenPosDP, '2D');
         } else if ((dp.Type == 'AVO' || dp.Type == 'AVU' || dp.Type == 'AVC' || dp.Type == 'AVN' || dp.Type == 'AVS') && (!dp.IsDocking || !plannerElement.getIsDockedAccessoire())) {
-          if (!['PLANNER', 'PRODUCTS', 'PROMOTED'].includes(this.getConfiguratorState())) continue;
+          if (!['PLANNER', 'PRODUCTS', 'PROMOTED', 'PLANNER_2.0'].includes(this.getConfiguratorState())) continue;
           var _screenPosDP = this.worldPosToScreenPos(new Vector2(plannerElement.getWorldPosCorner().x + dp.LocalWorldPos.x, plannerElement.getWorldPosCorner().z + dp.LocalWorldPos.z));
           var _rotCenter = this.worldPosToScreenPos(new Vector2(plannerElement.getWorldPosCorner().x, plannerElement.getWorldPosCorner().z));
           _screenPosDP = Vector2.rotateAround(_screenPosDP, _rotCenter, plannerElement.getRotDeg());

package/build/esm/{Planner3DImage-14f47e40.js → Planner3DImage-13b5ec34.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -725,7 +725,7 @@ var Planner3DImageUI = /*#__PURE__*/function () {
                 var _elemUIInfo = rendering.getLeftTopBackUIPos(element.getSetId(), element.getElementId());
                 if (_elemUIInfo) _this.addPosNrUI(plannerUIHandler, element, _elemUIInfo.x, _elemUIInfo.y, elemIsSelected, elemIsSelectable);
                 if (elemIsSelected) {
-                  if (['PLANNER', 'PRODUCTS', 'PROMOTED'].includes(_this.getConfiguratorState())) {
+                  if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'PLANNER_2.0'].includes(_this.getConfiguratorState())) {
                     if (element.getIsDockedAccessoire()) {
                       _this.addAccDockingPoints(plannerUIHandler, element, rendering.getAllDockingPoints(element.getSetId(), element.getElementId()), 'AVO');
                     } else {

package/build/esm/{index-16b5491f.js → index-01d56e61.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/index-0261c43b.js

@@ -0,0 +1,61 @@
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import IsActive from './index-e58bcb7d.js';
+import InfoIcon from './index-9aa789de.js';
+import { jsxs, 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 '@crystaldesign/widget-contact-form';
+
+var articleItem = "article-item-560hu";
+var wcSize = "wcSize-NqLig";
+var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Tn0PY";
+var wcImage = "wcImage-ui7-N";
+var css_248z = "/*Planner*/\n\n.article-item-560hu {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.article-item-560hu:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.article-item-560hu:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.article-item-560hu:hover {\n  z-index: 200;\n}\n\n.article-item-560hu .wcSize-NqLig {\n  width: 100%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.article-item-560hu .wcConfigurator-settings-title-Tn0PY {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\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  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.article-item-560hu .wcImage-ui7-N {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.article-item-560hu .wcConfigurator-settings-title-Tn0PY:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n";
+styleInject(css_248z);
+
+var PlannerSwitch = function PlannerSwitch(_ref) {
+  var itemP = _ref.item;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(articleItem),
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickOnPlannerElementSwitch(item);
+    },
+    children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+      item: item
+    }, item.articleCodex), /*#__PURE__*/jsxs("div", {
+      className: classnames(wcSize),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcImage),
+        style: {
+          backgroundImage: "url(".concat(item.image, ")")
+        },
+        title: item.title
+      }), /*#__PURE__*/jsx("div", {
+        className: classnames(wcConfiguratorSettingsTitle),
+        children: item.title
+      })]
+    })]
+  });
+};
+var PlannerSwitch$1 = observer(PlannerSwitch);
+
+export { PlannerSwitch$1 as default };

package/build/esm/{index-b67db79f.js → index-02cb24ea.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-6841f22b.js';
+import { u as useViewHandler } from './index-c865c45c.js';
 import 'react';
-import Toggle from './index-bcce267f.js';
+import Toggle from './index-2f696b58.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-2788d555.js → index-02f17e02.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-e4f0fa3e.js → index-03229325.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-5d716ecd.js';
-import TabGroupVertical from './index-26948783.js';
-import TabSearch from './index-40f08dc3.js';
+import TabGroupHorizontal from './index-2a6a09c4.js';
+import TabGroupVertical from './index-886159dc.js';
+import TabSearch from './index-1825c67a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,8 +23,8 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-8ca7eed1.js';
-import './index-50773b2f.js';
+import './index-0d2c5b12.js';
+import './index-64a6fd63.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-8f1fc0d1.js → index-03f6ab6a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-6841f22b.js';
+import { u as useViewHandler } from './index-c865c45c.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-2b433a01.js → index-098d1f9e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-59a1de15.js';
-import ProductRoomList from './index-3e041860.js';
+import ArQrCodeIcon from './index-cdd0dae1.js';
+import ProductRoomList from './index-59825408.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,9 +23,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-ae4579e3.js';
+import './index-7e6275a1.js';
 import 'react-qr-code';
-import './index-819607eb.js';
+import './index-5280465e.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-994bb529.js → index-0ab00373.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6841f22b.js';
+import { s as styleInject } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-49db189e.js';
-import Searchbar from './index-476fc243.js';
-import Arrow from './index-6b2f23e9.js';
-import InfoIcon from './index-5c8012e3.js';
-import PricePreview from './index-c2a7570b.js';
+import RALFilter from './index-411da277.js';
+import Searchbar from './index-9d9ba399.js';
+import Arrow from './index-e0464388.js';
+import InfoIcon from './index-9aa789de.js';
+import PricePreview from './index-9b04aa68.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,21 +27,21 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4d82d57b.js';
-import './index-1e8ccdc0.js';
+import './index-aea14c06.js';
+import './index-a4b9d298.js';
 import '@crystaldesign/content-box';
-import './index-5a4cb59f.js';
+import './index-a0abf287.js';
 
-var container = "container-sQHMr";
-var dropdownRoot = "Dropdown-root-elxKM";
-var dropdownControl = "Dropdown-control-K74AD";
-var dropdownMenu = "dropdown-menu-Zxk-s";
-var row = "row-qZvF1";
-var colum = "colum-BalsH";
-var dropOption = "dropOption-WucMK";
-var text = "text-cICxb";
-var textWithPrice = "text-with-price-o4SIM";
-var css_248z = ".container-sQHMr {\n  display: inline-block;\n  width: 100%;\n}\n.container-sQHMr .Dropdown-root-elxKM {\n  box-shadow: var(--boxShadowHover);\n}\n\n.container-sQHMr .Dropdown-control-K74AD {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.container-sQHMr .dropdown-menu-Zxk-s {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.row-qZvF1 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.colum-BalsH {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.dropOption-WucMK {\n  width: 100%;\n  position: relative;\n}\n\n.text-cICxb {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.text-with-price-o4SIM {\n  padding-right: 64px;\n}\n";
+var container = "container-3iO9b";
+var dropdownRoot = "Dropdown-root-kZ9N2";
+var dropdownControl = "Dropdown-control-jkVK3";
+var dropdownMenu = "dropdown-menu-mp8ZW";
+var row = "row-TkDND";
+var colum = "colum-XPmyn";
+var dropOption = "dropOption-oQa-Z";
+var text = "text-UGO5O";
+var textWithPrice = "text-with-price-NctN6";
+var css_248z = ".container-3iO9b {\n  display: inline-block;\n  width: 100%;\n}\n.container-3iO9b .Dropdown-root-kZ9N2 {\n  box-shadow: var(--boxShadowHover);\n}\n\n.container-3iO9b .Dropdown-control-jkVK3 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.container-3iO9b .dropdown-menu-mp8ZW {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.row-TkDND {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.colum-XPmyn {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.dropOption-oQa-Z {\n  width: 100%;\n  position: relative;\n}\n\n.text-UGO5O {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.text-with-price-NctN6 {\n  padding-right: 64px;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }

package/build/esm/index-0c0305d0.js

@@ -0,0 +1,186 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.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-9aa789de.js';
+import PricePreview from './index-9b04aa68.js';
+import { g as getKey } from './index-68f5a678.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/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 '@crystaldesign/widget-contact-form';
+import 'sift';
+import './index-f6ab8256.js';
+import './index-01d56e61.js';
+import './index-6a301432.js';
+import './index-fa721d4c.js';
+import './index-ca8976ce.js';
+import './index.module-fb81d19e.js';
+import './index-2f696b58.js';
+import 'react-switch';
+import './index-0ab00373.js';
+import 'react-dropdown';
+import './index-411da277.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-aea14c06.js';
+import './index-e0464388.js';
+import './index-a4b9d298.js';
+import '@crystaldesign/content-box';
+import './index-a0abf287.js';
+import './index-9d9ba399.js';
+import './index-ac753687.js';
+import './index-69c1892b.js';
+import './index-b41e4384.js';
+import './index-9fd682f4.js';
+import './index-e3b77516.js';
+import './index-47b4d332.js';
+import './index-d39569c0.js';
+import './index-ed2ede45.js';
+import './index-deafba57.js';
+import './index-ed126b5c.js';
+import './index-72bb0098.js';
+import './index.module-fbb370f5.js';
+import './index-e58bcb7d.js';
+import './index-60d12706.js';
+import './index-2ecb7d0e.js';
+import './index-0261c43b.js';
+import './index-43a7d281.js';
+import './index-710af8bc.js';
+import './index-47e2528f.js';
+import './index.module-6b653c0b.js';
+import 'react-laag';
+import './index-7e2d1d67.js';
+import './index-8199846d.js';
+import './index-f66fd8d3.js';
+import './index-e25b4d48.js';
+import './index-45f3830e.js';
+import './index-b41a0d70.js';
+import './index-1d95eb5d.js';
+import './index-f942bdcc.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-9d995758.js';
+import 'rc-slider/assets/index.css';
+import '@crystaldesign/diva-web-planner-react/model';
+import 'rc-slider';
+import './index-9ae5aade.js';
+import './index-b7330036.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 wcFoldingArrow = "wcFoldingArrow-DFXd-";
+var wcGroupOpen = "wcGroupOpen-6Lf4-";
+var css_248z = ".wrapper-QG-9Z {\n  width: 100%;\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: 17.6px;\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.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.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);
+      }, 300);
+    }
+  }, [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),
+    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-a35862b5.js → index-0c0d983c.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-6841f22b.js';
+import { u as useViewHandler } from './index-c865c45c.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-09387e91.js';
+import ShelfDeleteButton from './index-4e7ead7f.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-8ca7eed1.js → index-0d2c5b12.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-60f4e5b5.js → index-0e81d28f.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-6841f22b.js';
+import { u as useViewHandler } from './index-c865c45c.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-ac125a9e.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-ec891197.js';
+import { n as notExpanded } from './index.module-53276416.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-79d06f19.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-499d0db4.js';
-import ArticleSelector from './index-5f79be11.js';
+import './react-json-viewer-aca88793.js';
+import ArticleSelector from './index-3ebde858.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-6e086aab.js → index-0e927cad.js}

@@ -3,7 +3,7 @@ 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 { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';