@crystaldesign/diva-web-planner-react 26.10.0 → 26.11.0-beta.10

package/build/esm/{Planner2DGrid-af1e38ed.js → Planner2DGrid-e0c0e5f1.js}

@@ -1,7 +1,9 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6faebfc9.js';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import './index-0f623dc4.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -9,10 +11,8 @@ import 'react';
 import 'react-dynamic-multi-render';
 import 'react/jsx-runtime';
 import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
@@ -23,7 +23,13 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 
+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; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG = getLogger('Planner', 'Planner2DGrid');
+
+/** Upper bound for one fabric SVG parse; buildSvgShape must never hang. */
+var SVG_PARSE_TIMEOUT_MS = 10000;
 var Planner2DGrid = /*#__PURE__*/function () {
   function Planner2DGrid(getConfiguratorState, getPlannerElementById, getPlannerViewConfig, forceViewToEnterPlannerMode, plannerPaletteViewInfo, settingsState) {
     var _this = this;
@@ -33,6 +39,8 @@ var Planner2DGrid = /*#__PURE__*/function () {
     _defineProperty(this, "dimGroupWidthName", 'DimensionGroup_Width');
     _defineProperty(this, "dimGroupHeightName", 'DimensionGroup_Height');
     _defineProperty(this, "canvas", void 0);
+    /** Counts render passes so an overtaken one cannot paint: shape building is async, so passes finish in completion order, not call order. */
+    _defineProperty(this, "renderGeneration", 0);
     _defineProperty(this, "canvas2DGridID", 'wcConfigurator-grid-2D-canvas');
     _defineProperty(this, "borderFactorHori", 0.7);
     //70 % des screens soll von der Planung ausgefüllt werden
@@ -604,61 +612,200 @@ var Planner2DGrid = /*#__PURE__*/function () {
     }
 
     /**
-     * This function is called in order to render the whole canvas with all planner shapes. First it cleans everything and then it updates everything.
-     * @param plannerElements   All planner elements in the scene
-     * @param boundingBox       The size and position information of the current planning
+     * Builds the fabric shape of every element that carries SVG data but no shape yet.
+     * The engine clears the shape when an element's SVG is reloaded, so a missing shape means stale or never built.
      */
   }, {
-    key: "updatePlannerView",
-    value: function updatePlannerView(plannerUIHandler, plannerElementsDict, boundingBox) {
-      var _this3 = this;
-      LOG.debug('UpdatePlanner2DGrid', 'Planner2DGrid');
-      this.clearView();
-      var curCanvasSize = plannerUIHandler.getCanvas2DGridSize();
-      if (this.canvas.getWidth() != curCanvasSize.x) this.canvas.setWidth(curCanvasSize.x);
-      if (this.canvas.getHeight() != curCanvasSize.y) this.canvas.setHeight(curCanvasSize.y);
-      if (plannerElementsDict.size == 0) return;
-      var allplannerSVGs = [];
-      plannerElementsDict.forEach(function (plannerElements, setId) {
-        for (var i = 0; i < plannerElements.length; i++) {
-          if (plannerElements[i].getSVGShapeOLF2D()) {
-            var svgShape2D = plannerElements[i].getSVGShapeOLF2D();
-            svgShape2D.scaleX = 1 / DivaUtils.UnitRecalc;
-            svgShape2D.scaleY = 1 / DivaUtils.UnitRecalc;
-            var corner = _this3.getWorldCorner(plannerElements[i], false);
-            svgShape2D.left = corner.x - boundingBox.worldPos.x;
-            svgShape2D.top = corner.z - boundingBox.worldPos.y;
-            svgShape2D.angle = plannerElements[i].getRotDeg();
-            allplannerSVGs.push(svgShape2D);
+    key: "ensureSvgShapes",
+    value: (function () {
+      var _ensureSvgShapes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(plannerElementsDict) {
+        var _this3 = this;
+        var pending;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              pending = [];
+              plannerElementsDict.forEach(function (plannerElements) {
+                var _iterator = _createForOfIteratorHelper(plannerElements),
+                  _step;
+                try {
+                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                    var plannerElement = _step.value;
+                    if (plannerElement.getSVGShapeOLF2D() || !plannerElement.SvgData) continue;
+                    pending.push(_this3.buildSvgShape(plannerElement));
+                  }
+                } catch (err) {
+                  _iterator.e(err);
+                } finally {
+                  _iterator.f();
+                }
+              });
+              _context.next = 4;
+              return Promise.all(pending);
+            case 4:
+            case "end":
+              return _context.stop();
           }
+        }, _callee);
+      }));
+      function ensureSvgShapes(_x) {
+        return _ensureSvgShapes.apply(this, arguments);
+      }
+      return ensureSvgShapes;
+    }()
+    /**
+     * Parses the element's SVG into a fabric group. MUST always settle: fabric silently drops its callback
+     * on a malformed shape, and this promise is awaited up into the basket save, which would then hang forever.
+     */
+    )
+  }, {
+    key: "buildSvgShape",
+    value: function buildSvgShape(plannerElement) {
+      var _this4 = this;
+      return new Promise(function (resolve) {
+        var settled = false;
+        var finish = function finish() {
+          if (settled) return;
+          settled = true;
+          clearTimeout(timeout);
+          resolve();
+        };
+        var timeout = setTimeout(function () {
+          LOG.warn("2D shape build timed out after ".concat(SVG_PARSE_TIMEOUT_MS, "ms \u2014 element rendered without its SVG shape"), 'Planner2DGrid');
+          finish();
+        }, SVG_PARSE_TIMEOUT_MS);
+        try {
+          fabric.loadSVGFromString(plannerElement.SvgData, function (objects, options) {
+            // A late callback must be ignored: the element may already carry a newer SVG, and a stale shape counts as present.
+            if (settled) return;
+            try {
+              _this4.applySvgShape(plannerElement, objects, options);
+            } catch (error) {
+              LOG.warn("2D shape build failed: ".concat(error instanceof Error ? error.message : String(error)), 'Planner2DGrid');
+            }
+            finish();
+          });
+        } catch (error) {
+          LOG.warn("2D shape parse threw: ".concat(error instanceof Error ? error.message : String(error)), 'Planner2DGrid');
+          finish();
         }
       });
-      this.calcZoomFactor(boundingBox);
-      if (this.currZoomFactor > this.maxZoom) this.currZoomFactor = this.maxZoom;
-      var screenPosSet = new Vector2(boundingBox.worldPos.x * this.currZoomFactor, boundingBox.worldPos.y * this.currZoomFactor);
-      var setGroup = new fabric.Group(allplannerSVGs, {
+    }
+  }, {
+    key: "applySvgShape",
+    value: function applySvgShape(plannerElement, objects, options) {
+      for (var objNo = 0; objNo < objects.length; objNo++) {
+        var _object$id;
+        var object = objects[objNo];
+        object.setCoords();
+        var objID = (_object$id = object.id) === null || _object$id === void 0 ? void 0 : _object$id.toString();
+        if (objID && (objID.startsWith('OLF') || objID.startsWith('OLT'))) {
+          object.stroke = 'none';
+        }
+      }
+      var shape = fabric.util.groupSVGElements(objects, options);
+      shape.set({
         originX: 'left',
         originY: 'top',
-        left: screenPosSet.x,
-        top: screenPosSet.y,
-        opacity: 1,
-        scaleX: this.currZoomFactor,
-        scaleY: this.currZoomFactor,
-        hasControls: false,
-        selectable: false,
-        hoverCursor: 'default'
+        lockRotation: true,
+        hasRotatingPoint: true,
+        lockUniScaling: true,
+        lockScalingX: true,
+        lockScalingY: true,
+        scaleX: 1,
+        scaleY: 1,
+        left: 0,
+        top: 0
       });
-      var offsetX = this.canvas.getWidth() / 2 - (setGroup.left + setGroup.width * this.currZoomFactor / 2);
-      var offsetY = this.canvas.getHeight() / 2 - (setGroup.top + setGroup.height * this.currZoomFactor / 2);
-      this.currCenteringOffset = new Vector2(offsetX, offsetY);
-      setGroup.left += offsetX;
-      setGroup.top += offsetY;
-      this.canvas.add(setGroup);
-      setGroup.bringToFront();
-      this.correctBackgroundPos(plannerUIHandler);
-      this.drawDimensions(setGroup, boundingBox);
-      this.canvas.renderAll();
+      plannerElement.SvgShapeOLF2D = shape;
     }
+
+    /**
+     * This function is called in order to render the whole canvas with all planner shapes. First it cleans everything and then it updates everything.
+     * @param plannerElements   All planner elements in the scene
+     * @param boundingBox       The size and position information of the current planning
+     */
+  }, {
+    key: "updatePlannerView",
+    value: (function () {
+      var _updatePlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(plannerUIHandler, plannerElementsDict, boundingBox) {
+        var _this5 = this;
+        var generation, curCanvasSize, allplannerSVGs, screenPosSet, setGroup, offsetX, offsetY;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              LOG.debug('UpdatePlanner2DGrid', 'Planner2DGrid');
+              generation = ++this.renderGeneration;
+              _context2.next = 4;
+              return this.ensureSvgShapes(plannerElementsDict);
+            case 4:
+              if (!(generation !== this.renderGeneration)) {
+                _context2.next = 6;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 6:
+              this.clearView();
+              curCanvasSize = plannerUIHandler.getCanvas2DGridSize();
+              if (this.canvas.getWidth() != curCanvasSize.x) this.canvas.setWidth(curCanvasSize.x);
+              if (this.canvas.getHeight() != curCanvasSize.y) this.canvas.setHeight(curCanvasSize.y);
+              if (!(plannerElementsDict.size == 0)) {
+                _context2.next = 12;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 12:
+              allplannerSVGs = [];
+              plannerElementsDict.forEach(function (plannerElements, setId) {
+                for (var i = 0; i < plannerElements.length; i++) {
+                  if (plannerElements[i].getSVGShapeOLF2D()) {
+                    var svgShape2D = plannerElements[i].getSVGShapeOLF2D();
+                    svgShape2D.scaleX = 1 / DivaUtils.UnitRecalc;
+                    svgShape2D.scaleY = 1 / DivaUtils.UnitRecalc;
+                    var corner = _this5.getWorldCorner(plannerElements[i], false);
+                    svgShape2D.left = corner.x - boundingBox.worldPos.x;
+                    svgShape2D.top = corner.z - boundingBox.worldPos.y;
+                    svgShape2D.angle = plannerElements[i].getRotDeg();
+                    allplannerSVGs.push(svgShape2D);
+                  }
+                }
+              });
+              this.calcZoomFactor(boundingBox);
+              if (this.currZoomFactor > this.maxZoom) this.currZoomFactor = this.maxZoom;
+              screenPosSet = new Vector2(boundingBox.worldPos.x * this.currZoomFactor, boundingBox.worldPos.y * this.currZoomFactor);
+              setGroup = new fabric.Group(allplannerSVGs, {
+                originX: 'left',
+                originY: 'top',
+                left: screenPosSet.x,
+                top: screenPosSet.y,
+                opacity: 1,
+                scaleX: this.currZoomFactor,
+                scaleY: this.currZoomFactor,
+                hasControls: false,
+                selectable: false,
+                hoverCursor: 'default'
+              });
+              offsetX = this.canvas.getWidth() / 2 - (setGroup.left + setGroup.width * this.currZoomFactor / 2);
+              offsetY = this.canvas.getHeight() / 2 - (setGroup.top + setGroup.height * this.currZoomFactor / 2);
+              this.currCenteringOffset = new Vector2(offsetX, offsetY);
+              setGroup.left += offsetX;
+              setGroup.top += offsetY;
+              this.canvas.add(setGroup);
+              setGroup.bringToFront();
+              this.correctBackgroundPos(plannerUIHandler);
+              this.drawDimensions(setGroup, boundingBox);
+              this.canvas.renderAll();
+            case 28:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function updatePlannerView(_x2, _x3, _x4) {
+        return _updatePlannerView.apply(this, arguments);
+      }
+      return updatePlannerView;
+    }())
   }]);
 }();
 

package/build/esm/{Planner3DImage-30c424ce.js → Planner3DImage-77d6883e.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-6faebfc9.js';
+import './index-0f623dc4.js';
 import { Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import 'react';
 import 'react-dynamic-multi-render';

package/build/esm/{UnlockCard-95829ece.js → UnlockCard-55b6cf16.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-6faebfc9.js';
+import { s as styleInject } from './index-0f623dc4.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-c7b888db.js → index-016a42f8.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
 import { useEffect } from 'react';
-import Inputbox from './index-7f81999e.js';
-import Settings from './index-e0565c14.js';
-import TabGroup from './index-17b706ec.js';
+import Inputbox from './index-04a6c011.js';
+import Settings from './index-67d195a0.js';
+import TabGroup from './index-1cb9efa0.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-7bf13d8d.js';
-import NavigationButtons from './index-1575e926.js';
-import ContentItemWrapper from './index-0ec4b4b5.js';
+import Toolbar from './index-9eaf088d.js';
+import NavigationButtons from './index-9533ad8d.js';
+import ContentItemWrapper from './index-8a3121ef.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,101 +28,101 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-46c0845b.js';
-import './index-239d9fe3.js';
-import './index-5677c521.js';
-import './index-f849e88f.js';
-import './index-8b6bdb98.js';
+import './index-f7540a8c.js';
+import './index-83a1472f.js';
+import './index-9fb5f73c.js';
+import './index-fca26bd4.js';
+import './index-844e7953.js';
 import 'sift';
-import './index-92e3110f.js';
-import './index-f52a7cf7.js';
-import './index-da140485.js';
-import './index-a6a35aa7.js';
-import './index.module-15ba7d7f.js';
-import './index-e32104b8.js';
-import './index-ce163ef2.js';
+import './index-a2c41313.js';
+import './index-fbf10387.js';
+import './index-9547465c.js';
+import './index-0c5322b3.js';
+import './index.module-fd14d43f.js';
+import './index-4e0484c5.js';
+import './index-4fb75465.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-1f531cef.js';
+import './index-46bef0a4.js';
 import 'react-dropdown';
-import './index-cf2abf74.js';
-import './index-f6329854.js';
-import './index-00e66224.js';
-import './index-a338b2b9.js';
+import './index-c001685f.js';
+import './index-2b730433.js';
+import './index-d8cc0435.js';
+import './index-de63b8ad.js';
 import '@crystaldesign/content-box';
-import './index-54c03b1a.js';
-import './index-1749bf6d.js';
-import './index-e25c6378.js';
-import './index-ba634ed4.js';
+import './index-5b8d0846.js';
+import './index-ed663609.js';
+import './index-a55788ad.js';
+import './index-b612ef16.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-95829ece.js';
-import './index-aeaec503.js';
-import './index-001102a4.js';
-import './index-d8e5f368.js';
-import './index-11c46bb3.js';
-import './index-5824c3f2.js';
-import './index-0537b53e.js';
+import './UnlockCard-55b6cf16.js';
+import './index-5075d129.js';
+import './index-1a71d4ca.js';
+import './index-bdcc6d64.js';
+import './index-aaffd6c5.js';
+import './index-330c8bb3.js';
+import './index-077a1ebf.js';
 import 'react-laag';
-import './index.module-75cb899b.js';
-import './index-e009467d.js';
-import './index-eff2f087.js';
-import './index-d54804e6.js';
-import './index-87508507.js';
-import './index-3cda49fa.js';
-import './index.module-20633928.js';
-import './index-46e374df.js';
-import './index-4ac6fed3.js';
-import './index-06dfd05b.js';
-import './index-2b631541.js';
-import './index-eaf6d3cd.js';
-import './index-31a49f1e.js';
-import './index-2446b78f.js';
-import './index-dfa46a6d.js';
-import './index-a1cf5b0c.js';
-import './index-86045983.js';
-import './index-862ef48e.js';
-import './index-71647dec.js';
-import './index-583b1598.js';
+import './index.module-79e7c664.js';
+import './index-dd1edbfb.js';
+import './index-b01bbe74.js';
+import './index-7e80bcf0.js';
+import './index-9ae4011c.js';
+import './index-f1aad575.js';
+import './index.module-e08fa9ee.js';
+import './index-fe112199.js';
+import './index-2d1df531.js';
+import './index-b0815a50.js';
+import './index-410e96c5.js';
+import './index-40a51cdd.js';
+import './index-eb2493e6.js';
+import './index-a9536de9.js';
+import './index-f9833bfa.js';
+import './index-995b82c2.js';
+import './index-86359ec0.js';
+import './index-1712e23a.js';
+import './index-4a0ad231.js';
+import './index-1f4522e3.js';
 import 'rc-slider';
-import './index-84b38885.js';
-import './index-05c0c426.js';
-import './index-23914e64.js';
-import './index-663abc22.js';
-import './index-1fe1c590.js';
+import './index-65f14257.js';
+import './index-bbae16f0.js';
+import './index-1ba35ace.js';
+import './index-a6bef904.js';
+import './index-c6f61e98.js';
 import 'react-confetti-explosion';
-import './index-f13683f8.js';
-import './index-bcddfa29.js';
-import './index-0a33eba8.js';
+import './index-3cbf3610.js';
+import './index-cfc5375b.js';
+import './index-6dabc1c1.js';
 import 'react-qr-code';
-import './index-4ea44065.js';
-import './useCustomDimensions-1ca10c4b.js';
-import './index-eb1942e7.js';
-import './ussIsSticky-08302f6c.js';
-import './index-469e1c25.js';
-import './index-6bfab310.js';
-import './index-170645bf.js';
-import './index.module-bced6e59.js';
-import './index-38a8e669.js';
-import './index-95eae214.js';
-import './index-99763020.js';
-import './index-57a918e4.js';
-import './index-c8687548.js';
-import './index-13bf6693.js';
-import './index.module-6e504468.js';
-import './index-8dd3cbee.js';
-import './index-37bc0829.js';
-import './index-f0706d48.js';
-import './index-3742d25a.js';
+import './index-f8653c95.js';
+import './useCustomDimensions-93627a9c.js';
+import './index-7e08f842.js';
+import './ussIsSticky-e9168752.js';
+import './index-7a786ddc.js';
+import './index-1cd455c5.js';
+import './index-e8271230.js';
+import './index.module-29bcdccf.js';
+import './index-af26b7d1.js';
+import './index-251955d3.js';
+import './index-defc4426.js';
+import './index-4a041a42.js';
+import './index-41419c7a.js';
+import './index-c825cfa9.js';
+import './index.module-420220cd.js';
+import './index-13b86af6.js';
+import './index-62e4c551.js';
+import './index-e39eb11b.js';
+import './index-62a35c07.js';
 import '@mui/material';
-import './index-9f7c09f4.js';
-import './index-1a9c6bcb.js';
-import './index-16a69204.js';
-import './index-ef68554d.js';
-import './index-0d97e16b.js';
-import './index-33308aa4.js';
+import './index-c1e816bc.js';
+import './index-11ac5ca8.js';
+import './index-9b738bd8.js';
+import './index-7f5833ce.js';
+import './index-57755700.js';
+import './index-e9870b00.js';
 import 'react-dom';
-import './index-ed76fd83.js';
+import './index-2f5bc216.js';
 import 'react-rnd';
 import '@crystaldesign/content-item';
 

package/build/esm/{index-04818a4c.js → index-0173bf4f.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-6faebfc9.js';
+import { u as useViewHandler } from './index-0f623dc4.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation } from '@crystaldesign/diva-core';
-import ConceptGallery from './index-6f875c13.js';
+import ConceptGallery from './index-456056fd.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -24,11 +24,11 @@ import 'react-switch';
 import 'react-countup';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-52fc42ab.js';
-import './index-e32104b8.js';
+import './index-72bbd010.js';
+import './index-4e0484c5.js';
 import 'react-collapsible';
-import './index-c0c9a299.js';
-import './index-5605b87e.js';
+import './index-fe6fe4ec.js';
+import './index-8439d34f.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; }

package/build/esm/{index-752a63a2.js → index-021d51d3.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-6faebfc9.js';
+import { u as useViewHandler } from './index-0f623dc4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-92b62855.js → index-028ef6fe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-0f623dc4.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';

package/build/esm/{index-7f81999e.js → index-04a6c011.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-ecbb0954.js → index-04dff312.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-ac3eedb8.js → index-07125b9c.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-e66342e2.js';
-import PriceSumm from './index-e1c2e574.js';
+import ActionNavigation from './index-72573c04.js';
+import PriceSumm from './index-968853cf.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-e02cde81.js';
+import './index.module-9b94a6ae.js';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-0537b53e.js → index-077a1ebf.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-0f623dc4.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-75cb899b.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-79e7c664.js';
 import classnames from 'classnames';
-import IsActive from './index-e009467d.js';
+import IsActive from './index-dd1edbfb.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-e32104b8.js';
-import ReverseCheck from './index-ce163ef2.js';
+import InfoIcon from './index-4e0484c5.js';
+import ReverseCheck from './index-4fb75465.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-7190b08a.js → index-082175b1.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-6faebfc9.js';
+import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-d493f5dd.js';
+import NavBar from './index-72b12d8b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";