@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.34

package/build/esm/{index-a3f35aff.js → index-abaea594.js}

@@ -1,4 +1,4 @@
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -13,9 +13,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-2683fc93.js → index-acdd8b4a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
@@ -18,7 +18,8 @@ var warning = "warning-1klI4";
 var configHeaderWrapper = "config-header-wrapper-ycLDr";
 var name = "name-4YnN5";
 var closeButton = "closeButton-kL18z";
-var css_248z = ".shelfPlannerContainerHorizontal-zUcmv {\n  display: flex;\n  width: 100%;\n}\n\n.shelfPlannerContainerVertical-3jwdx {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 60%;\n}\n\n.shelfPlannerContainerVertical-3jwdx .accessoires-ExU9- {\n  width: 100%;\n  height: 60%;\n}\n\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 34%;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerVertical-3jwdx .shelfGrid-VM2OD {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGridBorder-DyInR {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.shelfPlannerContainerVertical-3jwdx .shelfGridBorder-DyInR {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 66%;\n}\n\n.shelfPlannerContainerVertacal-rU1lK.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9-,\n.shelfPlannerContainerHorizontal-zUcmv.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9- {\n  width: 100%;\n}\n\n.row-JYcIF:first-child {\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoireContainer-Ht6lL {\n  height: 100%;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.info-Kfwx2 {\n  height: 75px;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.warning-1klI4 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.config-header-wrapper-ycLDr {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.name-4YnN5 {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.closeButton-kL18z {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.config-header-wrapper-ycLDr:hover .closeButton-kL18z {\n  background: center / 40% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%233f3f3f%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.config-header-wrapper-ycLDr:hover .name-4YnN5 {\n  font-size: 20px;\n}\n";
+var compactGrid = "compact-grid-XMy-k";
+var css_248z = ".shelfPlannerContainerHorizontal-zUcmv {\n  display: flex;\n  width: 100%;\n}\n\n.shelfPlannerContainerVertical-3jwdx {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 60%;\n}\n\n.shelfPlannerContainerVertical-3jwdx .accessoires-ExU9- {\n  width: 100%;\n  height: 60%;\n}\n\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 34%;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerVertical-3jwdx .shelfGrid-VM2OD {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGridBorder-DyInR {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.shelfPlannerContainerVertical-3jwdx .shelfGridBorder-DyInR {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 66%;\n}\n\n.shelfPlannerContainerVertacal-rU1lK.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9-,\n.shelfPlannerContainerHorizontal-zUcmv.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9- {\n  width: 100%;\n}\n\n.row-JYcIF:first-child {\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoireContainer-Ht6lL {\n  height: 100%;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.info-Kfwx2 {\n  height: 75px;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.warning-1klI4 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.config-header-wrapper-ycLDr {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.name-4YnN5 {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.closeButton-kL18z {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.config-header-wrapper-ycLDr:hover .closeButton-kL18z {\n  background: center / 40% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%233f3f3f%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.config-header-wrapper-ycLDr:hover .name-4YnN5 {\n  font-size: 20px;\n}\n\n/* Phones: more, smaller accessory tiles per row - the palette shares the screen with the 3D view. */\n.compact-grid-XMy-k {\n  --gridSize: 84px;\n  --gridGap: 8px;\n}\n\n/* Phone portrait: four tiles per row. */\n@media (max-width: 599px) {\n  .accessoireContainer-Ht6lL.compact-grid-XMy-k {\n    --gridGap: 6px;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n/* An empty row after the last tiles, so the floating next button never covers a title. A row rather than\n   padding: the grid's height is fixed and the tiles overflow it, so only an item extends the scroll range. */\n.compact-grid-XMy-k::after {\n  content: '';\n  grid-column: 1 / -1;\n  height: 48px;\n}\n";
 styleInject(css_248z);
 
 var index = function index(_ref) {
@@ -58,4 +59,4 @@ var index$1 = /*#__PURE__*/Object.freeze({
   'default': SelectedAcc
 });
 
-export { SelectedAcc as S, shelfPlannerContainerHorizontal as a, shelfPlannerContainerVertical as b, shelfGrid as c, shelfGridBorder as d, expanded as e, accessoires as f, configHeaderWrapper as g, closeButton as h, accessoireContainer as i, index$1 as j, name as n, shelfPlannerContainerRtv as s, warning as w };
+export { SelectedAcc as S, shelfPlannerContainerHorizontal as a, shelfPlannerContainerVertical as b, shelfGrid as c, shelfGridBorder as d, expanded as e, accessoires as f, configHeaderWrapper as g, closeButton as h, accessoireContainer as i, compactGrid as j, index$1 as k, name as n, shelfPlannerContainerRtv as s, warning as w };

package/build/esm/{index-2d6f9949.js → index-ad6979c8.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-9bc78e81.js';
+import { u as useViewHandler } from './index-3b485c37.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-3753e285.js';
+import ItemVariant from './index-48e0a719.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -13,9 +13,9 @@ import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-5b02211c.js → index-aebbf77c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-5ecc9ce8.js → index-b0237cc6.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect, useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -13,9 +13,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-e6cf3b27.js → index-b08227ec.js}

@@ -1,21 +1,21 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler, u as useViewHandler } from './index-9bc78e81.js';
+import { c as usePlannerUIHandler, u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-5a0e9327.js';
-import AVR from './index-ffe75ab4.js';
-import Outline from './index-a3b01e6c.js';
-import RotationClockwise from './index-a34e2c6b.js';
-import RotationCounterClockwise from './index-bd14271a.js';
-import Trash from './index-a3f35aff.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-3b3ba6dc.js';
+import AVL from './index-594715c6.js';
+import AVR from './index-31cd4c6a.js';
+import Outline from './index-f207c27b.js';
+import RotationClockwise from './index-efbe0065.js';
+import RotationCounterClockwise from './index-2cf775cb.js';
+import Trash from './index-abaea594.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-f9ca707a.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-fc472f67.js';
-import BoxCopy from './index-76b116ef.js';
+import PosNr from './index-948f48f0.js';
+import BoxCopy from './index-432cc5c2.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-fa389034.js';
-import DistanceToGround from './index-2cc58034.js';
+import ElementCopy from './index-b603f0c2.js';
+import DistanceToGround from './index-8c0408ed.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-d42f2640.js';
+import './index-f5230397.js';
 
 function usePosNrPositioning(_ref) {
   var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;

package/build/esm/{index-473f0e1f.js → index-b0fb4371.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-9bc78e81.js';
+import { u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-cdf3148d.js';
-import SlideFilter from './index-a2f11e80.js';
+import RalDropdownFilter from './index-e83df305.js';
+import SlideFilter from './index-08ecdf41.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -15,9 +15,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
@@ -25,9 +25,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-dropdown';
-import './index-23ff8156.js';
+import './index-17d9e652.js';
 import '@crystaldesign/content-box';
-import './index-0d1d96de.js';
+import './index-6036d9a6.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-d72f50e3.js → index-b0fd1232.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/index-b1f0598b.js

@@ -0,0 +1,47 @@
+import { u as useViewHandler } from './index-3b485c37.js';
+import React, { Suspense } from 'react';
+import { observer } from 'mobx-react-lite';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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/web-planner-logic';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+
+var ArLaunchButton = /*#__PURE__*/React.lazy(function () {
+  return import('./ArLaunchButton-ec44292e.js')["catch"](function () {
+    return {
+      "default": function _default() {
+        return null;
+      }
+    };
+  });
+});
+
+/** The rtv-next AR button (`ArLaunchButton`), loaded once rtv-next is in use. */
+var ArLaunch = function ArLaunch() {
+  var _useViewHandler = useViewHandler(),
+    productState = _useViewHandler.productState;
+  if (!productState.rtvNext) return null;
+  return /*#__PURE__*/jsx(Suspense, {
+    fallback: null,
+    children: /*#__PURE__*/jsx(ArLaunchButton, {})
+  });
+};
+var ArLaunch$1 = observer(ArLaunch);
+
+export { ArLaunch$1 as default };

package/build/esm/{index-37f0f093.js → index-b2342b3b.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-9bc78e81.js';
+import { u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-a2a89621.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-98e759c7.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -14,16 +14,16 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-d72e2302.js';
-import './index-9ba090b1.js';
+import './index-7a76bd25.js';
+import './index-8d651370.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/{index-8a2c0f61.js → index-b237cf6a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-3b485c37.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';
@@ -14,9 +14,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-578abab3.js → index-b38b0a37.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlannerDistanceToGround, e as wcPlannerArrowDistanceToGround } from './index.module-3383a38a.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-dd224fc7.js';
-import PlannerUI from './index-2dd37a09.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlannerDistanceToGround, e as wcPlannerArrowDistanceToGround } from './index.module-cfdd27f5.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-368226e3.js';
+import PlannerUI from './index-d4a4310e.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -16,28 +16,28 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-c3f114d9.js';
-import './index-e6cf3b27.js';
-import './index-5a0e9327.js';
-import './index-ffe75ab4.js';
-import './index-a3b01e6c.js';
-import './index-a34e2c6b.js';
-import './index-bd14271a.js';
-import './index-a3f35aff.js';
-import './index-3b3ba6dc.js';
-import './index-d42f2640.js';
-import './index-fc472f67.js';
-import './index-76b116ef.js';
-import './index-fa389034.js';
-import './index-2cc58034.js';
+import './index-2c4cedb6.js';
+import './index-b08227ec.js';
+import './index-594715c6.js';
+import './index-31cd4c6a.js';
+import './index-f207c27b.js';
+import './index-efbe0065.js';
+import './index-2cf775cb.js';
+import './index-abaea594.js';
+import './index-f9ca707a.js';
+import './index-f5230397.js';
+import './index-948f48f0.js';
+import './index-432cc5c2.js';
+import './index-b603f0c2.js';
+import './index-8c0408ed.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-d3b4172a.js → index-b45b140d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-fa389034.js → index-b603f0c2.js}

@@ -1,4 +1,4 @@
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -13,9 +13,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-ed92f45d.js → index-b6d85849.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import BlockIcon from '@mui/icons-material/Block';
@@ -16,8 +16,8 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'mobx';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-05452f91.js → index-b72d1304.js}

@@ -1,8 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-9bc78e81.js';
+import { u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -13,9 +14,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
@@ -26,6 +27,8 @@ import 'react-countup';
 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 LOG = getLogger('Planner', 'InfoBox');
+// Pointer travel up to which a press and release still count as a click and not as a drag (e.g. rotating the 3D view).
+var CLICK_TOLERANCE_PX = 5;
 var ContentItemWrapper = function ContentItemWrapper(_ref) {
   var direction = _ref.direction,
     mountElement = _ref.mountElement,
@@ -39,6 +42,37 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     _useDivaCore$actions = _useDivaCore.actions,
     openDrawerMenu = _useDivaCore$actions.openDrawerMenu,
     closeDrawerMenu = _useDivaCore$actions.closeDrawerMenu;
+  var pointerDown = useRef(undefined);
+  var boxRef = useRef(null);
+  var getOpenBox = function getOpenBox() {
+    return viewHandler.settingsState.isContentItemVisible ? "".concat(viewHandler.settingsState.contentItemId, "|").concat(viewHandler.settingsState.clickedFrom) : undefined;
+  };
+  useEffect(function () {
+    // Capture phase, so the open box is read before any click handler can switch it.
+    var onPointerDown = function onPointerDown(event) {
+      // A core fullscreen above the box (e.g. its enlarged image) belongs to the box; one that also holds the box is the page.
+      var overlay = event.target instanceof Element ? event.target.closest('.diva-fullscreen') : null;
+      var inOverlay = !!overlay && !!boxRef.current && !overlay.contains(boxRef.current);
+      pointerDown.current = {
+        x: event.clientX,
+        y: event.clientY,
+        openBox: getOpenBox(),
+        inOverlay: inOverlay
+      };
+    };
+    document.addEventListener('pointerdown', onPointerDown, true);
+    return function () {
+      return document.removeEventListener('pointerdown', onPointerDown, true);
+    };
+  }, []);
+  var closeOnClickAway = function closeOnClickAway(event) {
+    var down = pointerDown.current;
+    if (!down || down.inOverlay || !('clientX' in event)) return;
+    if (Math.hypot(event.clientX - down.x, event.clientY - down.y) > CLICK_TOLERANCE_PX) return;
+    // The same click already opened another info box (info icon, option with its own info, auto-open after navigation).
+    if (down.openBox !== getOpenBox()) return;
+    viewHandler.settingsState.setContentItemVisible(false);
+  };
   useEffect(function () {
     if (viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId) {
       setOpen(true);
@@ -114,7 +148,19 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
         var _ref4;
         openDrawerMenu({
           id: 'content-item',
-          content: content,
+          // No overlay on desktop to catch outside clicks; touchend stays off, it would close the box before an info icon toggles it.
+          content: /*#__PURE__*/jsx(ClickAwayListener, {
+            mouseEvent: "onClick",
+            touchEvent: false,
+            onClickAway: closeOnClickAway,
+            children: /*#__PURE__*/jsx("div", {
+              ref: boxRef,
+              style: {
+                display: 'contents'
+              },
+              children: content
+            })
+          }),
           onClose: onClose,
           open: true,
           hideCloseButton: true,

package/build/esm/{index-7133ee9a.js → index-b7416692.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-a2722c39.js → index-b824e3c2.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-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -13,9 +13,9 @@ import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-32ae30ba.js → index-b862359d.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-7e28e9e4.js';
-import ProductRoomList from './index-2755cd16.js';
+import ArQrCodeIcon from './index-eb331edc.js';
+import ProductRoomList from './index-d7c11fb3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -14,9 +14,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-c9e218d7.js';
+import './index-52c55f3e.js';
 import 'react-qr-code';
-import './index-2eea7937.js';
+import './index-9572f4b3.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";
@@ -41,6 +41,8 @@ var NavBar = function NavBar() {
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  // rtv-next has its own AR button (ArLaunch).
+  var rtvNext = viewHandler.rtvNextViewer;
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx("ul", {
       id: "navBarControls",
@@ -85,7 +87,7 @@ var NavBar = function NavBar() {
             className: wc3DDimLine,
             title: t('configurator.NAV3DDIMLINE_TT')
           })]
-        }), viewHandler.productState.allowQRCodeAR && !viewHandler.productState.roomListExpanded && /*#__PURE__*/jsx(ArQrCodeIcon, {}), /*#__PURE__*/jsx(ProductRoomList, {
+        }), viewHandler.productState.allowQRCodeAR && !rtvNext && !viewHandler.productState.roomListExpanded && /*#__PURE__*/jsx(ArQrCodeIcon, {}), /*#__PURE__*/jsx(ProductRoomList, {
           style: {
             position: 'static'
           }