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

package/build/esm/{index-15e140dd.js → index-9cae1750.js}

@@ -1,8 +1,8 @@
-import './index-9aaaaa0b.js';
+import './index-9aead945.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-118eabbb.js';
-import SVGSourceViewer from './index-af1b35ce.js';
+import SVGOverview from './index-d0285a29.js';
+import SVGSourceViewer from './index-d80c6a9d.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-6dd5f51f.js';
+import './index.module-ff86538c.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-19497d9c.js → index-9feb54cd.js}

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

package/build/esm/{index-a4b8f275.js → index-a0126d20.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-9aaaaa0b.js';
+import { s as styleInject, u as useViewHandler } from './index-9aead945.js';
 import { useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-970c20b0.js → index-a1ed94c8.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-9aaaaa0b.js';
+import { s as styleInject } from './index-9aead945.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-8a5b35a0.js → index-a2c01f6b.js}

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

package/build/esm/{index-48842ac6.js → index-a34444af.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-9aaaaa0b.js';
+import { s as styleInject, u as useViewHandler } from './index-9aead945.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-a8e6f613.js';
-import ProductCenter from './index-d48d4a44.js';
-import ContentItemWrapper from './index-f93ad41d.js';
+import CheckoutFormNew from './index-29371f4d.js';
+import ProductCenter from './index-2c34b947.js';
+import ContentItemWrapper from './index-4cfa3968.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,28 +19,28 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-4cbe60d0.js';
+import './index-d75daeb8.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-657e0084.js';
-import './index-676d75cb.js';
-import './index-326ca6d6.js';
-import './index-a8511c93.js';
-import './index.module-de80e5ff.js';
-import './index-d15bca41.js';
-import './index-341133f1.js';
-import './index-d7e122f2.js';
-import './index-00f8b204.js';
-import './index-858207c4.js';
-import './index-2cdf4cdc.js';
+import './index-5374403c.js';
+import './index-350ee03c.js';
+import './index-5a8b04db.js';
+import './index-20898fe7.js';
+import './index.module-3a4332f6.js';
+import './index-1be27976.js';
+import './index-f85c0388.js';
+import './index-72d45456.js';
+import './index-769d91ef.js';
+import './index-3af13fc1.js';
+import './index-369f6295.js';
 import '@crystaldesign/content-box';
-import './index-cd65bd81.js';
-import './index-1305c3d6.js';
-import './index-68090919.js';
+import './index-1dbfc63f.js';
+import './index-8481de64.js';
+import './index-992c0caf.js';
 import 'react-laag';
-import './index-2af027a3.js';
+import './index-20c10ed3.js';
 import 'react-qr-code';
-import './index-879ab773.js';
+import './index-c75bade7.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-c1b97dfa.js → index-a5e5eaa0.js}

@@ -1,11 +1,11 @@
-import { u as useViewHandler } from './index-9aaaaa0b.js';
+import { u as useViewHandler } from './index-9aead945.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-e83c960d.js';
-import Toggle from './index-4cbe60d0.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-931613f0.js';
+import Toggle from './index-d75daeb8.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-59aaa5b0.js';
-import PricePreview from './index-b8820b35.js';
+import InfoIcon from './index-1bdf22ec.js';
+import PricePreview from './index-a9cff6d0.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a5e16f2e.js → index-a8aa253c.js}

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

package/build/esm/{index-901fcab2.js → index-a921f0dc.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-9aaaaa0b.js';
+import { u as useViewHandler } from './index-9aead945.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-c22b477f.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b46f7ab9.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-84a41392.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f1b709a1.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-8db2a295.js';
+import IsActive from './index-1b202c25.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-8e98a9ae.js';
-import GenericToolTip from './index-b4fcea85.js';
-import InfoIcon from './index-59aaa5b0.js';
-import PricePreview from './index-b8820b35.js';
+import MetaData from './index-c4bc80c6.js';
+import GenericToolTip from './index-6fe52eaa.js';
+import InfoIcon from './index-1bdf22ec.js';
+import PricePreview from './index-a9cff6d0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-b8820b35.js → index-a9cff6d0.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-9aaaaa0b.js';
+import { s as styleInject, u as useViewHandler } from './index-9aead945.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-3929e673.js → index-aa2d8fcc.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-9aaaaa0b.js';
+import { s as styleInject, u as useViewHandler } from './index-9aead945.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-dd642b9f.js';
+import { g as getIconOfTabGroup } from './IconHandler-81417545.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d65b8041.js → index-aa3977a3.js}

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

package/build/esm/{index-204b5355.js → index-aa8a0815.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-9aaaaa0b.js';
+import { s as styleInject } from './index-9aead945.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-05c8e1bf.js → index-ac58d255.js}

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

package/build/esm/{index-713230b7.js → index-acc6aabd.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-9aaaaa0b.js';
+import { s as styleInject, u as useViewHandler } from './index-9aead945.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-3929e673.js';
+import VerticalTabGroupItemStandard from './index-aa2d8fcc.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-dd642b9f.js';
+import './IconHandler-81417545.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-cb443cee.js → index-ad81fbc1.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-9aaaaa0b.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-9aead945.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-6d90b176.js → index-ae79ed74.js}

@@ -1,23 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-9aaaaa0b.js';
+import { u as useViewHandler } from './index-9aead945.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-ab25f5a3.js';
-import Sidebar from './index-970c20b0.js';
-import OptionTree from './index-18df7ee7.js';
-import PartListTable from './index-3beecfdd.js';
-import MaskEditor from './index-c3e0678a.js';
-import SVGAnalyzer from './index-1f018de1.js';
-import { l as list } from './index.module-17c56512.js';
-import EkTextViewer from './index-37a6d193.js';
-import CatalogMakeup from './index-198d8868.js';
-import PartListAnalyzer from './index-6656327d.js';
-import RTVAnalyzer from './index-ade76040.js';
-import J3DEditor from './index-086a7d67.js';
-import PropertiesEditor from './index-695d2a74.js';
-import ArticleOverview from './index-c6f5f804.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Product from './index-e6af33c4.js';
+import Sidebar from './index-a1ed94c8.js';
+import OptionTree from './index-76bd446f.js';
+import PartListTable from './index-6636af3c.js';
+import MaskEditor from './index-b81d3c44.js';
+import SVGAnalyzer from './index-1b80496f.js';
+import { l as list } from './index.module-6e381be9.js';
+import EkTextViewer from './index-2d733456.js';
+import CatalogMakeup from './index-18c19b62.js';
+import PartListAnalyzer from './index-3ce1b87b.js';
+import RTVAnalyzer from './index-be118c7a.js';
+import J3DEditor from './index-c621fbd8.js';
+import PropertiesEditor from './index-315d0275.js';
+import ArticleOverview from './index-38a1a5e2.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -30,103 +30,103 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-8a5b35a0.js';
-import './index-f93ad41d.js';
+import './index-a2c01f6b.js';
+import './index-4cfa3968.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-983a7b10.js';
-import './index-dbabb763.js';
+import './index-82936488.js';
+import './index-4403bebf.js';
 import 'sift';
-import './index-aa192105.js';
-import './index-45f61097.js';
-import './index-d65b8041.js';
-import './index-19ac5aa2.js';
-import './index-b8b6eb52.js';
-import './index.module-e83c960d.js';
-import './index-4cbe60d0.js';
+import './index-6e35073d.js';
+import './index-93dbba97.js';
+import './index-aa3977a3.js';
+import './index-5393731b.js';
+import './index-15426cf5.js';
+import './index.module-931613f0.js';
+import './index-d75daeb8.js';
 import 'react-switch';
-import './index-59aaa5b0.js';
-import './index-b8820b35.js';
-import './index-317b9320.js';
+import './index-1bdf22ec.js';
+import './index-a9cff6d0.js';
+import './index-b5ae2344.js';
 import 'react-dropdown';
-import './index-f4be2567.js';
-import './index-497b8dc9.js';
-import './index-e53908ca.js';
-import './index-47097665.js';
+import './index-6fed4d43.js';
+import './index-31913c09.js';
+import './index-06fab043.js';
+import './index-9ad2c8d1.js';
 import '@crystaldesign/content-box';
-import './index-5c9820b0.js';
-import './index-f3547d71.js';
-import './index-9ef51110.js';
-import './index-c1b97dfa.js';
-import './index-84580c5c.js';
-import './index-be1d192d.js';
+import './index-6ef78220.js';
+import './index-79cf1cc5.js';
+import './index-dd82cb61.js';
+import './index-a5e5eaa0.js';
+import './index-6fccb1aa.js';
+import './index-3bc6faf0.js';
 import 'react-laag';
-import './index-8e98a9ae.js';
-import './index-b4fcea85.js';
-import './index-086c91a5.js';
-import './index-15289208.js';
-import './index-245fc18f.js';
-import './index-771a8f5a.js';
-import './index-9e4d6bd0.js';
-import './index-87e82c9b.js';
-import './index-8f78cd6c.js';
-import './index-85018d5c.js';
-import './index.module-c22b477f.js';
-import './index-8db2a295.js';
-import './index-fceb3022.js';
-import './index-5ea1ff57.js';
-import './index-b6dd6808.js';
-import './index-425d7bd3.js';
-import './index-75d64ae9.js';
-import './index-3bc99029.js';
-import './index.module-b46f7ab9.js';
-import './index-f8821f24.js';
-import './index-44e1f7a0.js';
-import './index-d48d4a44.js';
-import './index-676d75cb.js';
-import './index-326ca6d6.js';
-import './index-a8511c93.js';
-import './index.module-de80e5ff.js';
-import './index-d15bca41.js';
-import './index-341133f1.js';
-import './index-d7e122f2.js';
-import './index-00f8b204.js';
-import './index-858207c4.js';
-import './index-2cdf4cdc.js';
-import './index-cd65bd81.js';
-import './index-1305c3d6.js';
-import './index-68090919.js';
-import './index-2af027a3.js';
+import './index-c4bc80c6.js';
+import './index-6fe52eaa.js';
+import './index-2411a0f4.js';
+import './index-37ad8c97.js';
+import './index-3af712cb.js';
+import './index-3b4eb23e.js';
+import './index-eab5e43e.js';
+import './index-fdfddd37.js';
+import './index-e6ee22c3.js';
+import './index-0890094a.js';
+import './index.module-84a41392.js';
+import './index-1b202c25.js';
+import './index-cf254027.js';
+import './index-623d43d9.js';
+import './index-6948a23e.js';
+import './index-e342d1aa.js';
+import './index-bafb2229.js';
+import './index-b751bdd8.js';
+import './index.module-f1b709a1.js';
+import './index-6027b413.js';
+import './index-56f3c7d5.js';
+import './index-2c34b947.js';
+import './index-350ee03c.js';
+import './index-5a8b04db.js';
+import './index-20898fe7.js';
+import './index.module-3a4332f6.js';
+import './index-1be27976.js';
+import './index-f85c0388.js';
+import './index-72d45456.js';
+import './index-769d91ef.js';
+import './index-3af13fc1.js';
+import './index-369f6295.js';
+import './index-1dbfc63f.js';
+import './index-8481de64.js';
+import './index-992c0caf.js';
+import './index-20c10ed3.js';
 import 'react-qr-code';
-import './index-879ab773.js';
-import './index-e6f9c59d.js';
-import './index-9b363db1.js';
-import './index-dbf4baba.js';
-import './index-ecb050f8.js';
-import './index-4f5f3c28.js';
+import './index-c75bade7.js';
+import './index-2a0efe57.js';
+import './index-b8d85f38.js';
+import './index-04ba2045.js';
+import './index-21f3a564.js';
+import './index-e516d57d.js';
 import 'react-collapsible';
-import './index-92800eb5.js';
-import './index-226588ce.js';
-import './index.module-6b44a877.js';
+import './index-0727ab48.js';
+import './index-8c0a1cf3.js';
+import './index.module-0654980b.js';
 import 'react-json-view-lite';
-import './react-json-viewer-50b7d595.js';
-import './index.module-74e3c610.js';
+import './react-json-viewer-c8eff54d.js';
+import './index.module-1ef3051b.js';
 import 'jsoneditor';
-import './index-eb8dd5cb.js';
-import './index-15e140dd.js';
-import './index-118eabbb.js';
-import './index.module-6dd5f51f.js';
-import './index-af1b35ce.js';
-import './index-a297adc7.js';
-import './index.module-c9417fc8.js';
-import './index-c019fa74.js';
-import './index-480d09d8.js';
-import './index-63ea63b4.js';
-import './CatalogProperties-8ce5a7af.js';
-import './ArticleProperties-7943f89e.js';
-import './OptionProperties-2c5319d4.js';
-import './OptionValueProperties-1c25dbdb.js';
+import './index-00ef4dc4.js';
+import './index-9cae1750.js';
+import './index-d0285a29.js';
+import './index.module-ff86538c.js';
+import './index-d80c6a9d.js';
+import './index-d2350ce3.js';
+import './index.module-83a2154d.js';
+import './index-423119e7.js';
+import './index-7fb9c87e.js';
+import './index-cf2363de.js';
+import './CatalogProperties-8125defa.js';
+import './ArticleProperties-dbe02c83.js';
+import './OptionProperties-76245d15.js';
+import './OptionValueProperties-7c9143b1.js';
 import 'react-select';
 
 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; }
@@ -161,12 +161,6 @@ var CatalogProduct = function CatalogProduct(_ref) {
   useEffect(function () {
     if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
   }, []);
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/jsx(Product, _objectSpread(_objectSpread({}, props), {}, {
-    style: {
-      boxSizing: 'border-box',
-      borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
-    }
-  }));
   var activeWindow = undefined;
   var classname = props.className + ' ' + list;
   switch (viewHandler.uiState.activeCatalogSection) {
@@ -228,9 +222,6 @@ var CatalogProduct = function CatalogProduct(_ref) {
       }));
       break;
   }
-  if (viewHandler.uiState.activeCatalogSection !== '3D/2D' && !viewHandler.divaWebPlanner) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
       currentWindowActive: viewHandler.uiState.activeCatalogSection,

package/build/esm/{index-c45c442d.js → index-aef37e72.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-9aaaaa0b.js';
+import { s as styleInject } from './index-9aead945.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-08fdca1c.js → index-afd09869.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-9aaaaa0b.js';
+import { u as useViewHandler } from './index-9aead945.js';
 import classnames from 'classnames';
 import { useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';