@crystaldesign/diva-web-planner-react 26.11.0-beta.3 → 26.11.0-beta.31

package/build/esm/{index-7e78bbac.js → index-3c161268.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-899b8922.js';
+import { u as useViewHandler } from './index-cb3f6a27.js';
 import 'react';
-import SettingsHeaderContainer from './index-e0900a31.js';
-import SettingsScroller from './index-180189d9.js';
+import SettingsHeaderContainer from './index-f716563e.js';
+import SettingsScroller from './index-18691afe.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-5bcecdc6.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-ffca26b5.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-c7d3af7e.js';
-import SettingsExpanderButtons from './index-3ee68248.js';
-import SettingsBottomDrawer from './index-e260a81a.js';
+import SettingsSwiper from './index-29152556.js';
+import SettingsExpanderButtons from './index-a8c57af9.js';
+import SettingsBottomDrawer from './index-d1f0b856.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -28,86 +28,86 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-07075961.js';
-import './index-7ae6b393.js';
-import './index-4a1aeedd.js';
+import './index-aea56c2a.js';
+import './index-fd1c9763.js';
+import './index-3258f83f.js';
 import 'sift';
-import './index-84f83c67.js';
-import './index-a784e48f.js';
-import './index-ada3c152.js';
-import './index-8b6d1b2c.js';
-import './index.module-ce9cbd44.js';
-import './index-37df8f9a.js';
-import './index-83d6bb83.js';
+import './index-28e8c543.js';
+import './index-f07c90dd.js';
+import './index-ed1206ec.js';
+import './index-45153c84.js';
+import './index.module-1cc8ad31.js';
+import './index-4a8a4ca9.js';
+import './index-2b816cbb.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-869d65ec.js';
+import './index-7b53cb6f.js';
 import 'react-dropdown';
-import './index-f74add7e.js';
-import './index-624149c8.js';
-import './index-dc3778bc.js';
-import './index-ead3c18e.js';
+import './index-7acb06b8.js';
+import './index-03f331f1.js';
+import './index-2cae4848.js';
+import './index-ff1065a1.js';
 import '@crystaldesign/content-box';
-import './index-71c05fb2.js';
-import './index-45ae8ca7.js';
-import './index-985d0ac1.js';
-import './index-8ce6adb9.js';
+import './index-fe3494ee.js';
+import './index-3320c27f.js';
+import './index-67fd43fc.js';
+import './index-8f5fa9b4.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-3fb76e70.js';
-import './index-73c75e94.js';
-import './index-08d97746.js';
-import './index-5ad09ef7.js';
-import './index-61b4ebd3.js';
-import './index-afe33b8f.js';
-import './index-69650205.js';
+import './UnlockCard-d453caf5.js';
+import './index-32ce6566.js';
+import './index-79f86b9d.js';
+import './index-6451eefd.js';
+import './index-10c77efd.js';
+import './index-dc8c8574.js';
+import './index-2e37ec62.js';
 import 'react-laag';
-import './index.module-41cf846f.js';
-import './index-1e23c982.js';
-import './index-9562a9d8.js';
-import './index-f3bca3be.js';
-import './index-6fe3ff14.js';
-import './index-8d52e836.js';
-import './index.module-15c22604.js';
-import './index-1487d493.js';
-import './index-102ef56e.js';
-import './index-a7de9a70.js';
-import './index-031864a2.js';
-import './index-bd8d0479.js';
-import './index-1d2d7fb6.js';
-import './index-e7790e24.js';
-import './index-1010faf1.js';
-import './index-0908ac1e.js';
-import './index-84657f6d.js';
-import './index-fdd2f2b6.js';
-import './index-d8f30b62.js';
-import './index-2e12b9e1.js';
+import './index.module-4ecae8d9.js';
+import './index-2cf7b7c7.js';
+import './index-67dafeb1.js';
+import './index-c0027e7d.js';
+import './index-d40b4ce1.js';
+import './index-c883c4df.js';
+import './index.module-78232b3d.js';
+import './index-cf1ece86.js';
+import './index-7c6580b8.js';
+import './index-df8e375c.js';
+import './index-1a1d9d49.js';
+import './index-77d97795.js';
+import './index-cf02d8ed.js';
+import './index-0c2e994b.js';
+import './index-3f7ecb08.js';
+import './index-422b59cb.js';
+import './index-641d330b.js';
+import './index-98e4cdc7.js';
+import './index-694817c3.js';
+import './index-57eef9cd.js';
 import 'rc-slider';
-import './index-16fe405b.js';
-import './index-e8eb5116.js';
-import './index-a52f90e6.js';
-import './index-da2a2a8b.js';
-import './index-7c7b6fc7.js';
+import './index-c73d78e9.js';
+import './index-556e0a0d.js';
+import './index-2f6a6006.js';
+import './index-b3b30d08.js';
+import './index-358782f0.js';
 import 'react-confetti-explosion';
-import './index-17ba7b38.js';
-import './index-99c94447.js';
-import './index-048552f0.js';
+import './index-aaa125d1.js';
+import './index-f8d7c164.js';
+import './index-9165b357.js';
 import 'react-qr-code';
-import './index-eb30bc4d.js';
-import './useCustomDimensions-f2bb4edd.js';
-import './index-0ec473cc.js';
-import './ussIsSticky-6dac519b.js';
-import './index-85269def.js';
-import './index-10cd9e60.js';
-import './index-ac5a2704.js';
-import './index.module-25cdca01.js';
-import './index-f45ab225.js';
-import './index-46e9d390.js';
-import './index-89fd7133.js';
-import './index-52eb8599.js';
-import './index-2a46675e.js';
-import './index-bf19aa67.js';
-import './index-854179de.js';
+import './index-b9c5ddd0.js';
+import './useCustomDimensions-9be96ee7.js';
+import './index-ba7e105d.js';
+import './ussIsSticky-e203c3a2.js';
+import './index-ac1c2f4d.js';
+import './index-3f715701.js';
+import './index-ed7bf98f.js';
+import './index.module-e90b0636.js';
+import './index-7af6bd59.js';
+import './index-64c00abe.js';
+import './index-37992051.js';
+import './index-3fe0571a.js';
+import './index-93f74e2c.js';
+import './index-91ad05f6.js';
+import './index-0333c640.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];

package/build/esm/{index-1ddf1648.js → index-3c381642.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-0e80abeb.js → index-3dc757b3.js}

@@ -1,4 +1,4 @@
-import { c as usePlannerUIHandler } from './index-899b8922.js';
+import { c as usePlannerUIHandler } from './index-cb3f6a27.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-10cd9e60.js → index-3f715701.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation, Grid } from 'swiper/modules';
-import RoomItem from './index-ac5a2704.js';
+import RoomItem from './index-ed7bf98f.js';
 import classnames from 'classnames';
-import InfoBanner from './index-f45ab225.js';
-import UploadItem from './index-46e9d390.js';
-import CustomInput from './index-89fd7133.js';
+import InfoBanner from './index-7af6bd59.js';
+import UploadItem from './index-64c00abe.js';
+import CustomInput from './index-37992051.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,8 +27,8 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-25cdca01.js';
-import './index-37df8f9a.js';
+import './index.module-e90b0636.js';
+import './index-4a8a4ca9.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var roomGallery = "room-gallery-6uX3f";

package/build/esm/{index-1010faf1.js → index-3f7ecb08.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-cb3f6a27.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import MetaData from './index-1d2d7fb6.js';
-import InfoIcon from './index-37df8f9a.js';
+import MetaData from './index-cf02d8ed.js';
+import InfoIcon from './index-4a8a4ca9.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-6c6b3de5.js → index-3fdc60c5.js}

@@ -1,21 +1,21 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler, u as useViewHandler } from './index-899b8922.js';
+import { c as usePlannerUIHandler, u as useViewHandler } from './index-cb3f6a27.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-0e80abeb.js';
-import AVR from './index-9e661597.js';
-import Outline from './index-1f095fe3.js';
-import RotationClockwise from './index-6b55f02e.js';
-import RotationCounterClockwise from './index-5b795c7b.js';
-import Trash from './index-e2678bc3.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-4be1fee3.js';
+import AVL from './index-3dc757b3.js';
+import AVR from './index-8d0b4891.js';
+import Outline from './index-7b297c46.js';
+import RotationClockwise from './index-96514191.js';
+import RotationCounterClockwise from './index-b83c7ccf.js';
+import Trash from './index-9c36655a.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-c79424f1.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-c5945db2.js';
-import BoxCopy from './index-0db57583.js';
+import PosNr from './index-206543ad.js';
+import BoxCopy from './index-caa3b342.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-00e54c23.js';
-import DistanceToGround from './index-73463d9f.js';
+import ElementCopy from './index-400d2ad9.js';
+import DistanceToGround from './index-dd8ec79f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -32,7 +32,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-f1c2ec32.js';
+import './index-5119923c.js';
 
 function usePosNrPositioning(_ref) {
   var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;

package/build/esm/{index-52eb8599.js → index-3fe0571a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-cb3f6a27.js';
 import { observer } from 'mobx-react-lite';
 import { useMemo } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-00e54c23.js → index-400d2ad9.js}

@@ -1,4 +1,4 @@
-import './index-899b8922.js';
+import './index-cb3f6a27.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7176a968.js → index-40a7066f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -54,7 +54,7 @@ var ProductFooter = function ProductFooter(props) {
         }
       }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, wcFoto, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
+          className: classnames(wcButton, wcFoto, viewHandler.productState.is3DViewActive && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
           onClick: function onClick() {
             return viewHandler.productState.onChangePlannerView('3D');
           }
@@ -77,7 +77,7 @@ var ProductFooter = function ProductFooter(props) {
         onClick: function onClick() {
           return viewHandler.productState.onChangePlannerView('2D');
         }
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
+      }), viewHandler.productState.showRtvFooterEntry && /*#__PURE__*/jsx("li", {
         className: classnames(wcButton, wcRtv, viewHandler.productState.doShowRTV ? sel : undefined),
         onClick: function onClick() {
           return viewHandler.productState.onChangePlannerView('RTV');

package/build/esm/{index-959f5aa0.js → index-40ca64b7.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-cb3f6a27.js';
 import 'react';
-import SettingsItemHeader from './index-56d95f56.js';
+import SettingsItemHeader from './index-ab8dc8e0.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -23,30 +23,30 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-a01842a6.js';
-import './index-f74add7e.js';
-import './index-624149c8.js';
+import './index-f717b58f.js';
+import './index-7acb06b8.js';
+import './index-03f331f1.js';
 import 'react-dropdown';
-import './index-dc3778bc.js';
-import './index-ead3c18e.js';
+import './index-2cae4848.js';
+import './index-ff1065a1.js';
 import '@crystaldesign/content-box';
-import './index-71c05fb2.js';
-import './index-45ae8ca7.js';
-import './index-882e9781.js';
-import './index-e424ab5b.js';
-import './index-4daa80c5.js';
-import './index-a366d35e.js';
-import './index-f8660916.js';
-import './index-69436c25.js';
-import './index-181ff2a0.js';
+import './index-fe3494ee.js';
+import './index-3320c27f.js';
+import './index-10eb429e.js';
+import './index-f89aa898.js';
+import './index-e1c75dfc.js';
+import './index-ff268b26.js';
+import './index-94d86bd9.js';
+import './index-6b77bd94.js';
+import './index-6c60ca58.js';
 import 'react-laag';
-import './index-1d2d7fb6.js';
-import './index-37df8f9a.js';
-import './index-315a6526.js';
-import './index-a0e22978.js';
+import './index-cf02d8ed.js';
+import './index-4a8a4ca9.js';
+import './index-75224a75.js';
+import './index-6d2016bc.js';
 import 'swiper/react';
-import './index-d4be771b.js';
-import './ussIsSticky-6dac519b.js';
+import './index-9575339b.js';
+import './ussIsSticky-e203c3a2.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-15d52408.js → index-414bc9db.js}

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

package/build/esm/{index-0908ac1e.js → index-422b59cb.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-899b8922.js';
+import { u as useViewHandler, G as GenericToolTip } from './index-cb3f6a27.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-37df8f9a.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-84657f6d.js';
+import InfoIcon from './index-4a8a4ca9.js';
+import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-641d330b.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-8b6d1b2c.js → index-45153c84.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-899b8922.js';
+import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-cb3f6a27.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-ce9cbd44.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-1cc8ad31.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-37df8f9a.js';
-import ReverseCheck from './index-83d6bb83.js';
+import InfoIcon from './index-4a8a4ca9.js';
+import ReverseCheck from './index-2b816cbb.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4d855034.js → index-48709d20.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-899b8922.js';
+import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-cb3f6a27.js';
 import 'react';
 import ReactDOM from 'react-dom';
-import FloatingWindow from './index-a01e0683.js';
+import FloatingWindow from './index-10c55954.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -35,7 +35,8 @@ var TITLES = {
   OptionTreeTable: 'Option Tree',
   ErrorWarningOverview: 'Errors & Warnings',
   ekText: 'Ek Text',
-  PriceList: 'Price list'
+  PriceList: 'Price list',
+  AiCatalogChat: 'AI Chat'
 };
 var WINDOW_TO_COMPONENT = {
   PartList: 'PartlistDebug',
@@ -44,7 +45,8 @@ var WINDOW_TO_COMPONENT = {
   PriceAnalyzer: 'PriceAnalyzer',
   ErrorWarningOverview: 'ErrorAndWarningOverview',
   PriceList: 'PriceList',
-  ekText: 'EkTextViewer'
+  ekText: 'EkTextViewer',
+  AiCatalogChat: 'AiCatalogChat'
 };
 var ToolContainer = function ToolContainer(_ref) {
   _objectDestructuringEmpty(_ref);

package/build/esm/{index-37df8f9a.js → index-4a8a4ca9.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-899b8922.js';
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/index-4bb61877.js

@@ -0,0 +1,99 @@
+import { s as styleInject, u as useViewHandler } from './index-cb3f6a27.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import ArQrCodeIcon from './index-f8d7c164.js';
+import ProductRoomList from './index-272fbc41.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+import 'react-laag';
+import './index-9165b357.js';
+import 'react-qr-code';
+import './index-b9c5ddd0.js';
+
+var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
+var wcZoomIn = "wcZoomIn-7oss5";
+var wcZoomOut = "wcZoomOut-4EF8K";
+var wcViews = "wcViews-k2gyz";
+var wc3DDimLine = "wc3DDimLine-ERDw2";
+var wcFullScreen = "wcFullScreen-FuayU";
+var css_248z = "[dir=\"ltr\"] .wc_Nav3DToolbar-NM2CK {\n  padding-left: 40px;\n}\n\n[dir=\"rtl\"] .wc_Nav3DToolbar-NM2CK {\n  padding-right: 40px;\n}\n\n.wc_Nav3DToolbar-NM2CK {\n  display: inline;\n  z-index: 601;\n  margin: 0;\n  /* Host pages with a global CSS reset (ul { padding: 0 }) would otherwise pull the icons off-screen */\n  position: absolute;\n  bottom: 60px;\n  left: -1.6rem;\n}\n\n.wc_Nav3DToolbar-NM2CK li {\n  width: 40px;\n  height: 40px;\n  margin: 0 auto 8px auto;\n  display: block;\n  background-color: rgba(223, 223, 223, 0.8);\n  background-repeat: no-repeat;\n  background-position: center center;\n  border-radius: 50%;\n  transition: background-color 0.15s ease;\n  cursor: pointer;\n}\n\n.wc_Nav3DToolbar-NM2CK li:hover {\n  background-color: rgba(210, 210, 210, 0.8);\n}\n.wc_Nav3DToolbar-NM2CK li:active {\n  background-color: rgba(197, 197, 197, 0.8);\n}\n\n/*------------------------Nav Icons--------------------------------------*/\n\n/* standard */\n\n.wcZoomIn-7oss5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M25.7363 24.7891L29.9993 28.1047%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M15.7896 19.6841H23.58%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M19.686 15.7891L19.686 23.5795%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2219.5786%22 cy%3D%2219.5786%22 r%3D%227.57858%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomIn-7oss5:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M25.7363 24.7891L29.9993 28.1047%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M15.7896 19.6841H23.58%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M19.686 15.7891L19.686 23.5795%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2219.5786%22 cy%3D%2219.5786%22 r%3D%227.57858%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomOut-4EF8K {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M24.7362 24.7889L28.9991 28.1045M15.0002 19.9999H22.7907M26.1572 19.5786C26.1572 23.7641 22.7641 27.1572 18.5786 27.1572C14.393 27.1572 11 23.7641 11 19.5786C11 15.393 14.393 12 18.5786 12C22.7641 12 26.1572 15.393 26.1572 19.5786Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcZoomOut-4EF8K:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M24.7362 24.7889L28.9991 28.1045M15.0002 19.9999H22.7907M26.1572 19.5786C26.1572 23.7641 22.7641 27.1572 18.5786 27.1572C14.393 27.1572 11 23.7641 11 19.5786C11 15.393 14.393 12 18.5786 12C22.7641 12 26.1572 15.393 26.1572 19.5786Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcViews-k2gyz {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M11 14.3811L20 19.0909M11 14.3811L20 10L29 14.3811M11 14.3811V25.0649L20 30M20 19.0909L29 14.3811M20 19.0909V30M29 14.3811V25.0649L20 30%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcViews-k2gyz:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M11 14.3811L20 19.0909M11 14.3811L20 10L29 14.3811M11 14.3811V25.0649L20 30M20 19.0909L29 14.3811M20 19.0909V30M29 14.3811V25.0649L20 30%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wc3DDimLine-ERDw2 {\n  background-color: #f5f5f5 !important;\n}\n.wc3DDimLine-ERDw2 {\n  background-size: 80%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 15 12%22 style%3D%22enable-background%3Anew 0 0 15 12%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3B %7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M14.8%2C1.3c0-0.6-0.5-1.2-1.2-1.2H1.4c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v9.4c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2h12.2%09c0.6%2C0%2C1.2-0.5%2C1.2-1.2C14.8%2C10.7%2C14.8%2C1.3%2C14.8%2C1.3z%22%2F%3E%3Cg%3E%09%3Cpath stroke%3D%22%234B4B4B%22 stroke-width%3D%220.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 d%3D%22M12.9%2C2.9c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v5.8c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2S13%2C9%2C13%2C8.9V3.1C13%2C3%2C12.9%2C2.9%2C12.9%2C2.9z%22%2F%3E%09%3Cpath stroke%3D%22%234B4B4B%22 stroke-width%3D%220.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 d%3D%22M2.1%2C2.9C2.1%2C2.9%2C2%2C3%2C2%2C3.1v5.8C2%2C9%2C2.1%2C9.1%2C2.1%2C9.1c0.1%2C0%2C0.2-0.1%2C0.2-0.2V3.1C2.3%2C3%2C2.2%2C2.9%2C2.1%2C2.9z%22%2F%3E%09%3Cpath stroke%3D%22%234B4B4B%22 stroke-width%3D%220.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 d%3D%22M10.3%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0C10.1%2C5%2C10%2C5%2C10%2C5.1v0.8H5V5.1C5%2C5%2C4.9%2C5%2C4.9%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0l-1.5%2C1%09%09c0%2C0-0.1%2C0.1-0.1%2C0.1c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1l1.5%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0C4.9%2C7.1%2C5%2C7.1%2C5%2C7V6.2H10V7c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1%09%09c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l1.5-1c0%2C0%2C0.1-0.1%2C0.1-0.1c0-0.1%2C0-0.1-0.1-0.1L10.3%2C4.9z M4.6%2C6.7L3.6%2C6l1-0.6V6.7z M10.4%2C6.7%09%09V5.4l1%2C0.6L10.4%2C6.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n@media (hover: hover) {\n  .wc3DDimLine-ERDw2:hover {\n    background-color: #c4c4c4 !important;\n  }\n}\n\n.wc3DDimLine-ERDw2:active {\n  background-color: #c4c4c4 !important;\n}\n.portrait-Znfkx.wc_Nav3DToolbar-NM2CK li.wc3DDimLine-ERDw2 {\n  display: block;\n}\n\n.wc_Nav3DToolbar-NM2CK .wcFullScreen-FuayU {\n  background-size: 55%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1H2C1.44772 1 1 1.44772 1 2V22C1 22.5523 1.44772 23 2 23H21.9999C22.5522 23 22.9999 22.5523 22.9999 22V12M16.0078 1H21.9989C22.5512 1 22.9989 1.44772 22.9989 2V7.99114M22.5002 1.5L13.3195 10.68%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #f5f5f5;\n}\n.wcFullScreen-FuayU:hover {\n  background-color: #c4c4c4;\n}\n\n.diva-pseudo-fullscreen .wc_Nav3DToolbar-NM2CK .wcFullScreen-FuayU {\n  display: none;\n}\n.ar-absolute-IJps2#ar-icon {\n  position: absolute;\n  left: 12px;\n  bottom: 64px;\n  z-index: 1000;\n  width: 48px;\n  height: 48px;\n}\n\n#ar-icon {\n  width: 55px;\n  height: 55px;\n  cursor: pointer;\n  padding: 0;\n  border-radius: 50%;\n  background-size: 70%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3Csvg viewBox%3D%220 0 30 30%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M 17.88 1.861 L 14.94 0.471 C 14.79 0.401 14.62 0.401 14.47 0.471 L 11.52 1.861 C 11.1 2.061 10.91 2.571 11.11 2.991 C 11.25 3.301 11.56 3.481 11.88 3.481 C 12 3.481 12.12 3.451 12.24 3.401 L 13.85 2.641 L 13.85 4.711 C 13.85 5.181 14.23 5.561 14.7 5.561 C 15.17 5.561 15.55 5.181 15.55 4.711 L 15.55 2.641 L 17.16 3.401 C 17.58 3.601 18.09 3.421 18.29 2.991 C 18.49 2.561 18.31 2.061 17.88 1.861 Z M 17.161 7.591 L 14.701 8.751 L 12.241 7.591 C 11.821 7.391 11.311 7.571 11.111 8.001 C 10.911 8.421 11.091 8.931 11.521 9.131 L 13.821 10.211 C 13.821 10.231 13.816 10.248 13.811 10.266 C 13.806 10.283 13.801 10.301 13.801 10.321 L 13.801 12.401 C 13.801 12.871 14.181 13.251 14.651 13.251 C 15.121 13.251 15.501 12.871 15.501 12.401 L 15.501 10.321 C 15.501 10.311 15.498 10.301 15.496 10.291 C 15.493 10.281 15.491 10.271 15.491 10.261 L 17.891 9.131 C 18.311 8.931 18.501 8.421 18.301 8.001 C 18.091 7.581 17.581 7.391 17.161 7.591 Z M 21.051 3.421 L 23.681 4.681 C 23.881 4.771 24.001 4.971 24.001 5.181 L 24.001 8.211 C 24.001 8.681 23.621 9.061 23.151 9.061 C 22.681 9.061 22.301 8.681 22.301 8.211 L 22.301 7.091 L 20.911 7.741 C 20.791 7.791 20.671 7.821 20.551 7.821 C 20.231 7.821 19.921 7.641 19.781 7.331 C 19.581 6.911 19.771 6.401 20.191 6.201 L 21.571 5.551 L 20.321 4.951 C 19.901 4.751 19.721 4.241 19.921 3.821 C 20.121 3.401 20.631 3.221 21.051 3.421 Z M 9.21 6.201 L 7.83 5.551 L 9.08 4.951 C 9.5 4.751 9.68 4.241 9.48 3.821 C 9.28 3.391 8.77 3.211 8.35 3.421 L 5.72 4.681 C 5.52 4.771 5.4 4.971 5.4 5.181 L 5.4 8.201 C 5.4 8.671 5.78 9.051 6.25 9.051 C 6.72 9.051 7.1 8.681 7.1 8.211 L 7.1 7.081 L 8.49 7.731 C 8.61 7.791 8.73 7.821 8.85 7.821 C 9.17 7.821 9.48 7.641 9.62 7.331 C 9.821 6.911 9.64 6.401 9.21 6.201 Z M 22.301 13.081 C 22.301 12.611 22.681 12.231 23.151 12.231 C 23.621 12.231 24.001 12.611 24.011 13.081 L 24.011 16.101 C 24.011 16.321 23.881 16.521 23.691 16.611 L 21.061 17.871 C 20.941 17.921 20.811 17.951 20.691 17.951 C 20.371 17.951 20.071 17.771 19.921 17.471 C 19.721 17.051 19.901 16.541 20.321 16.341 L 21.571 15.741 L 20.191 15.091 C 19.761 14.891 19.581 14.391 19.781 13.961 C 19.981 13.531 20.491 13.351 20.911 13.551 L 22.301 14.201 L 22.301 13.081 Z M 9.62 13.951 C 9.42 13.531 8.91 13.341 8.49 13.541 L 7.1 14.201 L 7.1 13.081 C 7.1 12.611 6.72 12.231 6.25 12.231 C 5.78 12.231 5.4 12.611 5.4 13.081 L 5.4 16.111 C 5.4 16.321 5.52 16.521 5.71 16.611 L 8.34 17.871 C 8.46 17.931 8.58 17.951 8.71 17.951 C 9.03 17.951 9.33 17.771 9.48 17.471 C 9.68 17.051 9.5 16.541 9.08 16.341 L 7.83 15.741 L 9.21 15.091 C 9.64 14.891 9.821 14.381 9.62 13.951 Z M 15.551 18.511 L 17.161 17.751 C 17.581 17.551 18.091 17.731 18.291 18.161 C 18.491 18.581 18.301 19.091 17.881 19.291 L 14.941 20.671 C 14.791 20.741 14.611 20.741 14.461 20.671 L 11.521 19.291 C 11.091 19.091 10.911 18.581 11.111 18.161 C 11.311 17.731 11.821 17.551 12.241 17.751 L 13.851 18.511 L 13.851 16.441 C 13.851 15.971 14.231 15.591 14.701 15.591 C 15.171 15.591 15.551 15.971 15.551 16.441 L 15.551 18.511 Z%22 fill%3D%22white%22%2F%3E  %3Ctext style%3D%22fill%3A rgb(255%2C 255%2C 255)%3B font-family%3A Arial%2C sans-serif%3B font-size%3A 10px%3B font-weight%3A 700%3B letter-spacing%3A 1.9px%3B word-spacing%3A -6.7px%3B white-space%3A pre%3B%22 x%3D%227.235%22 y%3D%2228.446%22%3EAR%3C%2Ftext%3E%3C%2Fsvg%3E\");\n  background-color: var(--primaryColor);\n  background-repeat: no-repeat;\n  background-position: center center;\n  display: block;\n  transition: background-color 0.15s ease;\n}\n\ndiv .portrait-Znfkx.wc_Nav3DToolbar-NM2CK #ar-icon {\n  display: block;\n}\n";
+styleInject(css_248z);
+
+var NavBar = function NavBar() {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx("ul", {
+      id: "navBarControls",
+      className: wcNav3DToolbar,
+      children: !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
+        children: [(viewHandler.productState.doShowNav3D || viewHandler.productState.doShowNav3DCOMB) && !viewHandler.productState.roomListExpanded && /*#__PURE__*/jsxs(Fragment, {
+          children: [viewHandler.productState.doShow3DZoom && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx("li", {
+              id: "nav3DZoomIn",
+              onClick: function onClick() {
+                return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
+              },
+              className: wcZoomIn,
+              title: t('configurator.NAV3DZOOMIN_TT')
+            }), /*#__PURE__*/jsx("li", {
+              id: "nav3DZoomOut",
+              onClick: function onClick() {
+                return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
+              },
+              className: wcZoomOut,
+              title: t('configurator.NAV3DZOOMOUT_TT')
+            })]
+          }), /*#__PURE__*/jsx("li", {
+            id: "nav3DViews",
+            onClick: function onClick() {
+              return viewHandler.productState.onNav3DMenuSelect('Nav3DViews');
+            },
+            className: wcViews,
+            title: t('configurator.NAV3DVIEWS_TT')
+          }), /*#__PURE__*/jsx("li", {
+            id: "nav3DFullScreen",
+            onClick: function onClick() {
+              return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
+            },
+            className: wcFullScreen,
+            title: t('configurator.NAV3DFULLSCREEN_TT')
+          }), viewHandler.productState.doEnableToShow3DDimensionLines && /*#__PURE__*/jsx("li", {
+            id: "nav3DDimLine",
+            onClick: function onClick() {
+              return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+            },
+            className: wc3DDimLine,
+            title: t('configurator.NAV3DDIMLINE_TT')
+          })]
+        }), viewHandler.productState.allowQRCodeAR && !viewHandler.productState.roomListExpanded && /*#__PURE__*/jsx(ArQrCodeIcon, {}), /*#__PURE__*/jsx(ProductRoomList, {
+          style: {
+            position: 'static'
+          }
+        })]
+      })
+    })
+  });
+};
+var index = observer(NavBar);
+
+export { index as default };

package/build/esm/{index-661042a0.js → index-4cbc4390.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-899b8922.js';
+import { s as styleInject } from './index-cb3f6a27.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-dc3778bc.js';
+import Arrow from './index-2cae4848.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';