@crystaldesign/diva-web-planner-react 25.5.0-beta.16 → 25.5.0-beta.17

package/build/esm/{index-77d9173d.js → index-b0d86963.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-aed98128.js';
+import { u as useViewHandler } from './index-499ee97e.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-6139b9af.js';
-import { S as SettingsItem, c as collapsableInner } from './index-e20e65e4.js';
-import ShelfAccessoires from './index-8c8c4d07.js';
-import ShelfAccessoiresOld from './index-62b40c03.js';
-import GridList from './index-1e4bd376.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-85a9d1c1.js';
+import { S as SettingsItem, c as collapsableInner } from './index-fd5b3757.js';
+import ShelfAccessoires from './index-48d2e704.js';
+import ShelfAccessoiresOld from './index-00fbe909.js';
+import GridList from './index-f61cdda4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -23,70 +23,70 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-4b846cf1.js';
-import './index-e2d9af1e.js';
-import './index-99cfbab8.js';
-import './index-8ffef9e1.js';
-import './index-22ee04cc.js';
-import './index.module-26b381f8.js';
-import './index-927b1871.js';
+import './index-b8122570.js';
+import './index-3de51f65.js';
+import './index-24d1c965.js';
+import './index-bae8fb31.js';
+import './index-cd5b5f66.js';
+import './index.module-b2ff9dd5.js';
+import './index-c182e0b5.js';
 import 'react-switch';
-import './index-eb44ac4e.js';
-import './index-c721ce0d.js';
-import './index-9f35082d.js';
+import './index-64045809.js';
+import './index-7e80ecd6.js';
+import './index-77abd603.js';
 import 'react-dropdown';
-import './index-59eb30d8.js';
+import './index-8d49a9a3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-bed19d33.js';
-import './index-789d5248.js';
-import './index-a21519f8.js';
+import './index-e2995cac.js';
+import './index-a005436d.js';
+import './index-2c3bf7cc.js';
 import '@crystaldesign/content-box';
-import './index-7526596a.js';
-import './index-fc73bf91.js';
-import './index-1d703e64.js';
-import './index-b062337d.js';
-import './index-430a94aa.js';
-import './index-80e71d6a.js';
+import './index-d5ca24a8.js';
+import './index-ebd1c4b4.js';
+import './index-c8eb2439.js';
+import './index-e6899b3a.js';
+import './index-3e200371.js';
+import './index-bb880cec.js';
 import 'react-laag';
-import './index-036ab768.js';
-import './index-ce7b4ea6.js';
-import './index-622d5877.js';
-import './index-e2d4d885.js';
-import './index-50e17aa1.js';
-import './index-2dcbc0b2.js';
-import './index-d63a9628.js';
-import './index-88d46385.js';
-import './index-83aac1f0.js';
-import './index-62e94f04.js';
-import './index.module-67390622.js';
-import './index-1347ee1a.js';
-import './index-0b332201.js';
-import './index-d885a3ae.js';
-import './index-2fe56a06.js';
-import './index-10771074.js';
-import './index-c0b2bc0f.js';
-import './index-22450139.js';
-import './index.module-5ff1e2b2.js';
-import './index-ac1aaee3.js';
-import './index-04d2fcd4.js';
-import './index-1b0d9c1a.js';
-import './index-dfc010cb.js';
-import './index.module-0c9d4c62.js';
-import 'react-select';
-import './index-dfbebf19.js';
-import './index-260f9cdf.js';
-import './index.module-1e372387.js';
-import './index-51ba52a7.js';
+import './index-b7139c1d.js';
+import './index-a6d4e296.js';
+import './index-8c28f4ac.js';
+import './index-51e1e0af.js';
+import './index-775a69da.js';
+import './index-b0fc4890.js';
+import './index-2b63024c.js';
+import './index-abb9662d.js';
+import './index-18a6777c.js';
+import './index-cd307049.js';
+import './index.module-356aaf4d.js';
+import './index-c6318832.js';
+import './index-16d18de1.js';
+import './index-33fbad63.js';
+import './index-ffcb353b.js';
+import './index-bcd65924.js';
+import './index-39f6f43c.js';
+import './index-13277490.js';
+import './index.module-39e193b7.js';
+import './index-4336c985.js';
+import './index-77121673.js';
+import './index-b203f8bf.js';
+import './index-a140a482.js';
+import './index.module-1fb3cd31.js';
+import './index-06b2e53c.js';
+import './index-2925287f.js';
+import './index-7aa114ff.js';
+import './index.module-fac150c6.js';
+import './index-6497f7e9.js';
 import 'qrcode.react';
-import './index-4c0d3838.js';
-import './index-b1c14967.js';
-import './index-7ac6bde2.js';
+import './index-abae900c.js';
+import './index-7934f8bd.js';
+import './index-20250bd7.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-e3292e88.js';
-import './index-74a404c2.js';
+import './index-4f4adfe0.js';
+import './index-2100950a.js';
 import 'react-beautiful-dnd';
-import './index-4fec51a8.js';
+import './index-91db3bde.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-450ba32f.js → index-b0f0ae0f.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-1ebbfd4f.js';
-import SVGViewer from './index-89b61179.js';
+import ArticleOverview from './index-4a1f67ff.js';
+import SVGViewer from './index-71270382.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -19,14 +19,14 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-5e1fdd06.js';
-import './index.module-fcc18e21.js';
+import './index.module-012a6605.js';
+import './index.module-b9010af3.js';
 import 'classnames';
-import './index.module-6bf0ddaa.js';
+import './index.module-11a6847e.js';
 import 'react-collapsible';
-import './index-9a5052b1.js';
-import './index.module-dfec8364.js';
-import './index-ebfa69c8.js';
+import './index-85c71901.js';
+import './index.module-67d13b47.js';
+import './index-e4a6c701.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-2dcbc0b2.js → index-b0fc4890.js}

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

package/build/esm/{index-6e350ba6.js → index-b13d82db.js}

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

package/build/esm/{index-1b0d9c1a.js → index-b203f8bf.js}

@@ -2,18 +2,18 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import './index-aed98128.js';
+import './index-499ee97e.js';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import CreateAppointment from './index-dfc010cb.js';
-import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-0c9d4c62.js';
+import CreateAppointment from './index-a140a482.js';
+import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-1fb3cd31.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import Share from './index-dfbebf19.js';
-import Save from './index-7ac6bde2.js';
+import Share from './index-2925287f.js';
+import Save from './index-20250bd7.js';
 import _typeof from '@babel/runtime/helpers/typeof';
 import { flatten } from 'flat';
-import Header from './index-e3292e88.js';
-import Icon from './index-74a404c2.js';
+import Header from './index-4f4adfe0.js';
+import Icon from './index-2100950a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -25,13 +25,13 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import 'react-select';
-import './index-260f9cdf.js';
-import './index.module-1e372387.js';
-import './index-51ba52a7.js';
+import './index-06b2e53c.js';
+import './index-7aa114ff.js';
+import './index.module-fac150c6.js';
+import './index-6497f7e9.js';
 import 'qrcode.react';
-import './index-4c0d3838.js';
-import './index-b1c14967.js';
+import './index-abae900c.js';
+import './index-7934f8bd.js';
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -132,10 +132,10 @@ var Checkout = function Checkout(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  var _useState = useState(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+  var _useState = useState(basket ? replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
       basket: basket === null || basket === void 0 ? void 0 : basket.getAsJson(),
       organization: organization
-    }, i18n.language)),
+    }, i18n.language) : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     config = _useState2[0],
     setConfig = _useState2[1];
@@ -145,7 +145,7 @@ var Checkout = function Checkout(_ref) {
       basket: basket
     }, i18n.language));
   }, [basket]);
-  if (!config) return /*#__PURE__*/jsx(Fragment, {});
+  if (!config || !basket) return /*#__PURE__*/jsx(Fragment, {});
   var url = config.url;
   var currentConfig = config.buttons[index !== null && index !== void 0 ? index : -1];
   if (currentConfig && basket) switch (currentConfig.type) {
@@ -176,7 +176,7 @@ var Checkout = function Checkout(_ref) {
       return /*#__PURE__*/jsxs("button", {
         className: classnames(button, c.isPrimary ? inverted : undefined),
         onClick: function onClick() {
-          return _onClickCheckout(c, viewHandler, index, basket);
+          return _onClickCheckout(c, viewHandler, index, t);
         },
         children: [/*#__PURE__*/jsx(Icon, {
           cheoutButton: c
@@ -188,9 +188,9 @@ var Checkout = function Checkout(_ref) {
   });
 };
 var _onClickCheckout = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, basket, dontCheckForModal) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, t, dontCheckForModal) {
     var _viewHandler$actions2, _viewHandler$actions5;
-    var returnTo, _viewHandler$actions, _viewHandler$getI18nI, _buttonConfig$openMod, _viewHandler$getI18nI2, _viewHandler$actions3, _buttonConfig$event, _viewHandler$divaWebP, _viewHandler$divaWebP2, result, savedBasket, _viewHandler$actions4, _viewHandler$getI18nI3, _viewHandler$getI18nI4;
+    var returnTo, _viewHandler$actions, _buttonConfig$openMod, _viewHandler$actions3, _buttonConfig$event, result, savedBasket, _viewHandler$actions4;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -200,10 +200,10 @@ var _onClickCheckout = /*#__PURE__*/function () {
             break;
           }
           (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal(_objectSpread(_objectSpread({}, buttonConfig.openModal), {}, {
-            text: (_viewHandler$getI18nI = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI === void 0 ? void 0 : _viewHandler$getI18nI.t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
-            title: (_viewHandler$getI18nI2 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI2 === void 0 ? void 0 : _viewHandler$getI18nI2.t(buttonConfig.openModal.title),
+            text: t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
+            title: t(buttonConfig.openModal.title),
             callback: function callback(accept) {
-              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, basket, true);
+              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, t, true);
             }
           }));
           return _context.abrupt("return");
@@ -231,40 +231,36 @@ var _onClickCheckout = /*#__PURE__*/function () {
           });
           return _context.abrupt("return");
         case 12:
-          if (!((!basket || returnTo && basket.ReturnTo !== returnTo) && buttonConfig.type !== 'SAVE')) {
-            _context.next = 18;
-            break;
-          }
-          _context.next = 15;
-          return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, buttonConfig.event, true, returnTo, true);
-        case 15:
+          _context.next = 14;
+          return viewHandler.divaWebPlanner.getCurrentBasket(buttonConfig.event, true, returnTo, true);
+        case 14:
           result = _context.sent;
           if (result) {
-            _context.next = 18;
+            _context.next = 17;
             break;
           }
           return _context.abrupt("return");
-        case 18:
+        case 17:
           savedBasket = viewHandler.divaWebPlanner.getBasket(); //open PDF
           if (!(buttonConfig.returnTo == 'OPEN_PDF')) {
-            _context.next = 22;
+            _context.next = 21;
             break;
           }
-          if (!basket) (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
-            text: (_viewHandler$getI18nI3 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI3 === void 0 ? void 0 : _viewHandler$getI18nI3.t('modal.open_leaflet_pdf_now'),
-            accept: (_viewHandler$getI18nI4 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI4 === void 0 ? void 0 : _viewHandler$getI18nI4.t('modals.open_now'),
+          (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
+            text: t('modal.open_leaflet_pdf_now'),
+            accept: t('modals.open_now'),
             callback: function callback() {
               window.open(savedBasket.PDFDocumentURL, '_blank');
             }
           });
           return _context.abrupt("return");
-        case 22:
+        case 21:
           if (!(buttonConfig.type == 'EVENT')) {
-            _context.next = 24;
+            _context.next = 23;
             break;
           }
           return _context.abrupt("return");
-        case 24:
+        case 23:
           (_viewHandler$actions5 = viewHandler.actions) === null || _viewHandler$actions5 === void 0 || _viewHandler$actions5.openModal({
             accept: false,
             rejectByIcon: true,
@@ -283,7 +279,7 @@ var _onClickCheckout = /*#__PURE__*/function () {
             }),
             dontRenderForm: true
           });
-        case 25:
+        case 24:
         case "end":
           return _context.stop();
       }

package/build/esm/{index-c0e1098f.js → index-b2489a1f.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -24,7 +24,7 @@ var css_248z = "/* This keeps child nodes hidden while the element loads */\n#ar
 styleInject(css_248z);
 
 var PlannerRTV = function PlannerRTV() {
-  var _ref, _viewHandler$uiState$;
+  var _ref, _viewHandler$uiState$, _viewHandler$divaWebP;
   var viewHandler = useViewHandler();
   var modelViewer = useRef();
   var _useTranslation = useTranslation(),
@@ -130,7 +130,8 @@ var PlannerRTV = function PlannerRTV() {
       uiConfig: {
         templateConfig: (_ref = (_viewHandler$uiState$ = viewHandler.uiState.templateConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$['Product/ProductCenter/PlannerUI/PlannerUIVariants']) !== null && _ref !== void 0 ? _ref : 'standard',
         posNumIcon: plannerViewConfig.posNumIcon,
-        posTrashIcon: plannerViewConfig.posTrashRotIcon
+        posTrashIcon: plannerViewConfig.posTrashRotIcon,
+        hideUiIcons: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.hidePlannerUiIcons()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : false
       },
       callbacks: {
         setGlb: openAr ? (/*#__PURE__*/function () {

package/build/esm/{index-942afa6b.js → index-b34623cf.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-12d9cca1.js → index-b4cbd33a.js}

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

package/build/esm/{index-1ccf2fb0.js → index-b6c61358.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-aed98128.js';
+import { a as usePlannerUIHandler } from './index-499ee97e.js';
 import { useState } from 'react';
-import DPACC from './index-f99fc8ec.js';
+import DPACC from './index-866dd320.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-036ab768.js → index-b7139c1d.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-5f7f6752.js → index-b732e4df.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-aed98128.js';
+import { u as useViewHandler } from './index-499ee97e.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-6bf0ddaa.js';
-import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-21706cf8.js';
+import { n as notExpanded } from './index.module-11a6847e.js';
+import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-39eeb37e.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-e59726ea.js';
-import ArticleSelector from './index-8c7c1cd8.js';
+import './react-json-viewer-500b4296.js';
+import ArticleSelector from './index-2697ce50.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-bacff823.js → index-b79dd931.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
-import SettingsHeader from './index-e2d9af1e.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
+import SettingsHeader from './index-3de51f65.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-b76f814a.js';
+import MobileDropdown from './index-0c6a8200.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-eb44ac4e.js';
-import PricePreview from './index-c721ce0d.js';
+import InfoIcon from './index-64045809.js';
+import PricePreview from './index-7e80ecd6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-789d5248.js';
+import './index-a005436d.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-4b846cf1.js → index-b8122570.js}

@@ -2,11 +2,11 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-e2d9af1e.js';
+import SettingsHeader from './index-3de51f65.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';

package/build/esm/{index-eab5550c.js → index-b8e7e6aa.js}

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

package/build/esm/{index-5b942779.js → index-babcd288.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-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-927b1871.js';
+import Toggle from './index-c182e0b5.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-8ffef9e1.js → index-bae8fb31.js}

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

package/build/esm/{index-80e71d6a.js → index-bb880cec.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-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.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-036ab768.js';
-import GenericToolTip from './index-ce7b4ea6.js';
-import InfoIcon from './index-eb44ac4e.js';
-import PricePreview from './index-c721ce0d.js';
+import MetaData from './index-b7139c1d.js';
+import GenericToolTip from './index-a6d4e296.js';
+import InfoIcon from './index-64045809.js';
+import PricePreview from './index-7e80ecd6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -40,7 +40,7 @@ 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 Article = function Article(_ref) {
-  var _renderLayer;
+  var _renderLayer, _item$longDescription;
   var itemP = _ref.item,
     paletteId = _ref.paletteId;
   var item = itemP;
@@ -104,7 +104,7 @@ var Article = function Article(_ref) {
           metaData: item.metaData,
           visible: [metaDataVisible, setMetaDataVisible]
         }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-          text: item.title,
+          text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
           desciption: metaDataVisible,
           codex: item.articleCodex,
           image: item.imgSrc,

package/build/esm/{index-10771074.js → index-bcd65924.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-71629bd4.js → index-bd8a801e.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-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-35ed94bb.js → index-bfcede0a.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-499ee97e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-eab5550c.js';
+import RoomSerious from './index-b8e7e6aa.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-927b1871.js → index-c182e0b5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-4ccddb9b.js → index-c1ca3a10.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-aed98128.js';
+import { u as useViewHandler } from './index-499ee97e.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-13f5c06c.js';
+import ItemVariant from './index-17ece7e9.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-676c09d7.js → index-c266a3ce.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-499ee97e.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';