@crystaldesign/diva-web-planner-react 24.14.0-beta.34 → 24.14.0-beta.35

package/build/esm/{ArticleProperties-92093aea.js → ArticleProperties-3ffbd714.js}

@@ -1,4 +1,4 @@
-import './index-960790f4.js';
+import './index-f1e16a67.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-94975930.js → CatalogProperties-ec3d3928.js}

@@ -1,4 +1,4 @@
-import './index-960790f4.js';
+import './index-f1e16a67.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-0107002e.js → IconHandler-a39f50ce.js}

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

package/build/esm/{OptionProperties-7a252180.js → OptionProperties-ae423418.js}

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

package/build/esm/{OptionValueProperties-f9f801c1.js → OptionValueProperties-1850be15.js}

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

package/build/esm/{Planner2DGrid-7aa04aaa.js → Planner2DGrid-82ec044f.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-960790f4.js';
+import './index-f1e16a67.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-051d43ed.js → Planner3DImage-84464dc3.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-960790f4.js';
+import './index-f1e16a67.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-cc988d14.js → index-030f9a67.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
-import BasketActionStandard from './index-508469f6.js';
+import BasketActionStandard from './index-274b0ae7.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ea57a7f6.js → index-05ec3616.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-0f235a70.js → index-07918ad2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-74f90c21.js → index-084fa52a.js}

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

package/build/esm/{index-c8a61fea.js → index-0c28fe17.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-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-f10fdb43.js → index-0c86d67e.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-491bfda3.js';
+import FilterItem from './index-10873a0b.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7d656522.js → index-0cbbf50f.js}

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

package/build/esm/{index-e3533d36.js → index-0df60282.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-960790f4.js';
+import { u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
-import { j as wcPlanner3DGrid } from './index.module-3addafec.js';
+import { k as wcPlanner3DGrid } from './index.module-679cd13d.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7de5de95.js → index-0e825d4c.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-6b2f5cb2.js';
-import Product from './index-0866fd09.js';
-import Settings from './index-2968c5e9.js';
-import NavigationButtons from './index-48024c2d.js';
-import BasketAction from './index-603b3585.js';
-import TabGroup from './index-f0601a39.js';
+import Inputbox from './index-b32bfe15.js';
+import Product from './index-9b5249ae.js';
+import Settings from './index-d437fff8.js';
+import NavigationButtons from './index-ec38ed74.js';
+import BasketAction from './index-eef22bc3.js';
+import TabGroup from './index-187983a7.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-50a012b5.js';
+import BarrierActions from './index-7ccf5903.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-58173d86.js';
-import './index-55e173b3.js';
-import './index-48ff46ec.js';
-import './index-46e9f1a2.js';
-import './index-9c65b084.js';
+import './index-b10063a2.js';
+import './index-6b8907af.js';
+import './index-c9af1fe5.js';
+import './index-3f743dca.js';
+import './index-18619871.js';
 import 'react-laag';
-import './index-96eff7fb.js';
-import './index-9b3c2cf2.js';
-import './index-cf4ad664.js';
+import './index-776080c4.js';
+import './index-f1322286.js';
+import './index-128bede0.js';
 import 'sift';
-import './index-f4366571.js';
-import './index-707362f8.js';
-import './index-196d7795.js';
-import './index-84da8c18.js';
-import './index.module-0d047aee.js';
-import './index-9c66eabd.js';
+import './index-cf79e7ce.js';
+import './index-23e835cb.js';
+import './index-916e469f.js';
+import './index-c4d37611.js';
+import './index.module-eeaa1889.js';
+import './index-316bf980.js';
 import 'react-switch';
-import './index-3bd621da.js';
-import './index-9c75516d.js';
+import './index-d10ddbdd.js';
+import './index-13bca7a9.js';
 import 'react-dropdown';
-import './index-909d630d.js';
-import './index-dcd99eb9.js';
-import './index-45968bee.js';
-import './index-f10fdb43.js';
+import './index-afc45752.js';
+import './index-50578c4f.js';
+import './index-c14bfcbe.js';
+import './index-0c86d67e.js';
 import '@crystaldesign/content-box';
-import './index-491bfda3.js';
-import './index-a881da11.js';
-import './index-1cfb72b2.js';
-import './index-38ac7792.js';
-import './index-389de690.js';
+import './index-10873a0b.js';
+import './index-b1dff512.js';
+import './index-90d624f4.js';
+import './index-1943e9ba.js';
+import './index-7e5a2e3b.js';
 import '@crystaldesign/products-component';
-import './index-45fecd32.js';
-import './index-eb67b203.js';
-import './index-4f7f4d69.js';
-import './index-ea57a7f6.js';
-import './index-c7e391c8.js';
-import './index-c523f029.js';
-import './index-58d65cb2.js';
-import './index-9a702b7f.js';
-import './index-8200810d.js';
-import './index-d71e1d75.js';
-import './index-10f8048b.js';
-import './index-ae58eec8.js';
-import './index-966521bc.js';
-import './index.module-0b6ecb3b.js';
-import './index-7af396c0.js';
-import './index-904b621d.js';
-import './index-66427777.js';
-import './index-ace0da5e.js';
-import './index-902e7b3d.js';
-import './index-2145cd46.js';
-import './index-8f28075f.js';
-import './index.module-6347dc61.js';
-import './index-3934aafd.js';
-import './index-d9e54bbc.js';
-import './index-c83bec22.js';
-import './index-db5a2fe3.js';
-import './index-1c541663.js';
-import './index-9fc0f6ac.js';
-import './index-e01053eb.js';
-import './index-ad0da506.js';
+import './index-d58a9cc4.js';
+import './index-8edeffaf.js';
+import './index-4104cc24.js';
+import './index-05ec3616.js';
+import './index-860234fb.js';
+import './index-fa9abc11.js';
+import './index-c6a341ed.js';
+import './index-c5ffa802.js';
+import './index-72fd8e89.js';
+import './index-dd31be5c.js';
+import './index-473c011a.js';
+import './index-55dcfbec.js';
+import './index-651fbf25.js';
+import './index.module-07c8d7b6.js';
+import './index-333574ef.js';
+import './index-cf30f3c0.js';
+import './index-4427dc86.js';
+import './index-63a51c6d.js';
+import './index-b010498e.js';
+import './index-28e9c561.js';
+import './index-e995ab03.js';
+import './index.module-31c98a79.js';
+import './index-a894ea86.js';
+import './index-2371a179.js';
+import './index-526c408c.js';
+import './index-d2c365bf.js';
+import './index-667f613d.js';
+import './index-90f67479.js';
+import './index-8928a251.js';
+import './index-14532619.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";
@@ -95,10 +95,10 @@ var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
 var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
 var expanded = "expanded-Iylhn";
+var foldedup = "foldedup-NCdbS";
 var settingsHidden = "settings-hidden-T4ySb";
 var isOnLastStep = "isOnLastStep-mmqas";
-var foldedup = "foldedup-NCdbS";
-var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none !important;\n}\n\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Gold = function Gold(props) {

package/build/esm/{index-993198c3.js → index-0fc44a74.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-218101e7.js';
-import ProductRoomList from './index-5be51033.js';
+import ArQrCodeIcon from './index-94250ef3.js';
+import ProductRoomList from './index-1d8b924a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-3f341b74.js';
+import './index-dc7a3b3f.js';
 import 'react-qr-code';
-import './index-74f90c21.js';
+import './index-084fa52a.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var landscape = "landscape-0Dn10";

package/build/esm/{index-491bfda3.js → index-10873a0b.js}

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

package/build/esm/{index-162c28b3.js → index-1215af1d.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-960790f4.js';
+import { s as styleInject } from './index-f1e16a67.js';
 import 'react';
-import OrbitInteractionStandard from './index-3db473ae.js';
+import OrbitInteractionStandard from './index-de64a086.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cf4ad664.js → index-128bede0.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-f4366571.js';
-import ItemVariant from './index-707362f8.js';
-import SettingsPaletteGroup from './index-196d7795.js';
-import ToggleOption from './index-84da8c18.js';
-import GroupDropdown from './index-9c75516d.js';
-import PromotedProducts from './index-1cfb72b2.js';
-import ToggleName from './index-38ac7792.js';
-import ProductList from './index-389de690.js';
-import itemPaletteTypeComponentMap from './index-eb67b203.js';
-import ItemWrapper from './index-3934aafd.js';
+import TextBox from './index-cf79e7ce.js';
+import ItemVariant from './index-23e835cb.js';
+import SettingsPaletteGroup from './index-916e469f.js';
+import ToggleOption from './index-c4d37611.js';
+import GroupDropdown from './index-13bca7a9.js';
+import PromotedProducts from './index-90d624f4.js';
+import ToggleName from './index-1943e9ba.js';
+import ProductList from './index-7e5a2e3b.js';
+import itemPaletteTypeComponentMap from './index-8edeffaf.js';
+import ItemWrapper from './index-a894ea86.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0e7c7267.js');
+  return import('./index-31645bef.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-ed7280c3.js');
+  return import('./index-e8b605ab.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-9c75516d.js → index-13bca7a9.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-960790f4.js';
+import { s as styleInject } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-909d630d.js';
-import Searchbar from './index-a881da11.js';
-import Arrow from './index-45968bee.js';
-import InfoIcon from './index-3bd621da.js';
+import RALFilter from './index-afc45752.js';
+import Searchbar from './index-b1dff512.js';
+import Arrow from './index-c14bfcbe.js';
+import InfoIcon from './index-d10ddbdd.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -22,10 +22,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-dcd99eb9.js';
-import './index-f10fdb43.js';
+import './index-50578c4f.js';
+import './index-0c86d67e.js';
 import '@crystaldesign/content-box';
-import './index-491bfda3.js';
+import './index-10873a0b.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-ad0da506.js → index-14532619.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-960790f4.js';
+import { u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-9b37bff4.js → index-146ed37f.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
-import DockFilter from './index-e4af6189.js';
-import RALFilter from './index-909d630d.js';
+import DockFilter from './index-6af3b06c.js';
+import RALFilter from './index-afc45752.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-a881da11.js';
-import ToggleHeader from './index-ef32e7ca.js';
-import NumberInput from './index-b18e20a6.js';
-import InfoButton from './index-6c65323e.js';
-import PDFButton from './index-9856bb24.js';
-import SummaryVariantButton from './index-07bbf8b9.js';
-import SelectedOpv from './index-49c7c7db.js';
-import InfoIcon from './index-3bd621da.js';
+import Searchbar from './index-b1dff512.js';
+import ToggleHeader from './index-846696d5.js';
+import NumberInput from './index-b3d6e685.js';
+import InfoButton from './index-6d4e8e2e.js';
+import PDFButton from './index-342a280b.js';
+import SummaryVariantButton from './index-52ea2802.js';
+import SelectedOpv from './index-bfa8a69c.js';
+import InfoIcon from './index-d10ddbdd.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,18 +27,18 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-dcd99eb9.js';
+import './index-50578c4f.js';
 import 'react-dropdown';
-import './index-45968bee.js';
-import './index-f10fdb43.js';
+import './index-c14bfcbe.js';
+import './index-0c86d67e.js';
 import '@crystaldesign/content-box';
-import './index-491bfda3.js';
-import './index-9c66eabd.js';
+import './index-10873a0b.js';
+import './index-316bf980.js';
 import 'react-switch';
-import './index-81e9496f.js';
+import './index-35daca5e.js';
 import 'react-laag';
-import './index-c7e391c8.js';
-import './index-ea57a7f6.js';
+import './index-860234fb.js';
+import './index-05ec3616.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";

package/build/esm/{index-7a7574da.js → index-17e34fa8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -30,7 +30,7 @@ var RotateInfo = function RotateInfo(props) {
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  if (viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen || !viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
+  if (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsxs("div", {
     className: classnames(container, !viewHandler.productState.orbitHidden ? hidden : notHidden),
     children: [/*#__PURE__*/jsx("img", {

package/build/esm/{index-9c65b084.js → index-18619871.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-960790f4.js';
+import { s as styleInject, u as useViewHandler } from './index-f1e16a67.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-96eff7fb.js';
+import SettingsPosNrToolTip from './index-776080c4.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-d27709a4.js → index-1872964a.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-960790f4.js';
+import { u as useViewHandler } from './index-f1e16a67.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';