@crystaldesign/diva-web-planner-react 24.13.0-rc.17 → 24.13.0-rc.19

package/build/esm/{index-00576881.js → index-5b5d0174.js}

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

package/build/esm/{index-cf6e5d42.js → index-5c7e5123.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-9befd1d1.js';
+import InfoIcon from './index-65051e8f.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-896dabbd.js → index-5d9218f1.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { useState, useEffect } from 'react';
-import OptionTree from './index-98b50271.js';
-import PartListTable from './index-80b5921a.js';
-import MaskEditor from './index-bea3ce69.js';
-import JsonAnalyzer from './index-c3b53584.js';
-import SVGAnalyzer from './index-906d14b7.js';
-import EkTextViewer from './index-20f95635.js';
-import CatalogMakeup from './index-9da570a5.js';
-import PartListAnalyzer from './index-2a0a3408.js';
-import RTVAnalyzer from './index-863a86dc.js';
-import J3DEditor from './index-146fe13d.js';
-import PropertiesEditor from './index-6857cea5.js';
+import OptionTree from './index-4be6f190.js';
+import PartListTable from './index-df36b15e.js';
+import MaskEditor from './index-a4bf542f.js';
+import JsonAnalyzer from './index-8919b24d.js';
+import SVGAnalyzer from './index-1924a174.js';
+import EkTextViewer from './index-39ab45ff.js';
+import CatalogMakeup from './index-a562492e.js';
+import PartListAnalyzer from './index-444e011f.js';
+import RTVAnalyzer from './index-197b268f.js';
+import J3DEditor from './index-48dd620b.js';
+import PropertiesEditor from './index-0457e009.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -27,36 +27,36 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index.module-dc64e1cf.js';
-import './index-28d06a6a.js';
-import './index-ab17eb88.js';
+import './index.module-6e488e1c.js';
+import './index-bacdd424.js';
+import './index-11a24ab5.js';
 import 'classnames';
-import './index-0ee01cac.js';
+import './index-6d840c69.js';
 import 'react-collapsible';
-import './index-1021720a.js';
-import './index-d80fae93.js';
-import './index.module-bd932678.js';
+import './index-01a218d8.js';
+import './index-1f631d5b.js';
+import './index.module-567f5587.js';
 import 'react-json-view';
-import './index.module-85697cfc.js';
+import './index.module-21d5df3b.js';
 import 'jsoneditor';
-import './index-fb49a30e.js';
-import './index-4c5435ca.js';
-import './index-3a0bb479.js';
-import './index.module-47b127ea.js';
-import './index-351184a2.js';
-import './index-4d18e738.js';
+import './index-c3aee3cd.js';
+import './index-ef9f3d3c.js';
+import './index-f891b5cd.js';
+import './index.module-0ca0c99f.js';
+import './index-84a43365.js';
+import './index-b083c2f3.js';
 import 'react-dropdown';
-import './index.module-2323b93c.js';
-import './index-54e35c4d.js';
-import './index-bbc83d4c.js';
-import './index-2f5a8418.js';
-import './index-045b88f2.js';
-import './index-a613d6aa.js';
+import './index.module-c7e6c686.js';
+import './index-2bd78668.js';
+import './index-064d92f3.js';
+import './index-1ba13bad.js';
+import './index-0c56c35f.js';
+import './index-51fdd93f.js';
 import 'react-switch';
-import './CatalogProperties-60cb7b3a.js';
-import './ArticleProperties-6b6d9352.js';
-import './OptionProperties-23211658.js';
-import './OptionValueProperties-e0144ab7.js';
+import './CatalogProperties-d738a9af.js';
+import './ArticleProperties-fc705f88.js';
+import './OptionProperties-f7d09e71.js';
+import './OptionValueProperties-8fd99537.js';
 import 'react-select';
 
 var wrapper = "wrapper-eIL6V";

package/build/esm/{index-4099df10.js → index-5dedff2d.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-96f15ea7.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-9c0d43d8.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-20de2705.js';
-import MetaData from './index-75d53041.js';
+import GenericToolTip from './index-e280eaf3.js';
+import MetaData from './index-6e899ec0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-9befd1d1.js';
+import InfoIcon from './index-65051e8f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-62cf2c17.js → index-5ef46c44.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-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-893d94f3.js';
-import ItemVariant from './index-cd2520e9.js';
-import SettingsPaletteGroup from './index-017b49f9.js';
-import ToggleOption from './index-85fc98b9.js';
-import GroupDropdown from './index-5a82037b.js';
-import PromotedProducts from './index-a01d3a05.js';
-import ToggleName from './index-da15c966.js';
-import ProductList from './index-b44f2abf.js';
-import itemPaletteTypeComponentMap from './index-2f55a6ef.js';
-import ItemWrapper from './index-f6b74b5c.js';
+import TextBox from './index-379ab6c9.js';
+import ItemVariant from './index-66ca7672.js';
+import SettingsPaletteGroup from './index-a7ee2156.js';
+import ToggleOption from './index-382975f2.js';
+import GroupDropdown from './index-8c2a29a4.js';
+import PromotedProducts from './index-7353c7a8.js';
+import ToggleName from './index-78b8168c.js';
+import ProductList from './index-422fc6e2.js';
+import itemPaletteTypeComponentMap from './index-39b9c8e2.js';
+import ItemWrapper from './index-00716318.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-1b2ed86e.js');
+  return import('./index-09ef0557.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-66483ca9.js');
+  return import('./index-058c807b.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-e9170b26.js → index-607e34e4.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-4a86d1e5.js';
-import ProductHeader from './index-3f7a0f98.js';
+import { s as styleInject } from './index-59c618d0.js';
+import ProductHeader from './index-d9c611c9.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-97f1e2a1.js';
+import './index-bb7edf1c.js';
 import '@crystaldesign/content-box';
-import './index-fdc91e5c.js';
+import './index-2858dc72.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-aa9cb80a.js → index-6274159e.js}

@@ -1,4 +1,4 @@
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7cc0c87d.js → index-63a7ab79.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-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-9befd1d1.js → index-65051e8f.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-832109f1.js → index-66647354.js}

@@ -1,4 +1,4 @@
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-cd2520e9.js → index-66ca7672.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-243aa6f7.js → index-68c8ddea.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-4a86d1e5.js';
+import { u as useViewHandler } from './index-59c618d0.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-a613d6aa.js';
+import Toggle from './index-51fdd93f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f6724a86.js → index-6a7dd6e9.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-4a86d1e5.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-59c618d0.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-7f0d2095.js';
-import AVR from './index-12654f64.js';
-import Outline from './index-91b8d191.js';
-import RotationClockwise from './index-99c61219.js';
-import RotationCounterClockwise from './index-88b7485e.js';
-import Trash from './index-aa9cb80a.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-5eae6e69.js';
+import AVL from './index-14e78a33.js';
+import AVR from './index-e5f0f953.js';
+import Outline from './index-46e61936.js';
+import RotationClockwise from './index-f96783d3.js';
+import RotationCounterClockwise from './index-74290f13.js';
+import Trash from './index-6274159e.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-78ef8c59.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-9457dcbe.js';
-import BoxCopy from './index-e434e8c5.js';
-import Move3DGrid from './index-5fcd0077.js';
-import Rotation3DGrid from './index-c9517a01.js';
+import PosNr from './index-48c635a1.js';
+import BoxCopy from './index-5597420d.js';
+import Move3DGrid from './index-977166c2.js';
+import Rotation3DGrid from './index-d1e9519d.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-f32c5826.js';
-import DistanceToGround from './index-44268fa1.js';
+import ElementCopy from './index-420384f4.js';
+import DistanceToGround from './index-ed87ea2b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-f365a90b.js';
+import './index-ce18777f.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-0ee01cac.js → index-6d840c69.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-75d53041.js → index-6e899ec0.js}

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

package/build/esm/{index-a01d3a05.js → index-7353c7a8.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-5699901d.js';
+import SettingsHeader from './index-24fe1d0b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-88b7485e.js → index-74290f13.js}

@@ -1,4 +1,4 @@
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-a8292f79.js → index-76cd632f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-0553fc44.js → index-788ac020.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-da15c966.js → index-78b8168c.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-4a86d1e5.js';
+import { u as useViewHandler } from './index-59c618d0.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-40d2a92c.js';
-import Toggle from './index-a613d6aa.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-432a683a.js';
+import Toggle from './index-51fdd93f.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-9befd1d1.js';
+import InfoIcon from './index-65051e8f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5eae6e69.js → index-78ef8c59.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-4a86d1e5.js';
+import { a as usePlannerUIHandler } from './index-59c618d0.js';
 import { useState } from 'react';
-import DPACC from './index-f365a90b.js';
+import DPACC from './index-ce18777f.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-9497b293.js → index-7929eb62.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4a86d1e5.js';
+import './index-59c618d0.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-cf6e5d42.js';
+import Group from './index-5c7e5123.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-collapsible';
-import './index-9befd1d1.js';
+import './index-65051e8f.js';
 
 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; }

package/build/esm/{index-35c08bac.js → index-7f26ee49.js}

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

package/build/esm/index-80510dbc.js

@@ -0,0 +1,168 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useRef, useEffect } from 'react';
+import { useLayer } from 'react-laag';
+import Tooltip from './index-0110597a.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import FullscreenAr from './index-4730daaa.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'react-qr-code';
+
+var css_248z = "div li#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 li#-ar-icon,\ndiv li#ar-icon {\n  width: 48px;\n  height: 48px;\n}\n\ndiv .portrait.wc_Nav3DToolbar li#ar-icon {\n  display: block;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 ArQrCodeTooltip = function ArQrCodeTooltip(props) {
+  var _viewHandler$getViewC;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    openModal = _useDivaCore.actions.openModal,
+    _useDivaCore$state = _useDivaCore.state,
+    isMobile = _useDivaCore$state.isMobile,
+    isTablet = _useDivaCore$state.dimensions.isTablet;
+  //tooltip is going to close itself by timer
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoClose = _useState2[0],
+    setAutoClose = _useState2[1];
+  var autoCloseTimeout = useRef();
+  var arQrCodeConfig = (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.enableAR;
+  var openAr = isMobile || isTablet;
+
+  //for fade animation
+  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tooltipVisible = _useState4[0],
+    setTooltipVisible = _useState4[1];
+  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
+  var _useLayer = useLayer({
+      isOpen: showTooltip,
+      auto: true,
+      placement: 'right-end',
+      triggerOffset: 16
+    }),
+    triggerProps = _useLayer.triggerProps,
+    layerProps = _useLayer.layerProps,
+    renderLayer = _useLayer.renderLayer,
+    arrowProps = _useLayer.arrowProps;
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    url = _useState6[0],
+    setUrl = _useState6[1];
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode == true) {
+      viewHandler.openARObserverConnection(function () {
+        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
+      } // request hqr onreceivehqr triggers update
+      ).then(function (url) {
+        return setUrl(url);
+      });
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode && openAr) openModal({
+      content: /*#__PURE__*/jsx(FullscreenAr, {
+        url: url,
+        isArCompatible: viewHandler.productState.isArCompatible,
+        broswerSupportAR: viewHandler.productState.browserSupportAR,
+        activateAR: viewHandler.productState.activateAR
+      }),
+      fullscreen: true,
+      rejectByIcon: true,
+      dontRenderForm: true,
+      callback: function callback(value) {
+        if (!value) {
+          viewHandler.productState.setDoShowARQRCode(false);
+          viewHandler.productState.loadRTVForAr = false;
+          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+        }
+      }
+    });
+  }, [viewHandler.productState.activateAR, url]);
+  useEffect(function () {
+    //start timeout for auto open the tooltip
+    if (!viewHandler.productState.arCodeWasVisibleOnce && typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
+      var _arQrCodeConfig$timeU;
+      autoCloseTimeout.current = setTimeout(function () {
+        viewHandler.productState.setArCodeWasVisibleOnce();
+        setAutoClose(true);
+        viewHandler.productState.setDoShowARQRCode(true);
+      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
+    }
+    if (!viewHandler.productState.doShowARQRCode && autoClose) {
+      setAutoClose(false);
+    }
+    //delay the state of visible so we animate the fade out
+    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
+      setTimeout(function () {
+        setTooltipVisible(viewHandler.productState.doShowARQRCode);
+      }, 200);
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  var onClick = function onClick() {
+    viewHandler.productState.setDoShowARQRCode(true);
+    if (openAr) {
+      if (!viewHandler.productState.doShowRTV) {
+        viewHandler.productState.loadRTVForAr = true;
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
+      }
+      openModal({
+        content: /*#__PURE__*/jsx(FullscreenAr, {
+          url: url,
+          isArCompatible: viewHandler.productState.isArCompatible,
+          broswerSupportAR: viewHandler.productState.browserSupportAR,
+          activateAR: viewHandler.productState.activateAR
+        }),
+        fullscreen: true,
+        dontRenderForm: true,
+        rejectByIcon: true,
+        callback: function callback(value) {
+          if (!value) {
+            viewHandler.productState.loadRTVForAr = false;
+            viewHandler.productState.setDoShowARQRCode(false);
+            viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+          }
+        }
+      });
+    }
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
+      id: "ar-icon"
+    }, props), {}, {
+      className: classnames(props.className),
+      onClick: onClick,
+      title: t('configurator.ar_qr_title')
+    }, triggerProps), {}, {
+      style: {
+        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb ? 'visible' : 'hidden'
+      }
+    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
+      arrowProps: arrowProps,
+      layerProps: layerProps,
+      autoClose: autoClose,
+      fadeIn: tooltipVisible,
+      fadeout: !viewHandler.productState.doShowARQRCode,
+      url: url
+    }))]
+  });
+};
+var ArQrCodeIcon = observer(ArQrCodeTooltip);
+
+export { ArQrCodeIcon as default };

package/build/esm/{index-d16d0cea.js → index-825b604c.js}

@@ -1,10 +1,10 @@
 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-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-e3211156.js';
+import StepInfo from './index-078f1b1f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2287a024.js → index-8344d426.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-4a86d1e5.js';
+import { s as styleInject, u as useViewHandler } from './index-59c618d0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-27000822.js';
+import PriceSumm from './index-d2ebc702.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';