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

package/build/esm/{index-8c1b4b26.js → index-a90f85ca.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 'react';

package/build/esm/{index-91adb180.js → index-ab302e30.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 classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-44c61a0a.js → index-acc94498.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-24aa00a3.js';
-import Header from './index-53059766.js';
+import ConfigStep from './index-fd317b68.js';
+import Header from './index-ecfa0652.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ac00a904.js → index-ad66d2b2.js}

@@ -1,18 +1,18 @@
 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 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 TabGroup from './index-7224a5cd.js';
-import NavigationButtons from './index-04f648d7.js';
+import Inputbox from './index-8ab3c13c.js';
+import Product from './index-83046577.js';
+import Settings from './index-ca989fee.js';
+import TabGroup from './index-42adeb7b.js';
+import NavigationButtons from './index-910107b3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-1a5c4957.js';
+import BasketActionStandard from './index-4775d61b.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-a50102cc.js';
-import ProgressBar from './index-073c17e9.js';
-import BarrierActions from './index-2b57592c.js';
+import BasketMobile from './index-2903f0a0.js';
+import ProgressBar from './index-1a4e1f8f.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';
@@ -26,67 +26,67 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-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-YOuy8";
 var landscape = "landscape-EyFBs";

package/build/esm/{index-404c9818.js → index-ad7dd675.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-c906bd2c.js';
+import Group from './index-93d90d59.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-31088e06.js → index-b13905d5.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.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-e4bb50ed.js';
-import Toggle from './index-f72d9de2.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-ecc22afb.js';
+import Toggle from './index-9b973a25.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-dac42f25.js';
+import InfoIcon from './index-28d18866.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3ae549d3.js → index-b1429248.js}

@@ -1,16 +1,16 @@
 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 { w as wholeWrapper, n as notExpanded } from './index.module-41d92833.js';
-import TabGroups from './index-03ada660.js';
-import TabGroupOptions from './index-c3a32f17.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-7b9d4d29.js';
+import TabGroups from './index-367a20b6.js';
+import TabGroupOptions from './index-6e1d5933.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-d90c3b9c.js';
+import ProduktDetails from './index-652b5da3.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-e1f46e0f.js';
+import Price from './index-2a0e00f2.js';
 import classnames from 'classnames';
-import JsonViewer from './index-0fe3cd9e.js';
+import JsonViewer from './index-ff1ec912.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,7 +24,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-530a5852.js';
+import './index.module-3583b864.js';
 import 'react-json-view';
 
 var menuPoint = "menu-point-Bz5zM";

package/build/esm/{index-342d8a8b.js → index-b1668a3a.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-45cb6d4c.js';
+import { a as usePlannerUIHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-86835779.js';
-import ItemsContainer from './index-55802854.js';
+import Outline3D from './index-c5931368.js';
+import ItemsContainer from './index-f0e83e8b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-c8543164.js';
-import './index-91c82ad0.js';
-import './index-9fa3b149.js';
-import './index-ada75fa7.js';
-import './index-b2891397.js';
-import './index-53e43c7b.js';
-import './index-cd3dba4e.js';
-import './index-777e123e.js';
-import './index-61928853.js';
-import './index-f9e8e6fa.js';
-import './index-d229cd29.js';
+import './index-811a8452.js';
+import './index-6844bda4.js';
+import './index-2b741528.js';
+import './index-7f934b7b.js';
+import './index-eb979b9e.js';
+import './index-f2d8c64d.js';
+import './index-6af20c0d.js';
+import './index-141cdb01.js';
+import './index-20839c4a.js';
+import './index-f4c2b3a6.js';
+import './index-8d988436.js';
 import 'react-draggable';
-import './index-13dd6ee9.js';
-import './index-92939b97.js';
-import './index-e1626a96.js';
+import './index-d8d4c6ee.js';
+import './index-eca56b63.js';
+import './index-86b9816f.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-854fe28b.js → index-b23af3b6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';
@@ -50,7 +50,7 @@ var FullscreenAr = function FullscreenAr(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var userAgent = navigator.userAgent.toLowerCase();
-  if (userAgent.includes('fxios') || userAgent.includes('firefox') || isArCompatible == false) {
+  if (userAgent.includes('fxios') || userAgent.includes('firefox') || isArCompatible == false || userAgent.includes('edgios') && userAgent.includes('iphone')) {
     return /*#__PURE__*/jsxs("div", {
       className: errorWrapper,
       children: [/*#__PURE__*/jsx("div", {

package/build/esm/{index-15ca7d12.js → index-b30a059c.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-70f08a23.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-83b78517.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-ea3f3d9b.js';
 import classnames from 'classnames';
-import IsActive from './index-ffebbdb2.js';
+import IsActive from './index-e1890710.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-ab79c63d.js';
-import InfoIcon from './index-dac42f25.js';
+import GenericToolTip from './index-9e83e3e4.js';
+import InfoIcon from './index-28d18866.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-fb66ae97.js → index-b3c228cf.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-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 BasketActionStandard from './index-1a5c4957.js';
+import BasketActionStandard from './index-4775d61b.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-06cb61c0.js → index-b3f988d5.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-7c129ee4.js → index-b41e72c9.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-2dcae61e.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-bd531368.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-a1c2a5c9.js';
-import properties$1 from './ArticleProperties-803db65c.js';
-import properties$2 from './OptionProperties-2038bd88.js';
-import properties$3 from './OptionValueProperties-1f056e41.js';
+import properties from './CatalogProperties-d7c2cb22.js';
+import properties$1 from './ArticleProperties-e61f5c60.js';
+import properties$2 from './OptionProperties-bf2b6a34.js';
+import properties$3 from './OptionValueProperties-1ac5d503.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-f72d9de2.js';
+import './index-9b973a25.js';
 import 'react-switch';
 
 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; }

package/build/esm/{index-bd3d1e6c.js → index-b529f1d0.js}

@@ -1,11 +1,11 @@
 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 { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as wcFunctionsContainer, c as wcIcon } from './index.module-27e5102b.js';
+import { a as wcFunctionsContainer, c as wcIcon } from './index.module-c237cb87.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-c70878c1.js';
+import Share from './index-8ff58c94.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d30f8a8b.js → index-b6d789c1.js}

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

package/build/esm/{index-f4e654d6.js → index-b7950880.js}

@@ -1,7 +1,7 @@
 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 { useEffect } from 'react';
-import RequestProductForm from './requestProductForm-e61aa097.js';
+import RequestProductForm from './requestProductForm-0605e6b6.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3478b387.js → index-b833ecc1.js}

@@ -1,10 +1,10 @@
-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';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-47941dd2.js';
-import IsActive from './index-ffebbdb2.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-77d86006.js';
+import IsActive from './index-e1890710.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6c4fd714.js → index-b8c81c09.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-855a915e.js → index-b905f595.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-0335f27c.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-c9721798.js';
-import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-99401465.js';
-import PlannerUI from './index-342d8a8b.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-81a57d27.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-0ce6599c.js';
+import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-8d56888f.js';
+import PlannerUI from './index-b1668a3a.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,24 +19,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-86835779.js';
+import './index-c5931368.js';
 import 'classnames';
-import './index-55802854.js';
-import './index-c8543164.js';
-import './index-91c82ad0.js';
-import './index-9fa3b149.js';
-import './index-ada75fa7.js';
-import './index-b2891397.js';
-import './index-53e43c7b.js';
-import './index-cd3dba4e.js';
-import './index-777e123e.js';
-import './index-61928853.js';
-import './index-f9e8e6fa.js';
-import './index-d229cd29.js';
+import './index-f0e83e8b.js';
+import './index-811a8452.js';
+import './index-6844bda4.js';
+import './index-2b741528.js';
+import './index-7f934b7b.js';
+import './index-eb979b9e.js';
+import './index-f2d8c64d.js';
+import './index-6af20c0d.js';
+import './index-141cdb01.js';
+import './index-20839c4a.js';
+import './index-f4c2b3a6.js';
+import './index-8d988436.js';
 import 'react-draggable';
-import './index-13dd6ee9.js';
-import './index-92939b97.js';
-import './index-e1626a96.js';
+import './index-d8d4c6ee.js';
+import './index-eca56b63.js';
+import './index-86b9816f.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n}\n";

package/build/esm/{index-807cc086.js → index-ba9ba2dd.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-49fdf85c.js';
+import ShelfDeleteButton from './index-871d235b.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-90168732.js → index-bb49dec2.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-c4bd2762.js';
+import ItemVariant from './index-6f492b80.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,19 +28,7 @@ var TabGroupVertical = function TabGroupVertical(props) {
 
   //scroll logic
   useEffect(function () {
-    if (!viewHandler.tabGroupState.curTabGroup) return;
-    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
-    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
-    var offsetToTop = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().height / 100 * 10; //  das Active Div soll 10% in der Breite nach links positioniert sein
-    var actDivPos = curTabGroup.getBoundingClientRect().top - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().top; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
-    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollTop; //           soweit ist aktuell gescrollt
-
-    var toScrollTop = actDivPos - offsetToTop + actScrollVal;
-    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
-      left: 0,
-      top: toScrollTop,
-      behavior: 'smooth'
-    });
+    viewHandler.tabGroupState.scrollToCurTabgroup();
   }, [viewHandler.tabGroupState.curTabGroup]);
 
   //render until we get initial heigth

package/build/esm/{index-2dcae61e.js → index-bd531368.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-70f08a23.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-f72d9de2.js';
+import Toggle from './index-9b973a25.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-207ef2d9.js → index-c042b362.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -29,22 +29,32 @@ var TabSearch = function TabSearch(_ref) {
     t = _useTranslation.t;
   var viewHandler = useViewHandler();
   useEffect(function () {
+    var searchGotResetted = !!viewHandler.tabGroupState.filterTabgroup && !search;
     viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
+    if (searchGotResetted) {
+      setTimeout(function () {
+        return viewHandler.tabGroupState.scrollToCurTabgroup();
+      }, 200);
+    }
   }, [search]);
   useEffect(function () {
     if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
       setSearch('');
     }
   }, [viewHandler.tabGroupState.filterTabgroup]);
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: /*#__PURE__*/jsx("input", {
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx("input", {
       value: search,
       type: "text",
       onChange: function onChange(e) {
         return setSearch(e.target.value);
       },
       placeholder: t('filter.global')
-    })
+    }), !!search && /*#__PURE__*/jsx("div", {
+      onClick: function onClick() {
+        return setSearch('');
+      }
+    })]
   }));
 };
 var TabSearch$1 = observer(TabSearch);

package/build/esm/{index-b12fe55a.js → index-c2770609.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-70f08a23.js';
 import 'react';
-import { j as wcPlanner3DGrid } from './index.module-5d61a03b.js';
+import { j as wcPlanner3DGrid } from './index.module-a27eb86f.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';