@crystaldesign/diva-web-planner-react 24.15.0-beta.51 → 24.15.0-beta.53

package/build/esm/{ArticleProperties-31eb3d14.js → ArticleProperties-04d25b27.js}

@@ -1,4 +1,4 @@
-import './index-f1daecfd.js';
+import './index-7ef1a244.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-c1d443e8.js → CatalogProperties-a4b96956.js}

@@ -1,4 +1,4 @@
-import './index-f1daecfd.js';
+import './index-7ef1a244.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-623b595c.js → IconHandler-f20cb00e.js}

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

package/build/esm/{OptionProperties-77fa1032.js → OptionProperties-56f82e2a.js}

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

package/build/esm/{OptionValueProperties-9365ae5f.js → OptionValueProperties-a1fb9c6f.js}

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

package/build/esm/{Planner2DGrid-f528ba12.js → Planner2DGrid-b379be96.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-f1daecfd.js';
+import './index-7ef1a244.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -408,14 +408,15 @@ var Planner2DGrid = /*#__PURE__*/function () {
     value: function calcZoomFactor(boundingBox) {
       var factor = 1;
       var aspectRatioBBox = boundingBox.size.x / boundingBox.size.z;
-      var aspectRatioScreen = this.canvas.getWidth() / this.canvas.getHeight();
+      var height = this.canvas.getHeight() - 62;
+      var aspectRatioScreen = this.canvas.getWidth() / height;
       if (aspectRatioBBox >= aspectRatioScreen) {
         factor = this.canvas.getWidth() * this.borderFactorHori / boundingBox.size.x;
         //Sometimes there are problems with the height when the screen is not high enough. This causes the dimension lines to overlap with the navigation icons on the ground.
         //Therefore check if it is enough space up and down
-        LOG.debug('ATTENTION: ' + (this.canvas.getHeight() - boundingBox.size.z * DivaUtils.UnitRecalc / factor));
+        LOG.debug('ATTENTION: ' + (height - boundingBox.size.z * DivaUtils.UnitRecalc / factor));
       } else {
-        factor = this.canvas.getHeight() * this.borderFactorVert / boundingBox.size.z;
+        factor = height * this.borderFactorVert / boundingBox.size.z;
       }
 
       //Do not change the zoom if it only changes a little bit (e.g. when changing the size of an arm rest)

package/build/esm/{Planner3DImage-f9d5f9a0.js → Planner3DImage-055bdca9.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-f1daecfd.js';
+import './index-7ef1a244.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-e9f58f5c.js → index-02c7ad84.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f1daecfd.js';
+import { s as styleInject, u as useViewHandler } from './index-7ef1a244.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-171725af.js';
+import { S as SettingsItem } from './index-541dc224.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,56 +18,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-4d4e983b.js';
-import './index-c48e84b7.js';
-import './index-ce125bdf.js';
-import './index-3e61b31a.js';
-import './index-76ef22eb.js';
-import './index.module-a186cf98.js';
-import './index-f9efebb3.js';
+import './index-c367c9a1.js';
+import './index-d1e96d83.js';
+import './index-7d266bcc.js';
+import './index-f139044f.js';
+import './index-c981fd14.js';
+import './index.module-ff96b180.js';
+import './index-4190ad9f.js';
 import 'react-switch';
-import './index-b37e2deb.js';
-import './index-32bf91d1.js';
-import './index-88063a94.js';
+import './index-14e9a40b.js';
+import './index-d02c612d.js';
+import './index-326eb6db.js';
 import 'react-dropdown';
-import './index-695a66d6.js';
+import './index-af295aa0.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4e960108.js';
-import './index-c1fb5bb4.js';
-import './index-5aec4aa6.js';
+import './index-091aedbd.js';
+import './index-b29bfd18.js';
+import './index-e9adeac0.js';
 import '@crystaldesign/content-box';
-import './index-7aadde43.js';
-import './index-868c2c19.js';
-import './index-f8215c23.js';
-import './index-7a1607bc.js';
-import './index-fcbf1a03.js';
+import './index-37661f03.js';
+import './index-33d9ca2c.js';
+import './index-4e97127e.js';
+import './index-4fe9fb6b.js';
+import './index-4b2dfe52.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-14d9b152.js';
-import './index-70aeb29c.js';
-import './index-e620f5f9.js';
+import './index-cc4f4bac.js';
+import './index-542fa2a7.js';
+import './index-18167c04.js';
 import 'react-laag';
-import './index-f0d272f2.js';
-import './index-9d8c5493.js';
-import './index-a0474fbd.js';
-import './index-d34cdb80.js';
-import './index-9479ebda.js';
-import './index-15aed12a.js';
-import './index-808b4880.js';
-import './index-eb1f0c47.js';
-import './index-edea65e2.js';
-import './index-0b5920c1.js';
-import './index.module-cb2da2f5.js';
-import './index-4ed97ded.js';
-import './index-98a8cd7e.js';
-import './index-d2f4434a.js';
-import './index-850d3bd7.js';
-import './index-aeae6f9e.js';
-import './index-e4920c6f.js';
-import './index-c644c1de.js';
-import './index.module-e4cd7548.js';
-import './index-3017b4c0.js';
-import './index-05c2d711.js';
+import './index-25c16c6c.js';
+import './index-53b85f84.js';
+import './index-fdced392.js';
+import './index-d85655a2.js';
+import './index-cad534c5.js';
+import './index-a20c6035.js';
+import './index-5c55928f.js';
+import './index-70392eb6.js';
+import './index-f92f957e.js';
+import './index-811fe015.js';
+import './index.module-ce476db3.js';
+import './index-a0efcaae.js';
+import './index-4e71c87e.js';
+import './index-d7d72c17.js';
+import './index-746ee54d.js';
+import './index-506d895e.js';
+import './index-82d2c5ac.js';
+import './index-b4267273.js';
+import './index.module-a386ffe6.js';
+import './index-5ae228d5.js';
+import './index-444c0a36.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-225fd1fe.js → index-03476643.js}

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f1daecfd.js';
+import { s as styleInject, u as useViewHandler } from './index-7ef1a244.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-5398b93c.js';
-import Product from './index-3aa6589d.js';
-import Settings from './index-c7f6f497.js';
-import TabGroup from './index-ce8dca0c.js';
-import NavigationButtons from './index-8193dca4.js';
+import Inputbox from './index-5ead141a.js';
+import Product from './index-47b6fbf3.js';
+import Settings from './index-75a9d3e0.js';
+import TabGroup from './index-429c19cc.js';
+import NavigationButtons from './index-cdf0f0e2.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-0862fe09.js';
+import BasketActionStandard from './index-d4791a23.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-062bec99.js';
-import ProgressBar from './index-9745aa90.js';
-import BarrierActions from './index-58f6d474.js';
+import BasketMobile from './index-6baa5dcc.js';
+import ProgressBar from './index-f511e616.js';
+import BarrierActions from './index-4ecce15c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,69 +26,69 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-2e139d0e.js';
-import './index-c48e84b7.js';
-import './index-ffb19ab4.js';
-import './index-6abd2fab.js';
-import './index-e3666cfc.js';
+import './index-f9414039.js';
+import './index-d1e96d83.js';
+import './index-edb26233.js';
+import './index-fa556dfb.js';
+import './index-7b756785.js';
 import 'react-laag';
-import './index-b3c2e1d4.js';
-import './index-a2dd2c16.js';
-import './index-171725af.js';
+import './index-6f329eeb.js';
+import './index-a6899e9f.js';
+import './index-541dc224.js';
 import 'sift';
-import './index-4d4e983b.js';
-import './index-ce125bdf.js';
-import './index-3e61b31a.js';
-import './index-76ef22eb.js';
-import './index.module-a186cf98.js';
-import './index-f9efebb3.js';
+import './index-c367c9a1.js';
+import './index-7d266bcc.js';
+import './index-f139044f.js';
+import './index-c981fd14.js';
+import './index.module-ff96b180.js';
+import './index-4190ad9f.js';
 import 'react-switch';
-import './index-b37e2deb.js';
-import './index-32bf91d1.js';
-import './index-88063a94.js';
+import './index-14e9a40b.js';
+import './index-d02c612d.js';
+import './index-326eb6db.js';
 import 'react-dropdown';
-import './index-695a66d6.js';
-import './index-4e960108.js';
-import './index-c1fb5bb4.js';
-import './index-5aec4aa6.js';
+import './index-af295aa0.js';
+import './index-091aedbd.js';
+import './index-b29bfd18.js';
+import './index-e9adeac0.js';
 import '@crystaldesign/content-box';
-import './index-7aadde43.js';
-import './index-868c2c19.js';
-import './index-f8215c23.js';
-import './index-7a1607bc.js';
-import './index-fcbf1a03.js';
+import './index-37661f03.js';
+import './index-33d9ca2c.js';
+import './index-4e97127e.js';
+import './index-4fe9fb6b.js';
+import './index-4b2dfe52.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-14d9b152.js';
-import './index-70aeb29c.js';
-import './index-e620f5f9.js';
-import './index-f0d272f2.js';
-import './index-9d8c5493.js';
-import './index-a0474fbd.js';
-import './index-d34cdb80.js';
-import './index-9479ebda.js';
-import './index-15aed12a.js';
-import './index-808b4880.js';
-import './index-eb1f0c47.js';
-import './index-edea65e2.js';
-import './index-0b5920c1.js';
-import './index.module-cb2da2f5.js';
-import './index-4ed97ded.js';
-import './index-98a8cd7e.js';
-import './index-d2f4434a.js';
-import './index-850d3bd7.js';
-import './index-aeae6f9e.js';
-import './index-e4920c6f.js';
-import './index-c644c1de.js';
-import './index.module-e4cd7548.js';
-import './index-3017b4c0.js';
-import './index-05c2d711.js';
-import './index-c870d5b6.js';
-import './index-2a2133cc.js';
-import './index-f1992ec3.js';
-import './index-30b72000.js';
-import './index-af0b025d.js';
-import './index-6823edc9.js';
+import './index-cc4f4bac.js';
+import './index-542fa2a7.js';
+import './index-18167c04.js';
+import './index-25c16c6c.js';
+import './index-53b85f84.js';
+import './index-fdced392.js';
+import './index-d85655a2.js';
+import './index-cad534c5.js';
+import './index-a20c6035.js';
+import './index-5c55928f.js';
+import './index-70392eb6.js';
+import './index-f92f957e.js';
+import './index-811fe015.js';
+import './index.module-ce476db3.js';
+import './index-a0efcaae.js';
+import './index-4e71c87e.js';
+import './index-d7d72c17.js';
+import './index-746ee54d.js';
+import './index-506d895e.js';
+import './index-82d2c5ac.js';
+import './index-b4267273.js';
+import './index.module-a386ffe6.js';
+import './index-5ae228d5.js';
+import './index-444c0a36.js';
+import './index-9e76966a.js';
+import './index-cdf2ea98.js';
+import './index-367cd86e.js';
+import './index-b702934e.js';
+import './index-f4fe9f77.js';
+import './index-24e2be54.js';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";

package/build/esm/{index-609b0ded.js → index-0349a9bf.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-f1daecfd.js';
+import { u as useViewHandler } from './index-7ef1a244.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-a6083b9c.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-07fd5176.js';
+import { n as notExpanded } from './index.module-d61ef4d6.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-d86d5249.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-8e11a78f.js → index-047ccaf9.js}

@@ -2,15 +2,15 @@ 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-f1daecfd.js';
+import { s as styleInject, u as useViewHandler } from './index-7ef1a244.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-f0d272f2.js';
-import GenericToolTip from './index-9d8c5493.js';
-import SubTabGroup from './index-a98134e5.js';
+import MetaData from './index-25c16c6c.js';
+import GenericToolTip from './index-53b85f84.js';
+import SubTabGroup from './index-f771ec19.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,57 +20,57 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-32bf91d1.js';
+import './index-d02c612d.js';
 import 'react-collapsible';
-import './index-d4427694.js';
-import './index-171725af.js';
+import './index-643d1cf4.js';
+import './index-541dc224.js';
 import 'sift';
-import './index-4d4e983b.js';
-import './index-c48e84b7.js';
-import './index-ce125bdf.js';
-import './index-3e61b31a.js';
-import './index-76ef22eb.js';
-import './index.module-a186cf98.js';
-import './index-f9efebb3.js';
+import './index-c367c9a1.js';
+import './index-d1e96d83.js';
+import './index-7d266bcc.js';
+import './index-f139044f.js';
+import './index-c981fd14.js';
+import './index.module-ff96b180.js';
+import './index-4190ad9f.js';
 import 'react-switch';
-import './index-b37e2deb.js';
-import './index-88063a94.js';
+import './index-14e9a40b.js';
+import './index-326eb6db.js';
 import 'react-dropdown';
-import './index-695a66d6.js';
+import './index-af295aa0.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4e960108.js';
-import './index-c1fb5bb4.js';
-import './index-5aec4aa6.js';
+import './index-091aedbd.js';
+import './index-b29bfd18.js';
+import './index-e9adeac0.js';
 import '@crystaldesign/content-box';
-import './index-7aadde43.js';
-import './index-868c2c19.js';
-import './index-f8215c23.js';
-import './index-7a1607bc.js';
-import './index-fcbf1a03.js';
+import './index-37661f03.js';
+import './index-33d9ca2c.js';
+import './index-4e97127e.js';
+import './index-4fe9fb6b.js';
+import './index-4b2dfe52.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-14d9b152.js';
-import './index-70aeb29c.js';
-import './index-e620f5f9.js';
-import './index-a0474fbd.js';
-import './index-d34cdb80.js';
-import './index-9479ebda.js';
-import './index-15aed12a.js';
-import './index-808b4880.js';
-import './index-eb1f0c47.js';
-import './index-edea65e2.js';
-import './index-0b5920c1.js';
-import './index.module-cb2da2f5.js';
-import './index-4ed97ded.js';
-import './index-98a8cd7e.js';
-import './index-d2f4434a.js';
-import './index-850d3bd7.js';
-import './index-aeae6f9e.js';
-import './index-e4920c6f.js';
-import './index-c644c1de.js';
-import './index.module-e4cd7548.js';
-import './index-3017b4c0.js';
-import './index-05c2d711.js';
+import './index-cc4f4bac.js';
+import './index-542fa2a7.js';
+import './index-18167c04.js';
+import './index-fdced392.js';
+import './index-d85655a2.js';
+import './index-cad534c5.js';
+import './index-a20c6035.js';
+import './index-5c55928f.js';
+import './index-70392eb6.js';
+import './index-f92f957e.js';
+import './index-811fe015.js';
+import './index.module-ce476db3.js';
+import './index-a0efcaae.js';
+import './index-4e71c87e.js';
+import './index-d7d72c17.js';
+import './index-746ee54d.js';
+import './index-506d895e.js';
+import './index-82d2c5ac.js';
+import './index-b4267273.js';
+import './index.module-a386ffe6.js';
+import './index-5ae228d5.js';
+import './index-444c0a36.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-570cf0f9.js → index-068e2e9b.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-f1daecfd.js';
+import { s as styleInject, u as useViewHandler } from './index-7ef1a244.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-4e960108.js → index-091aedbd.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f1daecfd.js';
+import { s as styleInject, u as useViewHandler } from './index-7ef1a244.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-c1fb5bb4.js';
+import Arrow from './index-b29bfd18.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-33d1e117.js → index-0968eed4.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-f1daecfd.js';
+import { a as usePlannerUIHandler } from './index-7ef1a244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-1fa3d2de.js → index-0a2b69ed.js}

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

package/build/esm/{index-abb8e744.js → index-0a33fc35.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-f1daecfd.js';
+import { u as useViewHandler } from './index-7ef1a244.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-be01bda7.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-fe913741.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8d1ba725.js → index-0a54b945.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f1daecfd.js';
+import { s as styleInject } from './index-7ef1a244.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';