@crystaldesign/diva-web-planner-react 25.3.0-beta.2 → 25.3.0-beta.21

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

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

package/build/esm/{CatalogProperties-55e8d2fe.js → CatalogProperties-8d590bb9.js}

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

package/build/esm/{DecisionVizualizer-97d3847a.js → DecisionVizualizer-2348de62.js}

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

package/build/esm/{IconHandler-0c81013b.js → IconHandler-9af38abe.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.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-5bdb3dff.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -103,14 +103,14 @@ var properties = [{
   type: 'boolean'
 }, {
   catalogKey: 'onlyVisibleIfConfigSingle',
-  codex: 'ONLY_VIDSIBLE_IF_CONFIG_SINGLE',
+  codex: 'ONLY_VISIBLE_IF_CONFIG_SINGLE',
   desc: /*#__PURE__*/jsx(Fragment, {
     children: "Hide this option when config single is not active"
   }),
   type: 'boolean'
 }, {
   catalogKey: 'onlyVisibleIfConfigAll',
-  codex: 'ONLY_VIDSIBLE_IF_CONFIG_ALL',
+  codex: 'ONLY_VISIBLE_IF_CONFIG_ALL',
   desc: /*#__PURE__*/jsx(Fragment, {
     children: "Hide this option when config single is active"
   }),

package/build/esm/{OptionValueProperties-d77fd4d0.js → OptionValueProperties-357bbb55.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -134,6 +134,14 @@ var properties = [{
   }),
   deprecated: true,
   type: 'boolean'
+}, {
+  catalogKey: 'addToMeasure',
+  codex: 'ADD_TO_MEASURE',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Hier wird das Ma\xDF bzw. die Menge einer Option erg\xE4nzt mit verschiedenene rechenoperationen"
+  }),
+  deprecated: true,
+  type: 'complicated'
 }];
 
 export { properties as default };

package/build/esm/{Planner2DGrid-6a8752d1.js → Planner2DGrid-6a6f66c4.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-d12cf5ba.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-f4974dc3.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-d12cf5ba.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-2db66df7.js → index-0181804f.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, b as wcFunctionsContainer, d as wcIcon, n as wcResetIcon } from './index.module-ec0e0bde.js';
+import { w as wcFunctionsToolbar, b as wcFunctionsContainer, d as wcIcon, n as wcResetIcon } from './index.module-4cbad4aa.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4822317a.js → index-018b58fb.js}

@@ -4,14 +4,14 @@ 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 { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-ad78a9b3.js';
+import { n as notExpanded } from './index.module-ab0bdbaa.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-8f620386.js';
-import DecisionVisualization from './DecisionVizualizer-97d3847a.js';
+import './react-json-viewer-dbe287bf.js';
+import DecisionVisualization from './DecisionVizualizer-2348de62.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-efc4f2d7.js → index-02b76ac5.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-ef889635.js';
-import IsActive from './index-75228fc1.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-a8e69ed5.js';
+import IsActive from './index-211518ef.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-25e0d756.js → index-04d7b072.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-69f3ea97.js';
+import Item from './index-fc906e19.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-3c1c72fa.js';
-import './index-52dc632a.js';
+import './index-2f6f0dfa.js';
+import './index-1d49faf3.js';
 import 'classnames';
-import './index-f8962816.js';
+import './index-70ebc75d.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-37027c76.js → index-05376b84.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-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-43824527.js → index-053d51df.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-826a2aa6.js → index-0597affd.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-463492aa.js → index-05b333b7.js}

@@ -1,8 +1,8 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-361b0aeb.js';
-import SVGSourceViewer from './index-b9ab3a3f.js';
+import SVGOverview from './index-d9f4cec2.js';
+import SVGSourceViewer from './index-a65d1635.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-7173a0d1.js';
+import './index.module-a58023c7.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-2a142fcd.js → index-064f7453.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-d12cf5ba.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-9af38abe.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8e327141.js → index-07a3d539.js}

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

package/build/esm/{index-a3ceda38.js → index-07dbb621.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-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-4b63dba8.js → index-08788527.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';

package/build/esm/{index-dd142f03.js → index-08b4bd6d.js}

@@ -1,4 +1,4 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-46121105.js → index-0cfdacf9.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-c27fe936.js';
-import Toggle from './index-82a386e0.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-53f0c29f.js';
+import Toggle from './index-b9e6473e.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-32307e76.js';
-import PricePreview from './index-52dc632a.js';
+import InfoIcon from './index-e6c1f6d4.js';
+import PricePreview from './index-1d49faf3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -75,6 +75,7 @@ var ToggleOption = function ToggleOption(_ref) {
       className: classnames(colum, toggle),
       children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
         asyncPricePreview: noItem.pricePreviewPromise,
+        sel: noItem.sel,
         pos: "left"
       }), /*#__PURE__*/jsx(Toggle, {
         onChange: function onChange() {
@@ -86,6 +87,7 @@ var ToggleOption = function ToggleOption(_ref) {
         on: yesItem.text
       }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
         asyncPricePreview: yesItem.pricePreviewPromise,
+        sel: yesItem.sel,
         pos: "right"
       })]
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {

package/build/esm/{index-025ed166.js → index-0f068fe7.js}

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

package/build/esm/{index-85e759f1.js → index-0f82072e.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-d12cf5ba.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 PricePreview from './index-52dc632a.js';
+import MetaData from './index-70ebc75d.js';
+import GenericToolTip from './index-2f6f0dfa.js';
+import PricePreview from './index-1d49faf3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-89847859.js → index-0ff8c040.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-746d9b89.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-9b83b7f3.js';
+import { h as header } from './index.module-8d2d2703.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-55ca466b.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-ad78a9b3.js';
+import { n as notExpanded } from './index.module-ab0bdbaa.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7003e76e.js → index-1002b84b.js}

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

package/build/esm/{index-8bee6385.js → index-120b52a8.js}

@@ -1,10 +1,10 @@
 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-d12cf5ba.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-ac5c5bc7.js';
+import NavBar from './index-ed75be11.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2c78709c.js → index-1308d946.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-363a8405.js';
-import ProductHeader from './index-68c223c5.js';
+import { s as styleInject } from './index-d12cf5ba.js';
+import ProductHeader from './index-80b6cb06.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-fc4bc774.js';
+import './index-501aa88a.js';
 import '@crystaldesign/content-box';
-import './index-0bbd5a11.js';
+import './index-8fb30f80.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';