@crystaldesign/diva-web-planner-react 25.3.0-beta.13 → 25.3.0-beta.14

package/build/esm/{ArticleProperties-73cefc7c.js → ArticleProperties-fc26576b.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-55e8d2fe.js → CatalogProperties-2dbb7dc6.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{DecisionVizualizer-97d3847a.js → DecisionVizualizer-57acc881.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-0c81013b.js → IconHandler-350f8163.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-4e40a63e.js → OptionProperties-5efaff3e.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-d77fd4d0.js → OptionValueProperties-893f94f7.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-6a8752d1.js → Planner2DGrid-ce6303bb.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-363a8405.js';
+import './index-f3290cf5.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-4af30b4f.js → Planner3DImage-87d5d6f1.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-363a8405.js';
+import './index-f3290cf5.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -227,9 +227,8 @@ var Planner3DGrid = /*#__PURE__*/function () {
   }
   return _createClass(Planner3DGrid, [{
     key: "setCallbackMethods",
-    value: function setCallbackMethods(updatePlannerTrans, clearSelectionFrom3DGrid) {
+    value: function setCallbackMethods(updatePlannerTrans) {
       this.updatePlannerTrans = updatePlannerTrans;
-      this.clearSelectionFrom3DGrid = clearSelectionFrom3DGrid;
     }
 
     /**
@@ -682,28 +681,6 @@ var Planner3DImageUI = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function looks if the parent of an accessoire is selected. Can be detected recursively
-     * @param curElement
-     * @param allSelectedElements
-     * @returns
-     */
-  }, {
-    key: "isParentSelectedRecursive",
-    value: function isParentSelectedRecursive(curElement, allSelectedElements) {
-      for (var i = 0; i < allSelectedElements.length; i++) {
-        //search parent of curElement
-        var accsOfSelected = allSelectedElements[i].getCurrentAccessorires();
-        for (var j = 0; j < accsOfSelected.length; j++) {
-          if (accsOfSelected[j].getElementId() == curElement.getElementId()) {
-            return true;
-          }
-        }
-        allSelectedElements = allSelectedElements.concat(accsOfSelected);
-      }
-      return false;
-    }
-
     /**
      * Update the UserInterface on the 3D image.
      * @param allPlannedElements    A list
@@ -828,99 +805,21 @@ var Planner3DImageUI = /*#__PURE__*/function () {
 
 var Planner3DImage = /*#__PURE__*/function () {
   function Planner3DImage(getConfiguratorState, update3DImgSrcInView, getPlannerViewConfig, onDoShowNav3DChanged, getAllPlannedElements, plannerPaletteViewInfo) {
-    var _this = this;
     _classCallCheck(this, Planner3DImage);
-    _defineProperty(this, "domContainer", undefined);
     _defineProperty(this, "imageContainer", undefined);
     _defineProperty(this, "UIHandler", void 0);
     _defineProperty(this, "curRendering", void 0);
     _defineProperty(this, "planner3DGrid", void 0);
-    _defineProperty(this, "handle3DVisualizationChanged", void 0);
     _defineProperty(this, "update3DImgSrcInView", void 0);
     _defineProperty(this, "onDoShowNav3DChanged", void 0);
     //Navigation
-    _defineProperty(this, "onSwipeStartScreenPos", void 0);
-    _defineProperty(this, "onSwipeStartTime", void 0);
-    _defineProperty(this, "detectSwipe", void 0);
-    _defineProperty(this, "swipeDetectedCurrentFrame", void 0);
-    //Saves if this frame a swipe was detected. The variable is set to false when it is read
     _defineProperty(this, "enablePlanner3DGrid", void 0);
-    _defineProperty(this, "touchPositionLastFrame", undefined);
-    _defineProperty(this, "touchMoveDetected", function (event) {
-      event.preventDefault();
-    });
-    /**
-     *  This function starts the detection of the swipe
-     * @param event     mouse event
-     */
-    _defineProperty(this, "startDetectingSwipeMouse", function (event) {
-      if (_this.planner3DGrid.isInTrasnformMode() || _this.curRendering.getHasStaticBackground()) return;
-      _this.onSwipeStartScreenPos = new Vector2(event.clientX, event.clientY);
-      _this.onSwipeStartTime = new Date().getTime();
-      _this.detectSwipe = true;
-      _this.domContainer.addEventListener('mouseup', _this.endDetectingSwipeMouse, {
-        passive: true
-      });
-    });
-    /**
-     * This function starts the detection of the swipe
-     * @param event     touch event
-     */
-    _defineProperty(this, "startDetectingSwipeTouch", function (event) {
-      if (_this.planner3DGrid.isInTrasnformMode() || _this.curRendering.getHasStaticBackground()) return;
-      if (event.touches.length != 1) return;
-      var touch = event.touches[0];
-      _this.onSwipeStartScreenPos = new Vector2(touch.clientX, touch.clientY);
-      _this.onSwipeStartTime = new Date().getTime();
-      _this.detectSwipe = true;
-      _this.touchPositionLastFrame = undefined;
-      _this.domContainer.addEventListener('touchend', _this.endDetectingSwipeTouch, {
-        passive: true
-      });
-      _this.domContainer.addEventListener('touchmove', _this.onSwipeMoveTouch, {
-        passive: true
-      });
-    });
-    /**
-     *     This function detects the swipe or not
-     * @param event  mouse eent
-     */
-    _defineProperty(this, "endDetectingSwipeMouse", function (event) {
-      _this.handleSwipeDetection(event.clientX, event.clientY);
-      var that = _this;
-      _this.domContainer.removeEventListener('mouseup', that.endDetectingSwipeMouse, false);
-    });
-    /**
-     *     this function detectes touch moves on the image for swipe detection
-     * @param event  touch event
-     */
-    _defineProperty(this, "onSwipeMoveTouch", function (event) {
-      if (event.touches.length != 1) return;
-      var touch = event.touches[0];
-      _this.touchPositionLastFrame = new Vector2(touch.clientX, touch.clientY);
-    });
-    /**
-     *         This function detects the swipe or not
-     * @param event  touch event
-     */
-    _defineProperty(this, "endDetectingSwipeTouch", function (event) {
-      if (_this.touchPositionLastFrame != undefined) {
-        _this.handleSwipeDetection(_this.touchPositionLastFrame.x, _this.touchPositionLastFrame.y);
-      }
-      _this.touchPositionLastFrame = undefined;
-      _this.domContainer.removeEventListener('touchmove', _this.onSwipeMoveTouch, false);
-      _this.domContainer.removeEventListener('touchend', _this.endDetectingSwipeTouch, false);
-    });
-    this.onSwipeStartScreenPos = new Vector2(-1, -1);
-    this.onSwipeStartTime = new Date().getTime();
-    this.detectSwipe = true;
     this.UIHandler = new Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo);
     this.curRendering = new Rendering('Placeholder', 'Placeholder', '', -1, -1, false, false, 0, false, false, 'STREAM');
     this.planner3DGrid = new Planner3DGrid(getPlannerViewConfig, getAllPlannedElements);
     this.onDoShowNav3DChanged = onDoShowNav3DChanged;
     //this.getConfiguratorState = getConfiguratorState;
     this.enablePlanner3DGrid = false;
-    this.swipeDetectedCurrentFrame = false;
     this.update3DImgSrcInView = update3DImgSrcInView;
   }
   /*
@@ -935,14 +834,12 @@ var Planner3DImage = /*#__PURE__*/function () {
    */
   return _createClass(Planner3DImage, [{
     key: "initialize",
-    value: function initialize(htmlElementID, updatePlannerTrans, clearSelectionFrom3DGrid, handle3DVisualizationChanged) {
+    value: function initialize(htmlElementID, updatePlannerTrans) {
       this.imageContainer = document.getElementById(htmlElementID);
-      this.planner3DGrid.setCallbackMethods(updatePlannerTrans, clearSelectionFrom3DGrid);
+      this.planner3DGrid.setCallbackMethods(updatePlannerTrans);
       if (this.imageContainer) {
-        this.addNavigationEvents(this.imageContainer);
         this.UIHandler.initialize(this.imageContainer);
       }
-      this.handle3DVisualizationChanged = handle3DVisualizationChanged;
     }
 
     /**
@@ -995,93 +892,6 @@ var Planner3DImage = /*#__PURE__*/function () {
       return this.planner3DGrid.isInTrasnformMode();
     }
 
-    /**
-     *  This function adds mouse events to the 3D Image dom element
-     */
-  }, {
-    key: "addNavigationEvents",
-    value: function addNavigationEvents(domContainer) {
-      this.domContainer = domContainer;
-      var that = this;
-      if (!domContainer) return;
-      domContainer.addEventListener('mousedown', that.startDetectingSwipeMouse, {
-        passive: true
-      });
-      domContainer.addEventListener('touchstart', that.startDetectingSwipeTouch, {
-        passive: true
-      });
-      domContainer.addEventListener('touchmove', that.touchMoveDetected, {
-        passive: true
-      });
-    }
-  }, {
-    key: "handleSwipeDetection",
-    value:
-    /**
-     * This function handles the detection of swipe on the 3D Image
-     * @param screenPosX
-     * @param screenPosY
-     */
-    function handleSwipeDetection(screenPosX, screenPosY) {
-      if (this.planner3DGrid.isInTrasnformMode()) return;
-      //let deltaTime = this.enablePlanner3DGrid ? 300 : 200;
-      var deltaTime = 1500;
-      if (this.detectSwipe && new Date().getTime() - this.onSwipeStartTime < deltaTime) {
-        if (Math.abs(this.onSwipeStartScreenPos.x - screenPosX) > 10 || Math.abs(this.onSwipeStartScreenPos.y - screenPosY) > 10) {
-          var swipeAmountRight = screenPosX - this.onSwipeStartScreenPos.x;
-          var swipeAmountLeft = this.onSwipeStartScreenPos.x - screenPosX;
-          var swipeAmountUp = screenPosY - this.onSwipeStartScreenPos.y;
-          var swipeAmountDown = this.onSwipeStartScreenPos.y - screenPosY;
-          if (swipeAmountRight > 0 && swipeAmountRight > swipeAmountUp && swipeAmountRight > swipeAmountDown) {
-            //Swipe right
-            if (this.handle3DVisualizationChanged != null) {
-              this.handle3DVisualizationChanged('Nav3DSwipe', {
-                doSwipeRight: true
-              });
-              this.swipeDetectedCurrentFrame = true;
-            }
-          } else if (swipeAmountLeft > 0 && swipeAmountLeft > swipeAmountUp && swipeAmountLeft > swipeAmountDown) {
-            if (this.handle3DVisualizationChanged != null) {
-              this.handle3DVisualizationChanged('Nav3DSwipe', {
-                doSwipeLeft: true
-              });
-              this.swipeDetectedCurrentFrame = true;
-            }
-          } else if (swipeAmountUp > 0 && swipeAmountUp > swipeAmountRight && swipeAmountUp > swipeAmountLeft) {
-            if (this.handle3DVisualizationChanged != null) {
-              this.handle3DVisualizationChanged('Nav3DSwipe', {
-                doSwipeDown: true
-              });
-              this.swipeDetectedCurrentFrame = true;
-            }
-          } else if (swipeAmountDown > 0 && swipeAmountDown > swipeAmountRight && swipeAmountDown > swipeAmountLeft) {
-            if (this.handle3DVisualizationChanged != null) {
-              this.handle3DVisualizationChanged('Nav3DSwipe', {
-                doSwipeUp: true
-              });
-              this.swipeDetectedCurrentFrame = true;
-            }
-          }
-        }
-      }
-      this.detectSwipe = false;
-    }
-  }, {
-    key: "getSwipeDetectionFinished",
-    value: function getSwipeDetectionFinished() {
-      return !this.detectSwipe;
-    }
-    /**
-     * This function returns true if in the current frame a swipe was detected. In this case de element selection should not be cleared.
-     */
-  }, {
-    key: "getSwipeDetectedCurrentFrame",
-    value: function getSwipeDetectedCurrentFrame() {
-      var swipeDetected = this.swipeDetectedCurrentFrame;
-      this.swipeDetectedCurrentFrame = false;
-      return swipeDetected;
-    }
-
     /**
      * This function is called when the user Interface of the current rendering has to be updated. This can be the case when the planner Changed or the configurator step changed.
      * @param selectedElements
@@ -1091,12 +901,12 @@ var Planner3DImage = /*#__PURE__*/function () {
   }, {
     key: "updateUI",
     value: function updateUI(plannerUIHandler, allPlannedElements, allVisualizedNotPlannedElements, selectedElementsDict, selectableElements, setAllElementsSelectable, selectedDP, viewPortSize) {
-      var _this2 = this;
+      var _this = this;
       if (this.enablePlanner3DGrid) {
         if (selectedElementsDict.size > 0) {
           selectedElementsDict.forEach(function (selectedPlannerElements, setId) {
             for (var i = 0; i < selectedPlannerElements.length; i++) {
-              _this2.planner3DGrid.updateUI(plannerUIHandler, selectedPlannerElements[i]);
+              _this.planner3DGrid.updateUI(plannerUIHandler, selectedPlannerElements[i]);
             }
           });
         } else {

package/build/esm/{index-0d2c7f84.js → index-014c0ca6.js}

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

package/build/esm/{index-d0cb6ce4.js → index-019cf812.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-0c81013b.js';
+import { g as getIconOfTabGroup } from './IconHandler-350f8163.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1999e64a.js → index-01a10c0b.js}

@@ -2,17 +2,17 @@ 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-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.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-f8962816.js';
-import GenericToolTip from './index-3c1c72fa.js';
-import SubTabGroup from './index-f3513779.js';
-import InfoIcon from './index-32307e76.js';
-import PricePreview from './index-52dc632a.js';
+import MetaData from './index-338f7c3a.js';
+import GenericToolTip from './index-63c4c7be.js';
+import SubTabGroup from './index-dbb87e4b.js';
+import InfoIcon from './index-10bb2d41.js';
+import PricePreview from './index-b0c68092.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,50 +24,50 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-faecc2dc.js';
-import './index-c2d34534.js';
+import './index-7206cf18.js';
+import './index-20980f62.js';
 import 'sift';
-import './index-32e87e26.js';
-import './index-b1db8ee1.js';
-import './index-86b188ea.js';
-import './index-57f13ec9.js';
-import './index-46121105.js';
-import './index.module-c27fe936.js';
-import './index-82a386e0.js';
+import './index-64dc079b.js';
+import './index-dc5f97e6.js';
+import './index-5e31e2fe.js';
+import './index-d3c89ef9.js';
+import './index-40b2f3ed.js';
+import './index.module-d701a314.js';
+import './index-d4aa6a0b.js';
 import 'react-switch';
-import './index-4877f054.js';
+import './index-a92dcf78.js';
 import 'react-dropdown';
-import './index-4bf43ccc.js';
+import './index-7551c36e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c3d359e8.js';
-import './index-7417db1c.js';
-import './index-8c6c3869.js';
+import './index-fedfe181.js';
+import './index-f8e53c88.js';
+import './index-44791ae9.js';
 import '@crystaldesign/content-box';
-import './index-51a87a71.js';
-import './index-37027c76.js';
-import './index-5f6a7616.js';
-import './index-632448d0.js';
-import './index-dfb9bd20.js';
-import './index-04ec816c.js';
-import './index-d6d98fbf.js';
-import './index-d34895c3.js';
-import './index-63a51c9e.js';
-import './index-7003e76e.js';
-import './index-8e327141.js';
-import './index-ef639d0e.js';
-import './index-5621e08a.js';
-import './index-efc4f2d7.js';
-import './index.module-ef889635.js';
-import './index-75228fc1.js';
-import './index-ab68713d.js';
-import './index-586d431d.js';
-import './index-728cd19e.js';
-import './index-025ed166.js';
-import './index-83c4767a.js';
-import './index-ae165203.js';
-import './index.module-6b75fe80.js';
-import './index-92d67222.js';
-import './index-0d2c7f84.js';
+import './index-bcf9cabd.js';
+import './index-5e7dc5d6.js';
+import './index-a0be34a0.js';
+import './index-17a49856.js';
+import './index-58a2756e.js';
+import './index-8bda008a.js';
+import './index-87ea5d81.js';
+import './index-e7af792b.js';
+import './index-d390a637.js';
+import './index-a9b76422.js';
+import './index-cd930719.js';
+import './index-85fe72c5.js';
+import './index-579d767b.js';
+import './index-d8281cb5.js';
+import './index.module-aa85e630.js';
+import './index-5d05800c.js';
+import './index-b6b2b6fa.js';
+import './index-2048d177.js';
+import './index-06724453.js';
+import './index-8fde7721.js';
+import './index-6e052ddb.js';
+import './index-2dc7dde4.js';
+import './index.module-82ce4e46.js';
+import './index-9bce4394.js';
+import './index-014c0ca6.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-10536fd0.js → index-02339863.js}

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

package/build/esm/{index-cc8d5fec.js → index-0328d388.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-c314028b.js';
+import PlannerMsgItem from './index-244a716c.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d2c264f5.js → index-038f5122.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-f3290cf5.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c7b8014c.js → index-061b7053.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-b1db8ee1.js';
-import SettingsConfigSingle from './index-bee796a8.js';
-import SettingsPosNr from './index-e74bca59.js';
+import SettingsHeader from './index-dc5f97e6.js';
+import SettingsConfigSingle from './index-65d0e8f9.js';
+import SettingsPosNr from './index-4c4ad6d2.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,9 +21,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-246368a2.js';
+import './index-1e49b7a9.js';
 import 'react-laag';
-import './index-41d50663.js';
+import './index-1bd865c9.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-728cd19e.js → index-06724453.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-75228fc1.js';
-import InfoIcon from './index-32307e76.js';
+import IsActive from './index-5d05800c.js';
+import InfoIcon from './index-10bb2d41.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9b3b5e54.js → index-069f7793.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-f3290cf5.js';
 import 'react';
-import Toggle from './index-82a386e0.js';
+import Toggle from './index-d4aa6a0b.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7e2251d2.js → index-075a4842.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-be80917e.js → index-09617f08.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-d5cb8ac6.js → index-09d5f2c9.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-363a8405.js';
+import './index-f3290cf5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-89847859.js';
-import JsonEditor from './index-be1ab187.js';
+import ArticleOverview from './index-57b6aae1.js';
+import JsonEditor from './index-b428be6c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-746d9b89.js';
-import './index.module-9b83b7f3.js';
+import './index.module-b223b339.js';
+import './index.module-51cf3936.js';
 import 'classnames';
-import './index.module-ad78a9b3.js';
+import './index.module-86e5b0b8.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-025267af.js → index-0d81573c.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-68c223c5.js → index-0dd36e06.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-f3290cf5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-fc4bc774.js';
+import ProductHeaderFunction from './index-1d31394b.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-0bbd5a11.js';
+import ContentItemWrapper from './index-910271a7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b9ab3a3f.js → index-0e1b6302.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-f3290cf5.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-7173a0d1.js';
+import { s as svgWrapper } from './index.module-6ecd6828.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d541a657.js → index-0f354691.js}

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