@crystaldesign/diva-web-planner-react 25.11.0-rc.27 → 25.11.0-rc.28

package/build/esm/{index-f2df5b57.js → index-822730ee.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-36211d6a.js';
+import SettingsHeader from './index-3febb9f1.js';
 import classnames from 'classnames';
-import Search from './index-a1b08fd8.js';
+import Search from './index-bba8ee84.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-25a376d2.js → index-82e8d7dc.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-79c5c86c.js → index-831a8eb7.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-0a450543.js';
+import { s as styleInject } from './index-f69c8d2f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-99beb0ce.js';
+import VerticalTabGroupItemStandard from './index-9e7c2084.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-06196159.js → index-852f8fbd.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-acf1ed58.js';
-import Product from './index-bd4fa646.js';
-import Settings from './index-8ba01534.js';
-import NavigationButtons from './index-be63259c.js';
-import ActionBasket from './index-33138efb.js';
-import TabGroup from './index-c27ac652.js';
+import Inputbox from './index-ebcc672d.js';
+import Product from './index-71d0068f.js';
+import Settings from './index-59346c21.js';
+import NavigationButtons from './index-68f7b11d.js';
+import ActionBasket from './index-9a2ff406.js';
+import TabGroup from './index-72ffe530.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-a607e4f4.js';
+import BasketMobile from './index-0c7b4755.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-129428e1.js';
+import ProgressBar from './index-a54966f3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,90 +28,90 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-66100867.js';
-import './index-36211d6a.js';
-import './index-2ca27adf.js';
-import './index-526343f2.js';
+import './index-187b368a.js';
+import './index-3febb9f1.js';
+import './index-e267db7b.js';
+import './index-2f5be632.js';
 import 'sift';
-import './index-8c915d85.js';
-import './index-c4908101.js';
-import './index-629ad212.js';
-import './index-6d4dd7c1.js';
-import './index.module-95794f9a.js';
-import './index-6a743494.js';
+import './index-47c02f27.js';
+import './index-6f012d2a.js';
+import './index-fbf75a4f.js';
+import './index-a7ddcb3b.js';
+import './index.module-710986e8.js';
+import './index-91f4023c.js';
 import 'react-switch';
-import './index-0994c1fc.js';
-import './index-ca9995b9.js';
-import './index-bd009ff8.js';
+import './index-d42ae48f.js';
+import './index-80b891ab.js';
+import './index-1907db80.js';
 import 'react-countup';
-import './index-8999bd7c.js';
+import './index-1db3fb03.js';
 import 'react-dropdown';
-import './index-a9463488.js';
-import './index-d9f7997e.js';
-import './index-311d3da7.js';
-import './index-1de3b637.js';
+import './index-0aa6c39d.js';
+import './index-99bba926.js';
+import './index-c0e2a23b.js';
+import './index-d32b7be3.js';
 import '@crystaldesign/content-box';
-import './index-b2ab1de0.js';
-import './index-1618773f.js';
-import './index-1fca2690.js';
-import './index-9f9135e9.js';
-import './index-2409c398.js';
-import './index-edf9db63.js';
-import './index-15dec142.js';
-import './index-729ca47d.js';
-import './index-53edb5c7.js';
+import './index-460d0c4d.js';
+import './index-aa2a1ab6.js';
+import './index-148d9325.js';
+import './index-80a4cfce.js';
+import './index-170429d3.js';
+import './index-56d932f0.js';
+import './index-09e1ef85.js';
+import './index-596d18e7.js';
+import './index-9a4a01dc.js';
 import 'react-laag';
-import './index.module-f194471e.js';
-import './index-2ec27482.js';
-import './index-81cb3910.js';
-import './index-6e0a29a8.js';
-import './index-0e89a584.js';
-import './index-905e6ab7.js';
-import './index-e67d22da.js';
-import './index.module-a7f79a79.js';
-import './index-54ffb639.js';
-import './index-14948a38.js';
-import './index-8d55005c.js';
-import './index-5233acb2.js';
-import './index-2bd69ced.js';
-import './index-ac441e55.js';
-import './index-f31399e6.js';
-import './index-eb8ae52a.js';
-import './index-2f8fc897.js';
-import './index-25a376d2.js';
-import './index-9a558fd0.js';
-import './index-1109bb5c.js';
+import './index.module-aaf97841.js';
+import './index-ba474dc4.js';
+import './index-fca85482.js';
+import './index-9d6b84bf.js';
+import './index-bb61111f.js';
+import './index-c1b9672f.js';
+import './index-e6a39c00.js';
+import './index.module-bd504c83.js';
+import './index-be05f942.js';
+import './index-b1778072.js';
+import './index-173c309b.js';
+import './index-6e466943.js';
+import './index-418b5752.js';
+import './index-23d98f94.js';
+import './index-11752533.js';
+import './index-38b34326.js';
+import './index-1975925b.js';
+import './index-82e8d7dc.js';
+import './index-0db20cdb.js';
+import './index-32562b86.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-e8172fb9.js';
+import './index-bf600826.js';
 import 'rc-slider';
-import './index-2cac9d3e.js';
-import './index-9fd9a2c0.js';
-import './index-07fe0c76.js';
-import './index-85605602.js';
+import './index-70835d5d.js';
+import './index-bfa21ddf.js';
+import './index-60e5b055.js';
+import './index-43a13e17.js';
 import 'react-confetti-explosion';
-import './index-d34d7ee5.js';
-import './index-7f2b951b.js';
-import './index-21cca4e6.js';
+import './index-e3fdbaf0.js';
+import './index-60ff8349.js';
+import './index-7d3eabf1.js';
 import 'react-qr-code';
-import './index-aa9b6e6a.js';
-import './useCustomDimensions-a7855d5e.js';
-import './index-d45218d7.js';
-import './ussIsSticky-dd93ab45.js';
-import './index-8edda0b3.js';
-import './index.module-03ed2c84.js';
-import './index-9f5d22f8.js';
-import './index-c14a3e7f.js';
-import './index-5bcc497a.js';
-import './index-401a5909.js';
+import './index-9f38c575.js';
+import './useCustomDimensions-88af9f3d.js';
+import './index-d3db7a24.js';
+import './ussIsSticky-ad4d2a95.js';
+import './index-b2825bcc.js';
+import './index.module-c4b56d32.js';
+import './index-199b70cf.js';
+import './index-6ca9a931.js';
+import './index-fd330383.js';
+import './index-8fc019fb.js';
 import 'vaul';
-import './index-30c7abc7.js';
-import './index.module-c88c7b42.js';
-import './index-e8cb18c5.js';
-import './index-87324b16.js';
-import './index-55b44611.js';
-import './index-9d1bb5af.js';
-import './index-9597a213.js';
+import './index-8a65d204.js';
+import './index.module-45d91816.js';
+import './index-f0222d9f.js';
+import './index-6c25ce59.js';
+import './index-cd0ddbd9.js';
+import './index-44db3f80.js';
+import './index-28bac657.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/{index-aeaf6c58.js → index-8534e1a1.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-0a450543.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-f69c8d2f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-de611bfc.js';
-import AVR from './index-cefdfdcd.js';
-import Outline from './index-033012d9.js';
-import RotationClockwise from './index-b6d62987.js';
-import RotationCounterClockwise from './index-6a7a20dd.js';
-import Trash from './index-09d481e3.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-ee208159.js';
+import AVL from './index-eab8a021.js';
+import AVR from './index-34d6f28d.js';
+import Outline from './index-27f84acc.js';
+import RotationClockwise from './index-dffea186.js';
+import RotationCounterClockwise from './index-b78b5cc3.js';
+import Trash from './index-d07f2874.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-c90feaab.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-8a650e87.js';
-import BoxCopy from './index-75bfef53.js';
-import Move3DGrid from './index-4593c4d3.js';
-import Rotation3DGrid from './index-d2bdb274.js';
+import PosNr from './index-3bb2994e.js';
+import BoxCopy from './index-ea2ca219.js';
+import Move3DGrid from './index-34d08515.js';
+import Rotation3DGrid from './index-c8c534bf.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-1cb0cc8a.js';
-import DistanceToGround from './index-083cca56.js';
+import ElementCopy from './index-8e571cdd.js';
+import DistanceToGround from './index-980108ba.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -32,7 +32,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-6c190ef8.js';
+import './index-198553d5.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-a99d4b54.js → index-88f70781.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-1b4095fa.js';
+import Option from './index-c15ea897.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-0994c1fc.js';
-import PricePreview from './index-ca9995b9.js';
+import InfoIcon from './index-d42ae48f.js';
+import PricePreview from './index-80b891ab.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,13 +22,13 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-a7f79a79.js';
-import './index.module-f194471e.js';
-import './index-2ec27482.js';
+import './index.module-bd504c83.js';
+import './index.module-aaf97841.js';
+import './index-ba474dc4.js';
 import 'react-laag';
-import './index-ac441e55.js';
-import './index-81cb3910.js';
-import './index-bd009ff8.js';
+import './index-23d98f94.js';
+import './index-fca85482.js';
+import './index-1907db80.js';
 import 'react-countup';
 
 var container = "container-GW-AX";

package/build/esm/{index-93f380b0.js → index-8a5faf12.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-30c7abc7.js → index-8a65d204.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-f69c8d2f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-c88c7b42.js';
-import PriceCounter from './index-bd009ff8.js';
+import { c as checkoutButton } from './index.module-45d91816.js';
+import PriceCounter from './index-1907db80.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-24802bc6.js → index-8b7be2ae.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import { useTranslation } from 'react-i18next';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2ec850c7.js → index-8d47917e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b8a1c24e.js → index-8d502041.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-526343f2.js';
+import { S as SettingsItem } from './index-2f5be632.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,73 +21,73 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-8c915d85.js';
-import './index-36211d6a.js';
-import './index-c4908101.js';
-import './index-629ad212.js';
-import './index-6d4dd7c1.js';
-import './index.module-95794f9a.js';
-import './index-6a743494.js';
+import './index-47c02f27.js';
+import './index-3febb9f1.js';
+import './index-6f012d2a.js';
+import './index-fbf75a4f.js';
+import './index-a7ddcb3b.js';
+import './index.module-710986e8.js';
+import './index-91f4023c.js';
 import 'react-switch';
-import './index-0994c1fc.js';
-import './index-ca9995b9.js';
-import './index-bd009ff8.js';
+import './index-d42ae48f.js';
+import './index-80b891ab.js';
+import './index-1907db80.js';
 import 'react-countup';
-import './index-8999bd7c.js';
+import './index-1db3fb03.js';
 import 'react-dropdown';
-import './index-a9463488.js';
+import './index-0aa6c39d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d9f7997e.js';
-import './index-311d3da7.js';
-import './index-1de3b637.js';
+import './index-99bba926.js';
+import './index-c0e2a23b.js';
+import './index-d32b7be3.js';
 import '@crystaldesign/content-box';
-import './index-b2ab1de0.js';
-import './index-1618773f.js';
-import './index-1fca2690.js';
-import './index-9f9135e9.js';
-import './index-2409c398.js';
-import './index-edf9db63.js';
-import './index-15dec142.js';
-import './index-729ca47d.js';
-import './index-53edb5c7.js';
+import './index-460d0c4d.js';
+import './index-aa2a1ab6.js';
+import './index-148d9325.js';
+import './index-80a4cfce.js';
+import './index-170429d3.js';
+import './index-56d932f0.js';
+import './index-09e1ef85.js';
+import './index-596d18e7.js';
+import './index-9a4a01dc.js';
 import 'react-laag';
-import './index.module-f194471e.js';
-import './index-2ec27482.js';
-import './index-81cb3910.js';
-import './index-6e0a29a8.js';
-import './index-0e89a584.js';
-import './index-905e6ab7.js';
-import './index-e67d22da.js';
-import './index.module-a7f79a79.js';
-import './index-54ffb639.js';
-import './index-14948a38.js';
-import './index-8d55005c.js';
-import './index-5233acb2.js';
-import './index-2bd69ced.js';
-import './index-ac441e55.js';
-import './index-f31399e6.js';
-import './index-eb8ae52a.js';
-import './index-2f8fc897.js';
-import './index-25a376d2.js';
-import './index-9a558fd0.js';
-import './index-1109bb5c.js';
+import './index.module-aaf97841.js';
+import './index-ba474dc4.js';
+import './index-fca85482.js';
+import './index-9d6b84bf.js';
+import './index-bb61111f.js';
+import './index-c1b9672f.js';
+import './index-e6a39c00.js';
+import './index.module-bd504c83.js';
+import './index-be05f942.js';
+import './index-b1778072.js';
+import './index-173c309b.js';
+import './index-6e466943.js';
+import './index-418b5752.js';
+import './index-23d98f94.js';
+import './index-11752533.js';
+import './index-38b34326.js';
+import './index-1975925b.js';
+import './index-82e8d7dc.js';
+import './index-0db20cdb.js';
+import './index-32562b86.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-e8172fb9.js';
+import './index-bf600826.js';
 import 'rc-slider';
-import './index-2cac9d3e.js';
-import './index-9fd9a2c0.js';
-import './index-07fe0c76.js';
-import './index-85605602.js';
+import './index-70835d5d.js';
+import './index-bfa21ddf.js';
+import './index-60e5b055.js';
+import './index-43a13e17.js';
 import 'react-confetti-explosion';
-import './index-d34d7ee5.js';
-import './index-7f2b951b.js';
-import './index-21cca4e6.js';
+import './index-e3fdbaf0.js';
+import './index-60ff8349.js';
+import './index-7d3eabf1.js';
 import 'react-qr-code';
-import './index-aa9b6e6a.js';
-import './useCustomDimensions-a7855d5e.js';
-import './index-d45218d7.js';
-import './ussIsSticky-dd93ab45.js';
+import './index-9f38c575.js';
+import './useCustomDimensions-88af9f3d.js';
+import './index-d3db7a24.js';
+import './ussIsSticky-ad4d2a95.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-1cb0cc8a.js → index-8e571cdd.js}

@@ -1,4 +1,4 @@
-import './index-0a450543.js';
+import './index-f69c8d2f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-401a5909.js → index-8fc019fb.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import { s as styleInject, u as useViewHandler } from './index-f69c8d2f.js';
 import { useState, useMemo, useEffect } from 'react';
 import { Drawer } from 'vaul';
 import { observer } from 'mobx-react-lite';
-import { a as swiperWrapper } from './index.module-03ed2c84.js';
+import { a as swiperWrapper } from './index.module-c4b56d32.js';
 import classnames from 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -85,8 +85,13 @@ var SettingsBottomDrawer = function SettingsBottomDrawer(_ref) {
     handleTouchStart = _useDrawerHook.handleTouchStart,
     handleTouchMove = _useDrawerHook.handleTouchMove,
     handleTouchEnd = _useDrawerHook.handleTouchEnd;
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    container = _useState4[0],
+    setContainer = _useState4[1];
   useEffect(function () {
     setOpen(viewHandler.uiState.isMobilePortrait);
+    setContainer(document.getElementById('wcConfigurator'));
   }, [viewHandler.uiState.isInMobileView, viewHandler.uiState.isMobileLandscape, viewHandler.uiState.isTablet]);
   return /*#__PURE__*/jsx(Drawer.Root, {
     open: open,
@@ -97,7 +102,7 @@ var SettingsBottomDrawer = function SettingsBottomDrawer(_ref) {
     defaultOpen: false,
     repositionInputs: false,
     snapPoints: viewHandler.settingsState.snapPoints,
-    container: document.getElementById('wcConfigurator'),
+    container: container,
     onClose: function onClose() {
       return viewHandler.settingsState.setActiveSnapPointIndex(2);
     },

package/build/esm/{index-6a743494.js → index-91f4023c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-0a450543.js';
+import { s as styleInject } from './index-f69c8d2f.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';