@crystaldesign/diva-web-planner-react 24.14.0-beta.8 → 24.14.0-rc.0

package/build/esm/{ArticleProperties-6a2b6fe9.js → ArticleProperties-f53c384b.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-c958d8c4.js → CatalogProperties-e31e600d.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-7463e6e4.js → IconHandler-ce3f6723.js}

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

package/build/esm/{OptionProperties-e5dfcf43.js → OptionProperties-643a7c11.js}

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

package/build/esm/{OptionValueProperties-bb5917a7.js → OptionValueProperties-4ea0f365.js}

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

package/build/esm/{Planner2DGrid-a7493428.js → Planner2DGrid-4f8f6c96.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-f37069da.js';
+import './index-78c00eed.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -593,7 +593,7 @@ var Planner2DGrid = /*#__PURE__*/function () {
       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 - 40);
+      if (this.canvas.getHeight() != curCanvasSize.y) this.canvas.setHeight(curCanvasSize.y);
       if (plannerElementsDict.size == 0) return;
       var allplannerSVGs = [];
       plannerElementsDict.forEach(function (plannerElements, setId) {

package/build/esm/{Planner3DImage-a8e6d90d.js → Planner3DImage-3e324895.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-f37069da.js';
+import './index-78c00eed.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -548,38 +548,28 @@ var Planner3DGrid = /*#__PURE__*/function () {
 }();
 
 var Planner3DImageUI = /*#__PURE__*/function () {
-  function Planner3DImageUI(getConfiguratorState, getPlannerViewConfig, plannerPaletteViewInfo) {
+  function Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo) {
     _classCallCheck(this, Planner3DImageUI);
     _defineProperty(this, "uiHTMLContainer", void 0);
     _defineProperty(this, "classUI", 'wc3DImageUI');
     _defineProperty(this, "getConfiguratorState", void 0);
-    _defineProperty(this, "getPlannerViewConfig", void 0);
     _defineProperty(this, "plannerPaletteViewInfo", void 0);
     this.getConfiguratorState = getConfiguratorState;
-    this.getPlannerViewConfig = getPlannerViewConfig;
     this.plannerPaletteViewInfo = plannerPaletteViewInfo;
   }
-  return _createClass(Planner3DImageUI, [{
-    key: "checkCollisionRectRect",
-    value: function checkCollisionRectRect(rect1, rect2) {
-      if (rect1.screenPos.x < rect2.screenPos.x + rect2.width && rect1.screenPos.x + rect1.width > rect2.screenPos.x && rect1.screenPos.y < rect2.screenPos.y + rect2.height && rect1.screenPos.y + rect1.height > rect2.screenPos.y) {
-        return true;
-      }
-      return false;
-    }
 
-    /**
-     * This function adds the trash icon (deletion) on the 3D image.
-     * The position is computed based on the informations from the rendering
-     * @param element   The elements where the icon should be displayed
-     * @param posXPercent   The procentual X position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
-     * @param posYPercent   The procentual Y position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
-     */
-  }, {
+  /**
+   * This function adds the trash icon (deletion) on the 3D image.
+   * The position is computed based on the informations from the rendering
+   * @param element   The elements where the icon should be displayed
+   * @param posXPercent   The procentual X position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
+   * @param posYPercent   The procentual Y position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
+   */
+  return _createClass(Planner3DImageUI, [{
     key: "addDelIcon",
     value: function addDelIcon(plannerUIHandler, element, posXPercent, posYPercent) {
       if (posXPercent > 100 || posXPercent < 0 || posYPercent > 100 || posYPercent < 0) return;
-      plannerUIHandler.addTrashIconUI(element.getSetId(), element.getElementId(), element.getRotDeg(), new Vector2(posXPercent, posYPercent, 'percentage'), '3D');
+      plannerUIHandler.addTrashIconUI(element.getSetId(), element.getElementId(), element.getRotDeg(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getPlannerType() == 'BOX' ? 'BOX' : '3D');
     }
   }, {
     key: "addDimensionInfo",
@@ -928,7 +918,7 @@ var Planner3DImage = /*#__PURE__*/function () {
     this.onSwipeStartScreenPos = new Vector2(-1, -1);
     this.onSwipeStartTime = new Date().getTime();
     this.detectSwipe = true;
-    this.UIHandler = new Planner3DImageUI(getConfiguratorState, getPlannerViewConfig, plannerPaletteViewInfo);
+    this.UIHandler = new Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo);
     this.curRendering = new Rendering('Placeholder', 'Placeholder', '', -1, -1, false, false, 0, false, false, 'STREAM');
     this.planner3DGrid = new Planner3DGrid(getPlannerViewConfig, getAllPlannedElements);
     this.onDoShowNav3DChanged = onDoShowNav3DChanged;

package/build/esm/{index-05e5de5b.js → index-007fc7e3.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -49,11 +49,14 @@ var InfoIcon = function InfoIcon(_ref) {
   if (!item) throw new Error('item for infoIcon not defined');
   var showIcon = function showIcon() {
     var _viewHandler$uiState$;
-    if ((_viewHandler$uiState$ = viewHandler.uiState.ViewConfig.infoIconSettings) !== null && _viewHandler$uiState$ !== void 0 && _viewHandler$uiState$.onlyShowSelectedOPV) {
+    if (item.op && (_viewHandler$uiState$ = viewHandler.uiState.ViewConfig.infoIconSettings) !== null && _viewHandler$uiState$ !== void 0 && _viewHandler$uiState$.onlyShowSelectedOPV) {
       return itemSelected;
     }
     return true;
   };
+  if (!showIcon()) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
   return /*#__PURE__*/jsx("div", {
     className: info,
     onClick: function onClick(e) {
@@ -62,7 +65,7 @@ var InfoIcon = function InfoIcon(_ref) {
       e.stopPropagation();
     },
     style: style,
-    children: showIcon() && /*#__PURE__*/jsxs(Fragment, {
+    children: /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx("div", {
         className: classnames(selected, !itemSelected ? hidden : undefined, clicked ? isOpen : undefined),
         children: /*#__PURE__*/jsxs("svg", {

package/build/esm/{index-1728d1bd.js → index-00d23ccb.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-e0bd96ce.js';
-import { S as SettingsItem } from './index-f7b42992.js';
+import SettingsHeaderContainer from './index-1aabf2d6.js';
+import { S as SettingsItem } from './index-44e5cfbe.js';
 import classnames from 'classnames';
-import TotalPrice from './index-5767b43c.js';
+import TotalPrice from './index-d9b129f1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,58 +20,58 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-31815467.js';
-import './index-6a5720c4.js';
-import './index-e18b0f1c.js';
-import './index-ef719a33.js';
+import './index-3aa9b5d6.js';
+import './index-8f367602.js';
+import './index-33f908f6.js';
+import './index-40e56edf.js';
 import 'react-laag';
-import './index-eaee9a8a.js';
+import './index-d2a408bd.js';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-e59e8329.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-da03ac83.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-7998c732.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-ca608ec2.js → index-010dc4ee.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-531e6b99.js → index-025cf6a2.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-967557d5.js → index-03b64339.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-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-d7fc2242.js';
+import { s as svgWrapper } from './index.module-e168886a.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-130879f3.js → index-03d0d90a.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-0586d33f.js';
+import Arrow from './index-3c1f3355.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4f544ce2.js → index-058b588d.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import { A as ArQrCodeIcon } from './index-519b6747.js';
+import ArQrCodeIcon from './index-94feee75.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-960911b7.js';
+import './index-60cd097e.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-29b3524e.js';
+import './index-e290c400.js';
 
 var qrWrapper = "qr-wrapper-HRio6";
 var css_248z$1 = ".qr-wrapper-HRio6 {\n  z-index: 500;\n  margin: 0;\n  position: absolute;\n  bottom: 60px;\n  left: 14px;\n}\n";
@@ -110,10 +110,6 @@ var PlannerRTV = function PlannerRTV() {
       apiConfig: apiConfig,
       jwt: jwt,
       renderInBackground: false,
-      overlayImage: viewHandler.divaWebPlanner.getEnableUnityRtvKombi() ? {
-        base64: viewHandler.productState.diva3dImgSrc,
-        isStaticBg: viewHandler.productState.plannerRenderingIsStaticBG
-      } : undefined,
       uiConfig: {
         templateConfig: (_ref = (_viewHandler$uiState$ = viewHandler.uiState.templateConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$['Product/ProductCenter/PlannerUI/PlannerUIVariants']) !== null && _ref !== void 0 ? _ref : 'standard',
         posNumIcon: plannerViewConfig.posNumIcon,
@@ -130,9 +126,6 @@ var PlannerRTV = function PlannerRTV() {
             text: t('configurator.missinggeo'),
             accept: 'OK'
           });
-        },
-        requestNewOverlayImage: function requestNewOverlayImage(viewpoint) {
-          viewHandler.divaWebPlanner.updatePlannerView('RTV', undefined, viewpoint);
         }
       }
     }, "real-time-renderer"), viewHandler.productState.glbUrl && /*#__PURE__*/jsx("div", {

package/build/esm/{index-3d2d1363.js → index-07c18737.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-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-a5126769.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-15151fd6.js';
+import { n as notExpanded } from './index.module-b61eb773.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-1cb21715.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-1938d883.js → index-0842bf5f.js}

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

package/build/esm/{index-40542bc6.js → index-0c2b462c.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-b4516dae.js';
-import JsonEditor from './index-2104f9f5.js';
+import ArticleOverview from './index-c4012b78.js';
+import JsonEditor from './index-5bac44b5.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-15151fd6.js';
-import './index.module-650bb05c.js';
+import './index.module-1cb21715.js';
+import './index.module-bf84ddfe.js';
 import 'classnames';
-import './index.module-a5126769.js';
+import './index.module-b61eb773.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-62da2053.js → index-0c92ea5c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-80700791.js → index-0dd8a8b3.js}

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

package/build/esm/{index-d31dd8cd.js → index-0e2a0e65.js}

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

package/build/esm/{index-9501980d.js → index-0fa746a3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-2d788823.js → index-0fa77985.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-b66a4bd4.js';
-import GenericToolTip from './index-62da2053.js';
-import InfoIcon from './index-05e5de5b.js';
+import MetaData from './index-681fe5cc.js';
+import GenericToolTip from './index-0c92ea5c.js';
+import InfoIcon from './index-007fc7e3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -33,7 +33,7 @@ var wcSizeNormal = "wcSize-normal-H7PI-";
 var wcImage = "wcImage-bSQnw";
 var wcPricePreview = "wcPricePreview-i1G9x";
 var wcArticleSize = "wcArticleSize-FGDRM";
-var css_248z = "/*Planner*/\n\n.ArticleItem-2xa9z {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.ArticleItem-2xa9z.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.ArticleItem-2xa9z:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  height: calc(100% - 20px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.ArticleItem-2xa9z .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 80px;\n}\n\n.ArticleItem-2xa9z .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.ArticleItem-2xa9z .wcImage-bSQnw {\n  width: 80px;\n  height: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ArticleItem-2xa9z .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .ArticleItem-2xa9z .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n";
+var css_248z = "/*Planner*/\n\n.ArticleItem-2xa9z {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.ArticleItem-2xa9z.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.ArticleItem-2xa9z .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 74px;\n}\n\n.ArticleItem-2xa9z .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.ArticleItem-2xa9z .wcImage-bSQnw {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ArticleItem-2xa9z .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .ArticleItem-2xa9z .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n";
 styleInject(css_248z);
 
 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; }

package/build/esm/{index-473e2ec0.js → index-1097eb37.js}

@@ -1,6 +1,6 @@
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import 'react';
-import Default from './index-7bbbd5ca.js';
+import Default from './index-731df367.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,11 +17,11 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index.module-9fc11720.js';
+import './index.module-9403b3fe.js';
 import 'react-laag';
-import './index-62da2053.js';
-import './index-b66a4bd4.js';
-import './index-05e5de5b.js';
+import './index-0c92ea5c.js';
+import './index-681fe5cc.js';
+import './index-007fc7e3.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-f674b513.js → index-12b127e2.js}

@@ -1,10 +1,10 @@
-import './index-f37069da.js';
+import './index-78c00eed.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-5d43ea6e.js';
-import Arrow from './index-0586d33f.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8db08a16.js';
+import Arrow from './index-3c1f3355.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1997099c.js → index-13a34f64.js}

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

package/build/esm/{index-13d21ae9.js → index-16b82d0c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-79b00461.js → index-17b2a720.js}

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

package/build/esm/{index-b483b3a0.js → index-1886f983.js}

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

package/build/esm/{index-e0bd96ce.js → index-1aabf2d6.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-31815467.js';
-import SettingsConfigSingle from './index-6a5720c4.js';
-import SettingsPosNr from './index-e18b0f1c.js';
+import SettingsHeader from './index-3aa9b5d6.js';
+import SettingsConfigSingle from './index-8f367602.js';
+import SettingsPosNr from './index-33f908f6.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ef719a33.js';
+import './index-40e56edf.js';
 import 'react-laag';
-import './index-eaee9a8a.js';
+import './index-d2a408bd.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-06c289ca.js → index-1b6e86ec.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-e7813207.js';
+import ProductRoomList from './index-eb88b2a9.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1b18a545.js → index-1b84adec.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';