@crystaldesign/diva-web-planner-react 25.1.0-beta.3 → 25.1.0-beta.30

package/build/esm/{ArticleProperties-21f75d0a.js → ArticleProperties-d3919009.js}

@@ -1,4 +1,4 @@
-import './index-943111a1.js';
+import './index-b78f1ec2.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-2b1aa021.js → CatalogProperties-99964188.js}

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

package/build/esm/{IconHandler-a893f98b.js → IconHandler-c8fa5b1e.js}

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

package/build/esm/{OptionProperties-8e80e8c4.js → OptionProperties-f4de7e4f.js}

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

package/build/esm/{OptionValueProperties-c2f866fe.js → OptionValueProperties-d588ea53.js}

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

package/build/esm/{Planner2DGrid-b8873f7b.js → Planner2DGrid-61a0f21a.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-943111a1.js';
+import './index-b78f1ec2.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-f69fc84f.js → Planner3DImage-f2a051a8.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-943111a1.js';
+import './index-b78f1ec2.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -593,9 +593,9 @@ var Planner3DImageUI = /*#__PURE__*/function () {
     key: "addPosNrUI",
     value: function addPosNrUI(plannerUIHandler, element, posXPercent, posYPercent, elemIsSelected, elemIsSelectable) {
       if (posXPercent < 0) posXPercent = 0;
-      if (posXPercent > 100) posXPercent = 100;
+      if (posXPercent > 93) posXPercent = 93;
       if (posYPercent < 0) posYPercent = 0;
-      if (posYPercent > 100) posYPercent = 100;
+      if (posYPercent > 93) posYPercent = 93;
       plannerUIHandler.addPosNrUI(element.getSetId(), element.getElementId(), element.getIsDockedAccessoire(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getRotDeg(), 1, plannerUIHandler.getPosNrByBasketId(element.getBasketId()).toString(), elemIsSelected ? 'selected' : elemIsSelectable ? 'selectable' : 'unselectable', '3D');
     }
 

package/build/esm/{index-2b72fb2d.js → index-00017af9.js}

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

package/build/esm/{index-b11d1360.js → index-02bcf67d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-4a14043a.js → index-031bb383.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-d9349ddd.js → index-038fb99c.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import 'react';
-import SettingsHeaderContainer from './index-daf20409.js';
-import SettingsScroller from './index-d00b408c.js';
+import SettingsHeaderContainer from './index-349e8d55.js';
+import SettingsScroller from './index-9ee4c2d5.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -18,63 +18,59 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-ba8497c7.js';
-import './index-e8f91ebc.js';
-import './index-88a549ae.js';
+import './index-724484b7.js';
+import './index-04dfc776.js';
+import './index-cb331db5.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4f4efb93.js';
+import './index-8b1f803d.js';
 import 'react-laag';
-import './index-c9a97824.js';
-import './index-543b7f9a.js';
+import './index-ed690ea3.js';
+import './index-ae5eb79f.js';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-433ca253.js';
+import './index-326d5f4c.js';
+import './index-00017af9.js';
+import './index-623bfa8b.js';
+import './index-eb560622.js';
+import './index.module-e6e46ffa.js';
+import './index-1520b63c.js';
 import 'react-switch';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
+import './index-dc9949d8.js';
+import './index-ecb9312b.js';
+import './index-2a1a1971.js';
 import 'react-dropdown';
-import './index-12459b02.js';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
+import './index-2a4e6d7d.js';
+import './index-63de48f0.js';
+import './index-30c554a3.js';
+import './index-da5b8c2c.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
-import './index-b11d1360.js';
+import './index-3674cfbd.js';
+import './index-86ddaafc.js';
+import './index-af943537.js';
+import './index-d7018545.js';
+import './index-65cdc15e.js';
+import './index-164008f2.js';
+import './index-d7c16af8.js';
+import './index-1496b616.js';
+import './index-35674d34.js';
+import './index-becce7a8.js';
+import './index-bff7af08.js';
+import './index-e4e732bc.js';
+import './index-38fe3214.js';
+import './index-a99cb038.js';
+import './index-0ecd1d6c.js';
+import './index-349445f8.js';
+import './index.module-d05cd03c.js';
+import './index-5dc0b240.js';
+import './index-7f1153e0.js';
+import './index-5e4ea34e.js';
+import './index-cb2ef64d.js';
+import './index-5633920e.js';
+import './index-dee2d4ca.js';
+import './index-29b1d115.js';
+import './index.module-63366a4e.js';
+import './index-06ed242d.js';
+import './index-a3a52dac.js';
+import './index-02bcf67d.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/{index-e8f91ebc.js → index-04dfc776.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-388a79ca.js → index-059a3349.js}

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

package/build/esm/{index-b1886ce1.js → index-06ed242d.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-f7bb2230.js';
-import SettingsHeader from './index-ba8497c7.js';
-import ReplaceSwitch from './index-52a43b80.js';
+import StepInfo from './index-5e4ea34e.js';
+import SettingsHeader from './index-724484b7.js';
+import ReplaceSwitch from './index-a3a52dac.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7a7ab7e1.js → index-0786d876.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-b78f1ec2.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-543b7f9a.js';
+import { S as SettingsItem } from './index-ae5eb79f.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,56 +18,52 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-ba8497c7.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-433ca253.js';
+import './index-326d5f4c.js';
+import './index-724484b7.js';
+import './index-00017af9.js';
+import './index-623bfa8b.js';
+import './index-eb560622.js';
+import './index.module-e6e46ffa.js';
+import './index-1520b63c.js';
 import 'react-switch';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
+import './index-dc9949d8.js';
+import './index-ecb9312b.js';
+import './index-2a1a1971.js';
 import 'react-dropdown';
-import './index-12459b02.js';
+import './index-2a4e6d7d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
+import './index-63de48f0.js';
+import './index-30c554a3.js';
+import './index-da5b8c2c.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
+import './index-3674cfbd.js';
+import './index-86ddaafc.js';
+import './index-af943537.js';
+import './index-d7018545.js';
+import './index-65cdc15e.js';
+import './index-164008f2.js';
 import 'react-laag';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
+import './index-d7c16af8.js';
+import './index-1496b616.js';
+import './index-35674d34.js';
+import './index-becce7a8.js';
+import './index-bff7af08.js';
+import './index-e4e732bc.js';
+import './index-38fe3214.js';
+import './index-a99cb038.js';
+import './index-0ecd1d6c.js';
+import './index-349445f8.js';
+import './index.module-d05cd03c.js';
+import './index-5dc0b240.js';
+import './index-7f1153e0.js';
+import './index-5e4ea34e.js';
+import './index-cb2ef64d.js';
+import './index-5633920e.js';
+import './index-dee2d4ca.js';
+import './index-29b1d115.js';
+import './index.module-63366a4e.js';
+import './index-06ed242d.js';
+import './index-a3a52dac.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-ed5f1f58.js → index-07a0f964.js}

@@ -1,10 +1,10 @@
-import './index-943111a1.js';
+import './index-b78f1ec2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9d66bb12.js';
-import Arrow from './index-035dcb4b.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-659093b4.js';
+import Arrow from './index-30c554a3.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7e8dd0d0.js → index-0822c300.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-b78f1ec2.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-d24bd37e.js';
-import Sidebar from './index-6692d5ab.js';
-import OptionTree from './index-77cdeef9.js';
-import PartListTable from './index-945d2a34.js';
-import MaskEditor from './index-f5308071.js';
-import SVGAnalyzer from './index-847e7343.js';
-import { l as list } from './index.module-92eac10d.js';
-import EkTextViewer from './index-0d0cd682.js';
-import CatalogMakeup from './index-54f41124.js';
-import PartListAnalyzer from './index-1dff7dd5.js';
-import RTVAnalyzer from './index-ba1a508f.js';
-import J3DEditor from './index-6811ca36.js';
-import PropertiesEditor from './index-00f84e9a.js';
-import ArticleOverview from './index-3c5305f3.js';
+import Product from './index-54a61093.js';
+import Sidebar from './index-1d0c1b49.js';
+import OptionTree from './index-2941d81d.js';
+import PartListTable from './index-0e40605e.js';
+import MaskEditor from './index-aafdc680.js';
+import SVGAnalyzer from './index-09364a97.js';
+import { l as list } from './index.module-47be88d7.js';
+import EkTextViewer from './index-4e4c3f0e.js';
+import CatalogMakeup from './index-7b5cf5af.js';
+import PartListAnalyzer from './index-7f09bacb.js';
+import RTVAnalyzer from './index-ab2cfbee.js';
+import J3DEditor from './index-b1dd7947.js';
+import PropertiesEditor from './index-40ec8362.js';
+import ArticleOverview from './index-c3797c0d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -30,107 +30,103 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-a49ff075.js';
-import './index-e4762824.js';
+import './index-c54571c6.js';
+import './index-68a63a78.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-7a7ab7e1.js';
-import './index-543b7f9a.js';
+import './index-0786d876.js';
+import './index-ae5eb79f.js';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-ba8497c7.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-433ca253.js';
+import './index-326d5f4c.js';
+import './index-724484b7.js';
+import './index-00017af9.js';
+import './index-623bfa8b.js';
+import './index-eb560622.js';
+import './index.module-e6e46ffa.js';
+import './index-1520b63c.js';
 import 'react-switch';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
+import './index-dc9949d8.js';
+import './index-ecb9312b.js';
+import './index-2a1a1971.js';
 import 'react-dropdown';
-import './index-12459b02.js';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
+import './index-2a4e6d7d.js';
+import './index-63de48f0.js';
+import './index-30c554a3.js';
+import './index-da5b8c2c.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
-import '@crystaldesign/product-detail-page';
-import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
+import './index-3674cfbd.js';
+import './index-86ddaafc.js';
+import './index-af943537.js';
+import './index-d7018545.js';
+import './index-65cdc15e.js';
+import './index-164008f2.js';
 import 'react-laag';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
-import './index-14e7a01b.js';
-import './index-fb572e97.js';
-import './index-430a7dc0.js';
-import './index-5fb4be41.js';
-import './index.module-53c22cac.js';
-import './index-b1ac6d5d.js';
-import './index-6d40aba5.js';
-import './index-f2dc545f.js';
-import './index-1e6e2720.js';
-import './index-aeaa2360.js';
-import './index-bcb49aaa.js';
-import './index-39b1fbec.js';
-import './index-70a88494.js';
-import './index-8c1f65b4.js';
-import './index-4a14043a.js';
+import './index-d7c16af8.js';
+import './index-1496b616.js';
+import './index-35674d34.js';
+import './index-becce7a8.js';
+import './index-bff7af08.js';
+import './index-e4e732bc.js';
+import './index-38fe3214.js';
+import './index-a99cb038.js';
+import './index-0ecd1d6c.js';
+import './index-349445f8.js';
+import './index.module-d05cd03c.js';
+import './index-5dc0b240.js';
+import './index-7f1153e0.js';
+import './index-5e4ea34e.js';
+import './index-cb2ef64d.js';
+import './index-5633920e.js';
+import './index-dee2d4ca.js';
+import './index-29b1d115.js';
+import './index.module-63366a4e.js';
+import './index-06ed242d.js';
+import './index-a3a52dac.js';
+import './index-5b097056.js';
+import './index-393eaaed.js';
+import './index-7be9d4db.js';
+import './index-c4f127e5.js';
+import './index.module-d81b9ccc.js';
+import './index-775b638c.js';
+import './index-ce938e5b.js';
+import './index-5bdf19bc.js';
+import './index-98431e7b.js';
+import './index-27dba205.js';
+import './index-8b2dd14d.js';
+import './index-ca47f816.js';
+import './index-a0ad5259.js';
+import './index-9f9c594b.js';
+import './index-031bb383.js';
 import 'react-qr-code';
-import './index-d3e639ac.js';
-import './index-4cccd048.js';
-import './index-6d3f23c8.js';
-import './index-7047a911.js';
-import './index-b6d62965.js';
-import './index-f9b02659.js';
+import './index-40afbf5a.js';
+import './index-72f402e4.js';
+import './index-4a2ddc31.js';
+import './index-aa7ab16e.js';
+import './index-1cd2c873.js';
+import './index-2c54ef08.js';
 import 'react-collapsible';
-import './index-4e7280d1.js';
-import './index-c1f886fb.js';
-import './index.module-e6b11d36.js';
+import './index-75e88f77.js';
+import './index-cf187dc6.js';
+import './index.module-89f1352c.js';
 import 'react-json-view-lite';
-import './react-json-viewer-c2225847.js';
-import './index.module-8c8dacdf.js';
+import './react-json-viewer-6be7d47f.js';
+import './index.module-a5f87154.js';
 import 'jsoneditor';
-import './index-496b1851.js';
-import './index-f7523e16.js';
-import './index-ab22b898.js';
-import './index.module-a7b7534c.js';
-import './index-64a1dd90.js';
-import './index-ed5f1f58.js';
-import './index.module-9d66bb12.js';
-import './index-c2de32ee.js';
-import './index-6c407d9f.js';
-import './index-d258ea01.js';
-import './CatalogProperties-2b1aa021.js';
-import './ArticleProperties-21f75d0a.js';
-import './OptionProperties-8e80e8c4.js';
-import './OptionValueProperties-c2f866fe.js';
+import './index-691c66cc.js';
+import './index-6a440c32.js';
+import './index-9715bf9f.js';
+import './index.module-9c22584f.js';
+import './index-fa6f8b89.js';
+import './index-07a0f964.js';
+import './index.module-659093b4.js';
+import './index-33380d91.js';
+import './index-f7649cdd.js';
+import './index-e7c409f2.js';
+import './CatalogProperties-99964188.js';
+import './ArticleProperties-d3919009.js';
+import './OptionProperties-f4de7e4f.js';
+import './OptionValueProperties-d588ea53.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; }
@@ -165,8 +161,11 @@ var CatalogProduct = function CatalogProduct(_ref) {
   useEffect(function () {
     if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
   }, []);
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
-    key: 'product'
+  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;