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

package/build/esm/{index-e20e65e4.js → index-80c714a0.js}

@@ -1,19 +1,19 @@
 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-0c43b7d2.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-4b846cf1.js';
-import ItemVariant from './index-99cfbab8.js';
-import SettingsPaletteGroup from './index-8ffef9e1.js';
-import ToggleOption from './index-22ee04cc.js';
-import GroupDropdown from './index-9f35082d.js';
-import PromotedProducts from './index-1d703e64.js';
-import ToggleName from './index-b062337d.js';
-import itemPaletteTypeComponentMap from './index-430a94aa.js';
-import ItemWrapper from './index-ac1aaee3.js';
-import Checkout from './index-1b0d9c1a.js';
+import TextBox from './index-b7db05c7.js';
+import ItemVariant from './index-983ce8b5.js';
+import SettingsPaletteGroup from './index-7e5c0d4b.js';
+import ToggleOption from './index-171f5b2f.js';
+import GroupDropdown from './index-91c3ab9a.js';
+import PromotedProducts from './index-67212bcc.js';
+import ToggleName from './index-cbf2457a.js';
+import itemPaletteTypeComponentMap from './index-8136916e.js';
+import ItemWrapper from './index-2f1ba250.js';
+import Checkout from './index-45cf390b.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,13 +23,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-77d9173d.js');
+  return import('./index-50667502.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-59b83e37.js');
+  return import('./index-7c0a4ac1.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-9ac5882a.js');
+  return import('./index-ba3379a6.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-430a94aa.js → index-8136916e.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aed98128.js';
-import Article from './index-80e71d6a.js';
-import SummaryOptionTree from './index-622d5877.js';
-import SummaryArticles from './index-e2d4d885.js';
-import SettingsItemAccessoireTemplate from './index-50e17aa1.js';
-import ItemVariant from './index-2dcbc0b2.js';
-import SettingsItemDefaultTemplate from './index-d63a9628.js';
-import Range from './index-88d46385.js';
-import SettingsItemRoomTemplate from './index-83aac1f0.js';
-import ViewPoint from './index-62e94f04.js';
-import NumberBox from './index-0b332201.js';
-import PlannerSwitch from './index-2fe56a06.js';
-import SummaryPartlist from './index-10771074.js';
-import Varaint from './index-c0b2bc0f.js';
-import GalleryText from './index-22450139.js';
+import './index-0c43b7d2.js';
+import Article from './index-91072fcb.js';
+import SummaryOptionTree from './index-37f4e2a3.js';
+import SummaryArticles from './index-deddc7bd.js';
+import SettingsItemAccessoireTemplate from './index-dd1d8193.js';
+import ItemVariant from './index-eaa67be6.js';
+import SettingsItemDefaultTemplate from './index-08a05eff.js';
+import Range from './index-56e41a03.js';
+import SettingsItemRoomTemplate from './index-6c1eb6dd.js';
+import ViewPoint from './index-a0abef0a.js';
+import NumberBox from './index-cbd7bc28.js';
+import PlannerSwitch from './index-68d6acd9.js';
+import SummaryPartlist from './index-259905d5.js';
+import Varaint from './index-3d4ba9e7.js';
+import GalleryText from './index-95a2054f.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -32,16 +32,16 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
 import 'react-laag';
-import './index-036ab768.js';
-import './index-ce7b4ea6.js';
-import './index-c721ce0d.js';
-import './index-eb44ac4e.js';
-import './index.module-67390622.js';
-import './index-1347ee1a.js';
-import './index-d885a3ae.js';
-import './index-927b1871.js';
+import './index-516d8d3e.js';
+import './index-a62394ce.js';
+import './index-e7ae826e.js';
+import './index-5719863e.js';
+import './index.module-5d2a78df.js';
+import './index-2f65bc6c.js';
+import './index-6671c5fa.js';
+import './index-9cad44d0.js';
 import 'react-switch';
-import './index.module-5ff1e2b2.js';
+import './index.module-87deb4be.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-7950f776.js → index-81420b32.js}

@@ -1,4 +1,4 @@
-import './index-aed98128.js';
+import './index-0c43b7d2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-7308fc3c.js → index-81500ee5.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-0c43b7d2.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-04d2fcd4.js → index-81ab935f.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-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-2fceb2d5.js → index-829f74ab.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';

package/build/esm/index-832fe813.js

@@ -0,0 +1,61 @@
+import './index-0c43b7d2.js';
+import 'react';
+import PartListTable from './index-e0df4301.js';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import './index.module-4c534c69.js';
+import 'react-collapsible';
+
+var AsyncRender = function AsyncRender(_ref) {
+  var optionSnapshot = _ref.optionSnapshot,
+    onClick = _ref.onClick,
+    showDiffOnly = _ref.showDiffOnly,
+    allOpen = _ref.allOpen;
+  var result = use(optionSnapshot.promise);
+  if (result) return /*#__PURE__*/jsx(PartListTable, {
+    onClick: onClick,
+    articles: result.articleSnapshot,
+    price: result.price,
+    title: optionSnapshot.title,
+    allOpen: allOpen,
+    showDiffOnly: showDiffOnly,
+    configStepKey: optionSnapshot.key
+  });
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+function use(promise) {
+  if (promise.status === 'fulfilled') {
+    return promise.value;
+  } else if (promise.status === 'rejected') {
+    throw promise.reason;
+  } else if (promise.status === 'pending') {
+    throw promise;
+  } else {
+    promise.status = 'pending';
+    promise.then(function (result) {
+      promise.status = 'fulfilled';
+      promise.value = result;
+    }, function (reason) {
+      promise.status = 'rejected';
+      promise.reason = reason;
+    });
+    throw promise;
+  }
+}
+var AsyncRender$1 = observer(AsyncRender);
+
+export { AsyncRender$1 as default };

package/build/esm/{index-942afa6b.js → index-85453b9c.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-0c43b7d2.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-c942fcb5.js → index-85e68bb3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-04e8d86b.js → index-87a19059.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-aed98128.js';
+import { s as styleInject, u as useViewHandler } from './index-0c43b7d2.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-5ff1e2b2.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-87deb4be.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-ce7b4ea6.js';
-import MetaData from './index-036ab768.js';
+import GenericToolTip from './index-a62394ce.js';
+import MetaData from './index-516d8d3e.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-eb44ac4e.js';
-import PricePreview from './index-c721ce0d.js';
+import InfoIcon from './index-5719863e.js';
+import PricePreview from './index-e7ae826e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-ad43d685.js → index-8acdabeb.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-aed98128.js';
+import './index-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-1ebbfd4f.js';
-import JsonEditor from './index-7198804e.js';
+import ArticleOverview from './index-433a955d.js';
+import JsonEditor from './index-25ddca93.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -18,10 +18,10 @@ 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-4c534c69.js';
+import './index.module-ba798e44.js';
 import 'classnames';
-import './index.module-6bf0ddaa.js';
+import './index.module-aee4bf07.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-7526596a.js → index-904781bb.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-0c43b7d2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-5776548d.js → index-90f5a53b.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-0c43b7d2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-80e71d6a.js → index-91072fcb.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-0c43b7d2.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-516d8d3e.js';
+import GenericToolTip from './index-a62394ce.js';
+import InfoIcon from './index-5719863e.js';
+import PricePreview from './index-e7ae826e.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-ef69a503.js → index-9190fec6.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-aed98128.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-6bf0ddaa.js';
-import { s as scrollable, h as header, t as toggleWrapper } from './index.module-5e1fdd06.js';
-import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-21706cf8.js';
+import { u as useViewHandler } from './index-0c43b7d2.js';
+import { useState, useEffect, Suspense } from 'react';
+import { n as notExpanded } from './index.module-aee4bf07.js';
+import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-4c534c69.js';
+import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-02f4bb10.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toggle from './index-927b1871.js';
-import PartlistTableSuspens from './index-4fafb838.js';
+import Toggle from './index-9cad44d0.js';
+import AsyncRender from './index-832fe813.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -24,6 +24,7 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
 import 'react-switch';
+import './index-e0df4301.js';
 import 'react-collapsible';
 
 var _excluded = ["onMouseDown"];
@@ -49,6 +50,10 @@ var PartList = function PartList(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     allTablesOpen = _useState8[0],
     setAllTablesOpen = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showDiffOnly = _useState10[0],
+    setShowDiffOnly = _useState10[1];
   var onClick = function onClick(obj) {
     var _selectedDecision$dec, _selectedDecision$dec2;
     var d = obj.decision;
@@ -60,46 +65,63 @@ var PartList = function PartList(_ref) {
   useEffect(function () {
     if (showVariantsOverview) {
       setTimeout(function () {
-        return update();
+        return updateVariants();
       }, 400);
     } else {
-      var _Promise;
       setArticlesList([{
-        promise: (_Promise = new Promise(function (r) {
-          var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3;
-          r({
-            articleSnapshot: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {},
-            price: (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getSetPrice()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : 0
-          });
-        })) !== null && _Promise !== void 0 ? _Promise : {},
-        title: ''
+        snapshots: [{
+          promise: new Promise(function (r) {
+            var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3;
+            r({
+              articleSnapshot: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {},
+              price: (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getSetPrice()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : 0
+            });
+          }),
+          title: '',
+          key: viewHandler.settingsState.configChanged.toString()
+        }]
       }]);
     }
   }, [viewHandler.settingsState.configChanged, viewHandler.tabGroupState.curConfigStep]);
-  var update = function update() {
+  var updateVariants = function updateVariants() {
     var snapshots = [];
+    var partlistArticlesInOverview = {};
     var allItems = viewHandler.settingsState.itemPaletteArr.filter(function (i) {
       return i[1].visible;
-    }).flatMap(function (i) {
-      return i[1].groups.flatMap(function (g) {
-        return g.items.flatMap(function (c) {
-          return {
-            item: c,
-            palette: i[1]
-          };
-        });
-      });
+    }).map(function (i) {
+      return {
+        items: i[1].groups.flatMap(function (g) {
+          return g.items.flatMap(function (c) {
+            return c;
+          });
+        }),
+        palette: i[1]
+      };
     });
     for (var i = 0; i < allItems.length; i++) {
-      var item = allItems[i].item;
+      var items = allItems[i].items;
       var palette = allItems[i].palette;
-      if (item.pricePreviewPromise && (item.text || item.name)) {
-        snapshots.push({
-          promise: item.pricePreviewPromise.promise,
-          title: palette.name + ': ' + (item.text || item.name)
-        });
+      var preparedItems = [];
+      for (var j = 0; j < items.length; j++) {
+        var item = items[j];
+        if (item.pricePreviewPromise && (item.text || item.name)) {
+          preparedItems.push({
+            promise: item.pricePreviewPromise.promise,
+            title: item.text || item.name,
+            key: palette.configStepKey
+          });
+        }
       }
+      partlistArticlesInOverview[palette.configStepKey] = {
+        items: [],
+        totalCount: items.length
+      };
+      snapshots.push({
+        snapshots: preparedItems,
+        palette: palette
+      });
     }
+    viewHandler.settingsState.setPartlistArticlesInOverview(partlistArticlesInOverview);
     setArticlesList(snapshots);
   };
   useEffect(function () {
@@ -133,14 +155,32 @@ var PartList = function PartList(_ref) {
           on: "offen",
           off: "zu",
           width: 100
+        }), showVariantsOverview && /*#__PURE__*/jsx(Toggle, {
+          state: showDiffOnly,
+          onChange: function onChange(val) {
+            return setShowDiffOnly(val);
+          },
+          on: "schnittm.",
+          off: "alle",
+          width: 100
         })]
       })]
     }), articlesList.map(function (a, index) {
-      return /*#__PURE__*/jsx(PartlistTableSuspens, {
-        onClick: onClick,
-        promise: a.promise,
-        title: a.title,
-        allOpen: allTablesOpen
+      var _a$palette;
+      return /*#__PURE__*/jsxs("div", {
+        className: optionWrapper,
+        children: [!!((_a$palette = a.palette) !== null && _a$palette !== void 0 && _a$palette.name) && /*#__PURE__*/jsx("div", {
+          children: a.palette.name
+        }), a.snapshots.map(function (v) {
+          return /*#__PURE__*/jsx(Suspense, {
+            children: /*#__PURE__*/jsx(AsyncRender, {
+              onClick: onClick,
+              optionSnapshot: v,
+              allOpen: allTablesOpen,
+              showDiffOnly: showDiffOnly
+            }, v.key)
+          });
+        })]
       }, index);
     }), selectedDecision && /*#__PURE__*/jsx("div", {
       className: decision,

package/build/esm/{index-51ba52a7.js → index-91a5d117.js}

@@ -1,11 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-aed98128.js';
+import './index-0c43b7d2.js';
 import { useState } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
-import { a as infoText, c as copyWrapper, b as bottomInfoText } from './index.module-1e372387.js';
-import { j as input, b as button, a as inverted, J as dark, e as icon, K as check, L as copy } from './index.module-0c9d4c62.js';
+import { a as infoText, c as copyWrapper, b as bottomInfoText } from './index.module-0f28e27e.js';
+import { j as input, b as button, a as inverted, M as dark, e as icon, N as check, O as copy } from './index.module-730395d3.js';
 import classnames from 'classnames';
 import { getLogger, useTranslation } from '@crystaldesign/diva-core';
+import { UTMUtils, UtmSource, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -16,7 +17,6 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
@@ -32,13 +32,18 @@ var ShareViaUrl = function ShareViaUrl(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     time = _useState4[0],
     setTime = _useState4[1];
+  var utmStandard = new UTMUtils(UtmSource.DIRECT, UtmMedium.REFERRAL, UtmCampaign.PLANNER_SHARE);
+  var fullUrl = utmStandard.addUtmParams(url);
+  var utmQr = new UTMUtils(UtmSource.DIRECT, UtmMedium.SOCIAL, UtmCampaign.PLANNER_QR_SHARE);
+  var fullQrUrl = utmQr.addUtmParams(url);
   var onCopy = function onCopy() {
+    var _navigator;
     LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Der Link zum Konfigurations-PDF wurde kopiert", {
       shareType: 'link',
       shareAction: 'copy_url'
     });
     setJustCopied(true);
-    navigator.clipboard.writeText(url);
+    (_navigator = navigator) === null || _navigator === void 0 || _navigator.clipboard.writeText(fullUrl);
     if (time) clearTimeout(time);
     setTime(setTimeout(function () {
       return setJustCopied(false);
@@ -50,7 +55,7 @@ var ShareViaUrl = function ShareViaUrl(_ref) {
       shareType: 'link',
       shareAction: 'qr_click'
     });
-    (_window$open = window.open(url, '_blank')) === null || _window$open === void 0 || _window$open.focus();
+    (_window$open = window.open(fullQrUrl, '_blank')) === null || _window$open === void 0 || _window$open.focus();
   };
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -63,14 +68,14 @@ var ShareViaUrl = function ShareViaUrl(_ref) {
         cursor: 'pointer'
       },
       size: 200,
-      value: url,
+      value: fullQrUrl,
       onClick: onClickQRCode
     }), /*#__PURE__*/jsxs("div", {
       className: copyWrapper,
       children: [/*#__PURE__*/jsx("input", {
         className: input,
         type: "text",
-        value: url
+        value: fullUrl
       }), /*#__PURE__*/jsx("button", {
         className: classnames(button, inverted, justCopied ? dark : undefined),
         onClick: onCopy,

package/build/esm/{index-9f35082d.js → index-91c3ab9a.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-aed98128.js';
+import { s as styleInject } from './index-0c43b7d2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-59eb30d8.js';
-import Searchbar from './index-fc73bf91.js';
-import Arrow from './index-789d5248.js';
-import InfoIcon from './index-eb44ac4e.js';
-import PricePreview from './index-c721ce0d.js';
+import RALFilter from './index-6b442019.js';
+import Searchbar from './index-256b7f3e.js';
+import Arrow from './index-c5f13d57.js';
+import InfoIcon from './index-5719863e.js';
+import PricePreview from './index-e7ae826e.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,10 +24,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-bed19d33.js';
-import './index-a21519f8.js';
+import './index-98a22d02.js';
+import './index-a183185b.js';
 import '@crystaldesign/content-box';
-import './index-7526596a.js';
+import './index-904781bb.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";