@crystaldesign/diva-web-planner-react 25.7.0-rc.9 → 25.7.1-rc.0

package/build/esm/{index-1dfb3e96.js → index-41f29148.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-c6bdd8a0.js';
-import PricePreview from './index-e229afa5.js';
+import InfoIcon from './index-a00c316e.js';
+import PricePreview from './index-b813b7d7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2d369636.js → index-4498f013.js}

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

package/build/esm/{index-0807e16b.js → index-459de627.js}

@@ -1,4 +1,4 @@
-import './index-5ec1f684.js';
+import './index-e560cd58.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-a327278e.js → index-45ec87df.js}

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

package/build/esm/{index-c8c08918.js → index-46b86e6c.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5ec1f684.js';
+import { u as useViewHandler } from './index-e560cd58.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-c0e24f6d.js';
+import Tooltip from './index-39923a1d.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-a9920ad6.js';
+import FullscreenAr from './index-cd5a0b3f.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-411b9b45.js → index-46bea554.js}

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

package/build/esm/{index-e5128f39.js → index-48300bf2.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-5ec1f684.js';
+import { a as usePlannerUIHandler } from './index-e560cd58.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2cc023aa.js → index-4cca5326.js}

@@ -1,20 +1,20 @@
 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-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { useState, useEffect } from 'react';
-import OptionTree from './index-5be02ec7.js';
-import PartListTable from './index-eaac5d3d.js';
-import MaskEditor from './index-39433d38.js';
-import ArticleOverview from './index-20b0723e.js';
-import SVGAnalyzer from './index-6452537c.js';
-import EkTextViewer from './index-cef5978c.js';
-import CatalogMakeup from './index-1c83f931.js';
-import DecisionAnalyzer from './index-c659de98.js';
-import RTVAnalyzer from './index-819e5e19.js';
-import J3DEditor from './index-7e8b60c0.js';
-import PriceAnalyzer from './index-07215600.js';
-import PropertiesEditor from './index-2ec1fac9.js';
+import OptionTree from './index-3149a590.js';
+import PartListTable from './index-6ec1e2d8.js';
+import MaskEditor from './index-c761c9ae.js';
+import ArticleOverview from './index-3f4573b4.js';
+import SVGAnalyzer from './index-a5a35a65.js';
+import EkTextViewer from './index-8a17202a.js';
+import CatalogMakeup from './index-99f2670a.js';
+import DecisionAnalyzer from './index-abb51d3b.js';
+import RTVAnalyzer from './index-e6d14062.js';
+import J3DEditor from './index-fdff31e1.js';
+import PriceAnalyzer from './index-02358a12.js';
+import PropertiesEditor from './index-eeaeb0ef.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -33,40 +33,40 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-507fa686.js';
-import './index-025cb178.js';
-import './index-078d6ca1.js';
-import './index-bef1d1e1.js';
+import './index.module-e5cc5bed.js';
+import './index-dc516763.js';
+import './index-fe6bc7ff.js';
+import './index-85970525.js';
 import 'react-collapsible';
-import './index-cb36e9de.js';
-import './index-12d8168c.js';
-import './index.module-5b4aae47.js';
+import './index-098552ff.js';
+import './index-bbed3b5e.js';
+import './index.module-27830b1f.js';
 import 'react-json-view-lite';
-import './react-json-viewer-ddf79e40.js';
-import './index.module-b1ccbf72.js';
-import './DecisionVizualizer-62f35ed2.js';
+import './react-json-viewer-ed11badd.js';
+import './index.module-09c60496.js';
+import './DecisionVizualizer-5fd20957.js';
 import 'react-draggable';
-import './index-d652ed1f.js';
+import './index-d9e0b8ab.js';
 import 'react-switch';
-import './index-883c4267.js';
-import './index-69f8fe5d.js';
+import './index-2e0d8ffb.js';
+import './index-148f1439.js';
 import 'jsoneditor';
-import './index-74d4afa9.js';
-import './index-20aeea44.js';
-import './index-bf6cfabb.js';
-import './index-6ec12d6b.js';
+import './index-76e01c42.js';
+import './index-363d60d0.js';
+import './index-4008c20a.js';
+import './index-3aa270fc.js';
 import 'react-dropdown';
-import './index.module-a63d3b7c.js';
-import './index-ec8709a8.js';
-import './index-c1bd2f89.js';
-import './index-10f72e18.js';
+import './index.module-8806d92e.js';
+import './index-98a94c2a.js';
+import './index-5431bb3a.js';
+import './index-e1eb89c3.js';
 import 'react-select';
-import './index-ad3671b8.js';
-import './index-7babbc9a.js';
-import './CatalogProperties-d26fde36.js';
-import './ArticleProperties-cb0e0cfa.js';
-import './OptionProperties-ad7d1d70.js';
-import './OptionValueProperties-990ca310.js';
+import './index-3b53b8af.js';
+import './index-679accfc.js';
+import './CatalogProperties-e8824fd5.js';
+import './ArticleProperties-f0aadcc2.js';
+import './OptionProperties-a5e2a157.js';
+import './OptionValueProperties-d068ecbe.js';
 
 var wrapper = "wrapper-eIL6V";
 var css_248z = ".wrapper-eIL6V {\n  width: 100%;\n  position: absolute;\n  bottom: 82px;\n  z-index: 1000;\n  background-color: rgba(200, 200, 200, 0.9);\n  overflow: auto;\n}\n\n.draghandle-4ydUz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, 50%);\n}\n";

package/build/esm/{index-94c5773e.js → index-4d2c6f51.js}

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

package/build/esm/{index-e24d73b2.js → index-502da53a.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-5ec1f684.js';
+import { u as useViewHandler } from './index-e560cd58.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-1b0d22ea.js';
-import ContentItemWrapper from './index-9d654326.js';
-import ProductSettings from './index-e6904e51.js';
-import ProductCenter from './index-751066ae.js';
-import ProductFooter from './index-30a7e07c.js';
-import ProductInfo from './index-60c86bff.js';
+import ProductHeader from './index-e3eefbe6.js';
+import ContentItemWrapper from './index-5840610f.js';
+import ProductSettings from './index-a9e7ae3a.js';
+import ProductCenter from './index-f4b93084.js';
+import ProductFooter from './index-3b9e0a7d.js';
+import ProductInfo from './index-12f39bd1.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -28,70 +28,70 @@ import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-0b4b74b3.js';
+import './index-9ac352ac.js';
 import 'sift';
-import './index-4201ea8a.js';
-import './index-447d0e9e.js';
-import './index-d6c305c1.js';
-import './index-5f75fe06.js';
-import './index-6e68036c.js';
-import './index.module-a70ed3dd.js';
-import './index-d652ed1f.js';
+import './index-03ec1878.js';
+import './index-bec7758a.js';
+import './index-7f563f4a.js';
+import './index-dab96ea8.js';
+import './index-5ed724e9.js';
+import './index.module-8b8e578d.js';
+import './index-d9e0b8ab.js';
 import 'react-switch';
-import './index-c6bdd8a0.js';
-import './index-e229afa5.js';
-import './index-aae4e7d6.js';
+import './index-a00c316e.js';
+import './index-b813b7d7.js';
+import './index-227ad099.js';
 import 'react-dropdown';
-import './index-53627d04.js';
+import './index-18e04d12.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ec056aff.js';
-import './index-ec8709a8.js';
-import './index-adaa893f.js';
+import './index-d0cb686e.js';
+import './index-98a94c2a.js';
+import './index-c43b9bf6.js';
 import '@crystaldesign/content-box';
-import './index-ff35f4f9.js';
-import './index-dc97f24c.js';
-import './index-77edbc0b.js';
-import './index-f2be5cad.js';
-import './index-12ace2e9.js';
-import './index-3d231d1a.js';
+import './index-a9750c3d.js';
+import './index-576885e5.js';
+import './index-ea0c61b7.js';
+import './index-118cdb5f.js';
+import './index-63a72d8c.js';
+import './index-cbdc56a8.js';
 import 'react-laag';
-import './index-df14b9fc.js';
-import './index-aa504792.js';
-import './index-ff420325.js';
-import './index-9873c22b.js';
-import './index-b9b9a4b4.js';
-import './index-910c99e9.js';
-import './index-45f41b35.js';
-import './index-feb49d59.js';
-import './index-48f0bf64.js';
-import './index-de715b91.js';
-import './index.module-2677afaf.js';
-import './index-20b6900f.js';
-import './index-a626bd9e.js';
-import './index-b66cf5a5.js';
-import './index-21d56665.js';
-import './index-5d614df0.js';
-import './index-a7e8d611.js';
-import './index-98bc8674.js';
-import './index.module-16a2f5e8.js';
-import './index-311ddd13.js';
-import './index-1065e237.js';
-import './index-df5e12cd.js';
-import './index-06812d30.js';
-import './index-d54bb2ea.js';
-import './index.module-c4cf41ff.js';
-import './index-df458a42.js';
-import './index-33952e29.js';
-import './index-2d2543e2.js';
-import './index-99017fd5.js';
-import './index-94c5773e.js';
-import './index-dfe83e74.js';
-import './index-60210c2e.js';
-import './index-0754956c.js';
-import './index-c8c08918.js';
-import './index-c0e24f6d.js';
+import './index-f7d87c9f.js';
+import './index-a53f6c9e.js';
+import './index-123dc27c.js';
+import './index-5317aaf3.js';
+import './index-79b89ba2.js';
+import './index-60ade46e.js';
+import './index-68efdadc.js';
+import './index-1e6362c6.js';
+import './index-b18bffae.js';
+import './index-ab3f39ef.js';
+import './index.module-eaa02037.js';
+import './index-243b2e2c.js';
+import './index-27943660.js';
+import './index-ec30cce1.js';
+import './index-a3492836.js';
+import './index-c6c521c0.js';
+import './index-b87282a4.js';
+import './index-53b89034.js';
+import './index.module-65919b33.js';
+import './index-3dac3051.js';
+import './index-b4b3a823.js';
+import './index-2a3b670f.js';
+import './index-0b374555.js';
+import './index-9eae4b33.js';
+import './index.module-93ba7e7a.js';
+import './index-e863915f.js';
+import './index-cfae8a69.js';
+import './index-26008f13.js';
+import './index-7f0c8231.js';
+import './index-4d2c6f51.js';
+import './index-780b98e2.js';
+import './index-794f08b4.js';
+import './index-dffb0718.js';
+import './index-46b86e6c.js';
+import './index-39923a1d.js';
 import 'react-qr-code';
-import './index-a9920ad6.js';
+import './index-cd5a0b3f.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-663e79bb.js → index-512a9a8a.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { b as wcFunctionsContainer, d as wcIcon } from './index.module-07d9e0f4.js';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-c1833ad7.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-d52803e9.js';
+import Share from './index-eb5fc3b8.js';
 import { toJS } from 'mobx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-9873c22b.js → index-5317aaf3.js}

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

package/build/esm/{index-98bc8674.js → index-53b89034.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.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-16a2f5e8.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-65919b33.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-aa504792.js';
-import MetaData from './index-df14b9fc.js';
+import GenericToolTip from './index-a53f6c9e.js';
+import MetaData from './index-f7d87c9f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-c6bdd8a0.js';
-import PricePreview from './index-e229afa5.js';
+import InfoIcon from './index-a00c316e.js';
+import PricePreview from './index-b813b7d7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7c2c0c48.js → index-53dfc1ca.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-5ec1f684.js';
+import { s as styleInject } from './index-e560cd58.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c1bd2f89.js → index-5431bb3a.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5ec1f684.js';
+import { u as useViewHandler } from './index-e560cd58.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-a63d3b7c.js';
-import Arrow from './index-ec8709a8.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8806d92e.js';
+import Arrow from './index-98a94c2a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1f60b030.js → index-54442cec.js}

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

package/build/esm/{index-dc97f24c.js → index-576885e5.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-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-9d654326.js → index-5840610f.js}

@@ -1,11 +1,11 @@
-import { s as styleInject, u as useViewHandler } from './index-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import { useRef, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import Draggable from 'react-draggable';
 import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,11 +24,8 @@ import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wrapper = "wrapper-epfZs";
-var header = "header-GXHlA";
-var handle = "handle-wTliC";
-var closeIcon = "close-icon-L0FOF";
 var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 500px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.header-GXHlA {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.handle-wTliC {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.close-icon-L0FOF {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-L0FOF:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
+var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
 styleInject(css_248z);
 
 var LOG = getLogger('Planner', 'InfoBox');
@@ -99,31 +96,23 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     handle: ".handle",
     bounds: "parent",
     defaultPosition: startPos == 'right' ? {
-      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 558 : 0,
+      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 508 : 0,
       y: 0
     } : undefined,
-    children: /*#__PURE__*/jsxs("div", {
+    children: /*#__PURE__*/jsx("div", {
       ref: draggable,
       className: wrapper,
       style: {
         maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700
       },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: header,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames('handle', handle)
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return viewHandler.settingsState.setContentItemId();
-          }
-        })]
-      }), /*#__PURE__*/jsx(ContentItemComponent, {
+      children: /*#__PURE__*/jsx(ContentItemComponent, {
         contentItemId: id,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
+        headerClassName: 'handle',
+        headerWrapperStyle: {
+          cursor: 'move'
+        },
+        onClose: function onClose() {
+          return viewHandler.settingsState.setContentItemId();
         },
         onContentItemLoaded: function onContentItemLoaded(title) {
           LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
@@ -131,7 +120,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
             title: title !== null && title !== void 0 ? title : undefined
           });
         }
-      })]
+      })
     })
   });
 };

package/build/esm/{index-b80179a9.js → index-5cec85d6.js}

@@ -1,6 +1,6 @@
-import './index-5ec1f684.js';
+import './index-e560cd58.js';
 import 'react';
-import Default from './index-f556830f.js';
+import Default from './index-18d827e4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,12 +21,12 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-16a2f5e8.js';
+import './index.module-65919b33.js';
 import 'react-laag';
-import './index-aa504792.js';
-import './index-e229afa5.js';
-import './index-df14b9fc.js';
-import './index-c6bdd8a0.js';
+import './index-a53f6c9e.js';
+import './index-b813b7d7.js';
+import './index-f7d87c9f.js';
+import './index-a00c316e.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-ff84fba0.js → index-5ebc2f7a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-5ec1f684.js';
+import { s as styleInject } from './index-e560cd58.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-6e68036c.js → index-5ed724e9.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-5ec1f684.js';
+import { u as useViewHandler } from './index-e560cd58.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-a70ed3dd.js';
-import Toggle from './index-d652ed1f.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-8b8e578d.js';
+import Toggle from './index-d9e0b8ab.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-c6bdd8a0.js';
-import PricePreview from './index-e229afa5.js';
+import InfoIcon from './index-a00c316e.js';
+import PricePreview from './index-b813b7d7.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d7b47412.js → index-5eda5a49.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-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-aa504792.js';
+import GenericToolTip from './index-a53f6c9e.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-df14b9fc.js';
+import MetaData from './index-f7d87c9f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -23,7 +23,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-e229afa5.js';
+import './index-b813b7d7.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-3bde8e86.js → index-60476d4d.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-5ec1f684.js';
+import { s as styleInject } from './index-e560cd58.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-910c99e9.js → index-60ade46e.js}

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

package/build/esm/{index-4a53c6a6.js → index-6303f649.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-5ec1f684.js';
+import { s as styleInject, u as useViewHandler } from './index-e560cd58.js';
 import classnames from 'classnames';
-import Toggle from './index-d652ed1f.js';
+import Toggle from './index-d9e0b8ab.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-2f13e762.js';
+import BasketActionSerious from './index-22688611.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';