@crystaldesign/diva-web-planner-react 24.12.0-beta.5 → 24.12.0-beta.7

package/build/esm/{ArticleProperties-803db65c.js → ArticleProperties-e61f5c60.js}

@@ -1,4 +1,4 @@
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-a1c2a5c9.js → CatalogProperties-d7c2cb22.js}

@@ -1,4 +1,4 @@
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-45eb373c.js → IconHandler-59fc8326.js}

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

package/build/esm/{OptionProperties-2038bd88.js → OptionProperties-bf2b6a34.js}

@@ -1,4 +1,4 @@
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-1f056e41.js → OptionValueProperties-1ac5d503.js}

@@ -1,4 +1,4 @@
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-6f77231b.js → Planner2DGrid-28c89cd9.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -318,13 +318,14 @@ var Planner2DGrid = /*#__PURE__*/function () {
   }, {
     key: "addPosNrUI",
     value: function addPosNrUI(viewPlannerUI, plannerElement, elementIsSelected, elementIsSelectable) {
+      var _viewPlannerUI$getPos;
       if (plannerElement.getIsDockedAccessoire() && this.getConfiguratorState() !== 'ACC_PLANNER') return;
       var configuration = this.getPlannerViewConfig();
       var screenPosElem = new Vector2(0, 0, 'pixel');
       if (configuration.posNumIcon == 'TOP_LEFT_BACK') {
         screenPosElem = this.worldPosToScreenPos(new Vector2(plannerElement.getWorldPosCorner().x, plannerElement.getWorldPosCorner().z));
       }
-      viewPlannerUI.addPosNrUI(plannerElement.getSetId(), plannerElement.getElementId(), plannerElement.getIsDockedAccessoire(), screenPosElem, plannerElement.getRotDeg(), this.currZoomFactor, plannerElement.getPosNrWithAccessoirePosNr(), this.getIconState(elementIsSelected, elementIsSelectable), '2D');
+      viewPlannerUI.addPosNrUI(plannerElement.getSetId(), plannerElement.getElementId(), plannerElement.getIsDockedAccessoire(), screenPosElem, plannerElement.getRotDeg(), this.currZoomFactor, (_viewPlannerUI$getPos = viewPlannerUI.getPosNrByBasketId(plannerElement.getBasketId())) === null || _viewPlannerUI$getPos === void 0 ? void 0 : _viewPlannerUI$getPos.toString(), this.getIconState(elementIsSelected, elementIsSelectable), '2D');
     }
 
     /**

package/build/esm/{Planner3DImage-843769e7.js → Planner3DImage-5a2678c5.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -611,7 +611,7 @@ var Planner3DImageUI = /*#__PURE__*/function () {
       if (posXPercent > 100) posXPercent = 100;
       if (posYPercent < 0) posYPercent = 0;
       if (posYPercent > 100) posYPercent = 100;
-      plannerUIHandler.addPosNrUI(element.getSetId(), element.getElementId(), element.getIsDockedAccessoire(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getRotDeg(), 1, element.getPosNrWithAccessoirePosNr(), elemIsSelected ? 'selected' : elemIsSelectable ? 'selectable' : 'unselectable', '3D');
+      plannerUIHandler.addPosNrUI(element.getSetId(), element.getElementId(), element.getIsDockedAccessoire(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getRotDeg(), 1, plannerUIHandler.getPosNrByBasketId(element.getBasketId()).toString(), elemIsSelected ? 'selected' : elemIsSelectable ? 'selectable' : 'unselectable', '3D');
     }
 
     /**

package/build/esm/{index-84ecba52.js → index-01ad818f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-c72886e6.js → index-0667156e.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 } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
-import Toggle from './index-f72d9de2.js';
+import Toggle from './index-9b973a25.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-63cfedd6.js';
+import BasketActionSerious from './index-472e34d6.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-ae027652.js → index-06ffa754.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-e46d7753.js → index-08b6fbac.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-ffebbdb2.js';
-import InfoIcon from './index-dac42f25.js';
+import IsActive from './index-e1890710.js';
+import InfoIcon from './index-28d18866.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5844a9aa.js → index-09991161.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-ce25998d.js';
-import Product from './index-70da508d.js';
-import Settings from './index-cf7fefee.js';
-import NavigationButtons from './index-04f648d7.js';
-import BasketAction from './index-06cb61c0.js';
-import TabGroup from './index-7224a5cd.js';
+import Inputbox from './index-8ab3c13c.js';
+import Product from './index-83046577.js';
+import Settings from './index-ca989fee.js';
+import NavigationButtons from './index-910107b3.js';
+import BasketAction from './index-b3f988d5.js';
+import TabGroup from './index-42adeb7b.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-2b57592c.js';
+import BarrierActions from './index-4dd61ffb.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-fd059feb.js';
-import './index-0cf5ae4c.js';
-import './index-4088cdaa.js';
-import './index-f6f7b212.js';
-import './index-92a25b4f.js';
+import './index-94d072ff.js';
+import './index-9060a03a.js';
+import './index-49cbdd95.js';
+import './index-8ddd0b55.js';
+import './index-ef5162a0.js';
 import 'react-laag';
-import './index-ce40f905.js';
-import './index-af851a07.js';
-import './index-78669beb.js';
+import './index-85740a6d.js';
+import './index-5b7316ba.js';
+import './index-67f01182.js';
 import 'sift';
-import './index-fa777838.js';
-import './index-53209445.js';
-import './index-38d85751.js';
-import './index-018519c5.js';
-import './index.module-e4bb50ed.js';
-import './index-f72d9de2.js';
+import './index-793c0018.js';
+import './index-c4dfa899.js';
+import './index-d286808f.js';
+import './index-470d4dc9.js';
+import './index.module-ecc22afb.js';
+import './index-9b973a25.js';
 import 'react-switch';
-import './index-dac42f25.js';
-import './index-d4801af1.js';
+import './index-28d18866.js';
+import './index-86643a81.js';
 import 'react-dropdown';
-import './index-efc2f22d.js';
-import './index-59f15ac3.js';
-import './index-064fab14.js';
-import './index-2a7478f2.js';
+import './index-1f6a04b4.js';
+import './index-483b3f05.js';
+import './index-1fca2374.js';
+import './index-6dfe9456.js';
 import '@crystaldesign/content-box';
-import './index-52203b1a.js';
-import './index-3647f488.js';
-import './index-6453950c.js';
-import './index-31088e06.js';
-import './index-62c20c6c.js';
+import './index-696d65f6.js';
+import './index-8208ccb1.js';
+import './index-c50344e7.js';
+import './index-b13905d5.js';
+import './index-e3a7d321.js';
 import '@crystaldesign/products-component';
-import './index-cdce8e20.js';
-import './index-4ed9e32f.js';
-import './index-b87b1942.js';
-import './index-0b6e9330.js';
-import './index-ab79c63d.js';
-import './index-c0b19e10.js';
-import './index-18f01d22.js';
-import './index-36ded0a5.js';
-import './index-4a8f30e1.js';
-import './index-6cb0665b.js';
-import './index-91adb180.js';
-import './index-6c4fd714.js';
-import './index-3478b387.js';
-import './index.module-47941dd2.js';
-import './index-ffebbdb2.js';
-import './index-95decbb8.js';
-import './index-f1668abd.js';
-import './index-e46d7753.js';
-import './index-bab41c92.js';
-import './index-d4196063.js';
-import './index-ef74ebea.js';
-import './index.module-83b78517.js';
-import './index-1141848f.js';
-import './index-e2c616ba.js';
-import './index-34bd2549.js';
-import './index-1ae9c2eb.js';
-import './index-66525c46.js';
-import './index-90168732.js';
-import './index-c4bd2762.js';
-import './index-207ef2d9.js';
+import './index-f8d81cf9.js';
+import './index-675ffe95.js';
+import './index-fe30d1b0.js';
+import './index-334be5b5.js';
+import './index-9e83e3e4.js';
+import './index-f218e05b.js';
+import './index-f2be404b.js';
+import './index-a010688a.js';
+import './index-59c65742.js';
+import './index-de6b04fe.js';
+import './index-ab302e30.js';
+import './index-b8c81c09.js';
+import './index-b833ecc1.js';
+import './index.module-77d86006.js';
+import './index-e1890710.js';
+import './index-a26f3c75.js';
+import './index-380f75ad.js';
+import './index-08b6fbac.js';
+import './index-daeaf1de.js';
+import './index-e8db5ad1.js';
+import './index-5c70207f.js';
+import './index.module-ea3f3d9b.js';
+import './index-4e6d123c.js';
+import './index-ceea17fc.js';
+import './index-1f606dcc.js';
+import './index-91768d6a.js';
+import './index-cda1027c.js';
+import './index-bb49dec2.js';
+import './index-6f492b80.js';
+import './index-c042b362.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-d4862d53.js → index-0df36163.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-b659ca24.js → index-10895b38.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-3ee3738e.js → index-135f1639.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-14030a5d.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-530a5852.js';
+import { h as header } from './index.module-ab4bd7f7.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-3583b864.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-41d92833.js';
+import { n as notExpanded } from './index.module-7b9d4d29.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-52acd803.js → index-135f3ccb.js}

@@ -1,10 +1,10 @@
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-47cf3157.js';
-import Arrow from './index-064fab14.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-d45172ad.js';
+import Arrow from './index-1fca2374.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-777e123e.js → index-141cdb01.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-45cb6d4c.js';
+import { a as usePlannerUIHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-6d7f2ade.js → index-150f9ca2.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';

package/build/esm/{index-9be7463e.js → index-1831c501.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-52289f6e.js → index-19c19165.js}

@@ -2,15 +2,15 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-0b6e9330.js';
-import GenericToolTip from './index-ab79c63d.js';
-import SubTabGroup from './index-90fb26e6.js';
+import MetaData from './index-334be5b5.js';
+import GenericToolTip from './index-9e83e3e4.js';
+import SubTabGroup from './index-f39fc43e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -21,54 +21,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-collapsible';
-import './index-11422dfd.js';
-import './index-78669beb.js';
+import './index-849aa9a2.js';
+import './index-67f01182.js';
 import 'sift';
-import './index-fa777838.js';
-import './index-0cf5ae4c.js';
-import './index-53209445.js';
-import './index-38d85751.js';
-import './index-018519c5.js';
-import './index.module-e4bb50ed.js';
-import './index-f72d9de2.js';
+import './index-793c0018.js';
+import './index-9060a03a.js';
+import './index-c4dfa899.js';
+import './index-d286808f.js';
+import './index-470d4dc9.js';
+import './index.module-ecc22afb.js';
+import './index-9b973a25.js';
 import 'react-switch';
-import './index-dac42f25.js';
-import './index-d4801af1.js';
+import './index-28d18866.js';
+import './index-86643a81.js';
 import 'react-dropdown';
-import './index-efc2f22d.js';
+import './index-1f6a04b4.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-59f15ac3.js';
-import './index-064fab14.js';
-import './index-2a7478f2.js';
+import './index-483b3f05.js';
+import './index-1fca2374.js';
+import './index-6dfe9456.js';
 import '@crystaldesign/content-box';
-import './index-52203b1a.js';
-import './index-3647f488.js';
-import './index-6453950c.js';
-import './index-31088e06.js';
-import './index-62c20c6c.js';
+import './index-696d65f6.js';
+import './index-8208ccb1.js';
+import './index-c50344e7.js';
+import './index-b13905d5.js';
+import './index-e3a7d321.js';
 import '@crystaldesign/products-component';
-import './index-cdce8e20.js';
-import './index-4ed9e32f.js';
-import './index-b87b1942.js';
-import './index-c0b19e10.js';
-import './index-18f01d22.js';
-import './index-36ded0a5.js';
-import './index-4a8f30e1.js';
-import './index-6cb0665b.js';
-import './index-91adb180.js';
-import './index-6c4fd714.js';
-import './index-3478b387.js';
-import './index.module-47941dd2.js';
-import './index-ffebbdb2.js';
-import './index-95decbb8.js';
-import './index-f1668abd.js';
-import './index-e46d7753.js';
-import './index-bab41c92.js';
-import './index-d4196063.js';
-import './index-ef74ebea.js';
-import './index.module-83b78517.js';
-import './index-1141848f.js';
-import './index-e2c616ba.js';
+import './index-f8d81cf9.js';
+import './index-675ffe95.js';
+import './index-fe30d1b0.js';
+import './index-f218e05b.js';
+import './index-f2be404b.js';
+import './index-a010688a.js';
+import './index-59c65742.js';
+import './index-de6b04fe.js';
+import './index-ab302e30.js';
+import './index-b8c81c09.js';
+import './index-b833ecc1.js';
+import './index.module-77d86006.js';
+import './index-e1890710.js';
+import './index-a26f3c75.js';
+import './index-380f75ad.js';
+import './index-08b6fbac.js';
+import './index-daeaf1de.js';
+import './index-e8db5ad1.js';
+import './index-5c70207f.js';
+import './index.module-ea3f3d9b.js';
+import './index-4e6d123c.js';
+import './index-ceea17fc.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-073c17e9.js → index-1a4e1f8f.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-c021502b.js → index-1d2e5ffe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-5b732a69.js → index-1e9700a8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-34bd2549.js → index-1f606dcc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-efc2f22d.js → index-1f6a04b4.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-59f15ac3.js';
-import SlideFilter from './index-2a7478f2.js';
+import RalDropdownFilter from './index-483b3f05.js';
+import SlideFilter from './index-6dfe9456.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-064fab14.js';
+import './index-1fca2374.js';
 import '@crystaldesign/content-box';
-import './index-52203b1a.js';
+import './index-696d65f6.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-064fab14.js → index-1fca2374.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-61928853.js → index-20839c4a.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-183344d7.js → index-2357ba6a.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-7cdfb610.js';
+import Tooltip from './index-6f3dba5a.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-854fe28b.js';
+import FullscreenAr from './index-b23af3b6.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
@@ -77,7 +77,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     }
   }, [viewHandler.productState.doShowARQRCode]);
   useEffect(function () {
-    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode) openModal({
+    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode && openAr) openModal({
       content: /*#__PURE__*/jsx(FullscreenAr, {
         url: url,
         isArCompatible: viewHandler.productState.isArCompatible,
@@ -97,7 +97,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
   }, [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) {
+    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();

package/build/esm/{index-678b2baf.js → index-2618e260.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-5c77a0cf.js → index-26705ebe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-dac42f25.js → index-28d18866.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-a50102cc.js → index-2903f0a0.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';