@crystaldesign/diva-web-planner-react 25.7.0-beta.18 → 25.7.0-beta.19

package/build/esm/{index-2ea02be8.js → index-6d628e74.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.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-b9fa1b62.js';
-import PricePreview from './index-278f9071.js';
+import InfoIcon from './index-32468258.js';
+import PricePreview from './index-573f8ddc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-05dae495.js → index-6e24b862.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-18dd54e0.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-ceedaeb5.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-733012aa.js → index-6f1f57be.js}

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

package/build/esm/{index-99a5d63c.js → index-709dbca5.js}

@@ -1,7 +1,7 @@
 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-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-9a872b93.js → index-70e17828.js}

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

package/build/esm/{index-b3a78f87.js → index-70e8e2f4.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-200f64ee.js';
-import ProductRoomList from './index-e7c7a9f3.js';
+import ArQrCodeIcon from './index-3f8ff4c2.js';
+import ProductRoomList from './index-af6adcf6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-1646a678.js';
+import './index-a23821a4.js';
 import 'react-qr-code';
-import './index-afb9f590.js';
+import './index-0d57b025.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-684f7de0.js → index-716e8c22.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-7ebc8d91.js';
-import InfoIcon from './index-b9fa1b62.js';
+import IsActive from './index-76a23394.js';
+import InfoIcon from './index-32468258.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bfecf36b.js → index-71e69872.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.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-6abf1c22.js';
-import IsActive from './index-7ebc8d91.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-9e0dc079.js';
+import IsActive from './index-76a23394.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-11053fb7.js → index-734a4023.js}

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

package/build/esm/{index-fac0853c.js → index-738b4b52.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import 'react';
-import Toggle from './index-e73ebacd.js';
+import Toggle from './index-4420b095.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6c47b0b1.js → index-75c97523.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-200f64ee.js';
+import ArQrCodeIcon from './index-3f8ff4c2.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -22,9 +22,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-1646a678.js';
+import './index-a23821a4.js';
 import 'react-qr-code';
-import './index-afb9f590.js';
+import './index-0d57b025.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var dimensionIcon = "dimension-icon-NuaQY";

package/build/esm/{index-7ebc8d91.js → index-76a23394.js}

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

package/build/esm/{index-43aa884b.js → index-77a4932e.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-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-5c9c2b8d.js → index-792f9d9a.js}

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

package/build/esm/{index-7217d03b.js → index-7b91f58c.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-ef39472c.js';
-import TabGroupVertical from './index-61861372.js';
-import TabSearch from './index-99a5d63c.js';
+import TabGroupHorizontal from './index-b2d5eabd.js';
+import TabGroupVertical from './index-5c441950.js';
+import TabSearch from './index-709dbca5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -23,8 +23,8 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-8a6143b9.js';
-import './index-c6b19a11.js';
+import './index-beb1a765.js';
+import './index-6c44285b.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-b45f7046.js → index-7c537db8.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-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-1e41342d.js';
-import GenericToolTip from './index-fac8a9eb.js';
-import InfoIcon from './index-b9fa1b62.js';
-import PricePreview from './index-278f9071.js';
+import MetaData from './index-ba4ff8c0.js';
+import GenericToolTip from './index-1a724062.js';
+import InfoIcon from './index-32468258.js';
+import PricePreview from './index-573f8ddc.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7f570fab.js → index-7c7085f5.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler, C as Checkout } from './index-dac66244.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-6a86a59e.js';
-import ItemVariant from './index-e909c902.js';
-import SettingsPaletteGroup from './index-a11cd948.js';
-import ToggleOption from './index-86feb3cb.js';
-import GroupDropdown from './index-8c9ffb24.js';
-import PromotedProducts from './index-05d2f1ef.js';
-import ToggleName from './index-2973e329.js';
-import itemPaletteTypeComponentMap from './index-5b1094fb.js';
-import ItemWrapper from './index-5b61d09a.js';
+import TextBox from './index-64555795.js';
+import ItemVariant from './index-d7e0b238.js';
+import SettingsPaletteGroup from './index-331a0380.js';
+import ToggleOption from './index-26729cf7.js';
+import GroupDropdown from './index-3910c446.js';
+import PromotedProducts from './index-99a9f940.js';
+import ToggleName from './index-4c1f4dbb.js';
+import itemPaletteTypeComponentMap from './index-4b2649c5.js';
+import ItemWrapper from './index-384d0b19.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -22,13 +22,13 @@ styleInject(css_248z);
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-cb062349.js');
+  return import('./index-318d1748.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-a3bc4738.js');
+  return import('./index-139121d6.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-04d69d2a.js');
+  return import('./index-cf83a7e3.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-01dd17d9.js → index-7db542b3.js}

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

package/build/esm/{index-02e52f9c.js → index-7e9b9d47.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 import 'react';
-import OrbitInteractionStandard from './index-fa200920.js';
+import OrbitInteractionStandard from './index-2e2eb943.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-589724d5.js → index-7f1ba52f.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-8bce2161.js';
+import ProductHeaderFunction from './index-bbf98638.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-aef6d4a3.js';
+import ContentItemWrapper from './index-808bdd8b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-88d9fb05.js → index-7f38ab0f.js}

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

package/build/esm/{index-016b19cd.js → index-7f753333.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-d2eeedb4.js';
-import ProductHeader from './index-589724d5.js';
+import { s as styleInject } from './index-dac66244.js';
+import ProductHeader from './index-7f1ba52f.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,9 +21,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-8bce2161.js';
+import './index-bbf98638.js';
 import '@crystaldesign/content-box';
-import './index-aef6d4a3.js';
+import './index-808bdd8b.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-aef6d4a3.js → index-808bdd8b.js}

@@ -1,10 +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-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
-import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useRef, useState, useEffect } from 'react';
+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';
@@ -12,6 +9,9 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -39,92 +39,57 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     startPos = _ref$startPos === void 0 ? 'left' : _ref$startPos,
     noWrapper = _ref.noWrapper;
   var _useDivaCore = useDivaCore(),
-    contentItemHandler = _useDivaCore.handler.contentItemHandler,
     _useDivaCore$actions = _useDivaCore.actions,
     openSideMenu = _useDivaCore$actions.openSideMenu,
     closeSideMenu = _useDivaCore$actions.closeSideMenu;
-  var _useTranslation = useTranslation(),
-    language = _useTranslation.i18n.language;
   var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
   var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
   useEffect(function () {
     if (!id) return;
-    loadData();
-  }, [id]);
-  var loadData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _infoBoxTitle$;
-      var data, infoBoxTitle;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return contentItemHandler.getContentItem(id, language);
-          case 2:
-            data = _context.sent;
-            infoBoxTitle = data.content.filter(function (item) {
-              return item.type === 'Title' && item.text;
-            }).map(function (item) {
-              return item.text;
-            });
-            LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-              id: data._id,
-              title: (_infoBoxTitle$ = infoBoxTitle[0]) !== null && _infoBoxTitle$ !== void 0 ? _infoBoxTitle$ : undefined
-            });
-            setData(data);
-            if (viewHandler.getIsInMobileView()) {
-              openSideMenu({
-                side: 'left',
-                onClose: function onClose() {
-                  viewHandler.settingsState.setContentItemId();
-                  closeSideMenu();
-                },
-                open: true,
-                content: /*#__PURE__*/jsx("div", {
-                  className: classnames(mobile),
-                  children: /*#__PURE__*/jsx(ContentItemComponent, {
-                    settings: {
-                      contentItems: data.content,
-                      wrapperStyle: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%'
-                      }
-                    }
-                  })
-                })
+    if (viewHandler.getIsInMobileView()) {
+      openSideMenu({
+        side: 'left',
+        onClose: function onClose() {
+          viewHandler.settingsState.setContentItemId();
+          closeSideMenu();
+        },
+        open: true,
+        content: /*#__PURE__*/jsx("div", {
+          className: classnames(mobile),
+          children: /*#__PURE__*/jsx(ContentItemComponent, {
+            contentItemId: id,
+            wrapperStyle: {
+              display: 'flex',
+              flexDirection: 'column',
+              height: '100%'
+            },
+            onContentItemLoaded: function onContentItemLoaded(title) {
+              LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
+                id: id,
+                title: title !== null && title !== void 0 ? title : undefined
               });
             }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (id === undefined) setData(undefined);
+          })
+        })
+      });
+    }
   }, [id]);
-  if (!data) return /*#__PURE__*/jsx(Fragment, {});
   if (viewHandler.getIsInMobileView()) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
   if (noWrapper) {
     return /*#__PURE__*/jsx(ContentItemComponent, {
-      settings: {
-        contentItems: data.content,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        }
+      contentItemId: id,
+      wrapperStyle: {
+        display: 'flex',
+        flexDirection: 'column',
+        maxHeight: 'inherit'
+      },
+      onContentItemLoaded: function onContentItemLoaded(title) {
+        LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
+          id: id,
+          title: title !== null && title !== void 0 ? title : undefined
+        });
       }
     });
   }
@@ -154,13 +119,17 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
           }
         })]
       }), /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data.content,
-          wrapperStyle: {
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 'inherit'
-          }
+        contentItemId: id,
+        wrapperStyle: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'inherit'
+        },
+        onContentItemLoaded: function onContentItemLoaded(title) {
+          LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
+            id: id,
+            title: title !== null && title !== void 0 ? title : undefined
+          });
         }
       })]
     })

package/build/esm/{index-43008571.js → index-82367198.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-eebdd890.js → index-844ba1d7.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-6b5d25da.js';
+import PriceSumm from './index-9bcc8309.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d2b331ab.js → index-852b99b0.js}

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

package/build/esm/{index-0127952e.js → index-862acc43.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-d2eeedb4.js';
+import './index-dac66244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-1ef51adb.js → index-86c28eec.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-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-fac8a9eb.js';
+import GenericToolTip from './index-1a724062.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-1e41342d.js';
+import MetaData from './index-ba4ff8c0.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-278f9071.js';
+import './index-573f8ddc.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-7c620cf6.js → index-876d13b3.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-258f6666.js';
+import Group from './index-4207bb4d.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-b1a91d1e.js';
+import StandradGroup from './index-6ca4dc66.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -22,10 +22,10 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-2ea02be8.js';
+import './index-6d628e74.js';
 import 'react-collapsible';
-import './index-b9fa1b62.js';
-import './index-278f9071.js';
+import './index-32468258.js';
+import './index-573f8ddc.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-6ad54f1d.js → index-8a806d23.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-f04f5dc2.js → index-8ed7954f.js}

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