@crystaldesign/diva-web-planner-react 25.3.0-beta.24 → 25.3.0-beta.26

package/build/esm/index-35880c06.js

@@ -0,0 +1,242 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-3ed57e1f.js';
+import { observer } from 'mobx-react-lite';
+import { useEffect, createElement } from 'react';
+import Product from './index-8966899f.js';
+import Sidebar from './index-74d355ed.js';
+import OptionTree from './index-9ab112f5.js';
+import PartListTable from './index-a56addfa.js';
+import MaskEditor from './index-6464ccde.js';
+import SVGAnalyzer from './index-703bab7e.js';
+import { l as list } from './index.module-992239fb.js';
+import EkTextViewer from './index-baa4accd.js';
+import CatalogMakeup from './index-a60f48eb.js';
+import DecisionAnalyzer from './index-38a95bbb.js';
+import RTVAnalyzer from './index-291a0eea.js';
+import J3DEditor from './index-d58301db.js';
+import PropertiesEditor from './index-d9800d9c.js';
+import ArticleOverview from './index-e5fe591e.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import './index-bb979ecd.js';
+import './index-b02612b7.js';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+import 'classnames';
+import './index-dbe0c8d1.js';
+import './index-dcb25976.js';
+import 'sift';
+import './index-a29d2c37.js';
+import './index-88cb7e92.js';
+import './index-d6be8d07.js';
+import './index-7942b651.js';
+import './index-3eb302ca.js';
+import './index.module-4f8acada.js';
+import './index-22931ae8.js';
+import 'react-switch';
+import './index-506d109f.js';
+import './index-62d34101.js';
+import './index-9c4ab766.js';
+import 'react-dropdown';
+import './index-8a2414d1.js';
+import './index-2a4f0dd3.js';
+import './index-0672e46c.js';
+import './index-ae5db34c.js';
+import '@crystaldesign/content-box';
+import './index-324f4dc3.js';
+import './index-6b01214b.js';
+import './index-1bc9d435.js';
+import './index-ba9270ac.js';
+import './index-50c1d4e5.js';
+import './index-696765d1.js';
+import 'react-laag';
+import './index-3153cddd.js';
+import './index-f0183721.js';
+import './index-149a7953.js';
+import './index-89d49f0f.js';
+import './index-16dd03e9.js';
+import './index-9f8c4f8e.js';
+import './index-63a136f9.js';
+import './index-47947ab4.js';
+import './index-d414080a.js';
+import './index-fec50e99.js';
+import './index.module-872b8cf5.js';
+import './index-b471ea58.js';
+import './index-024b6bd3.js';
+import './index-7a07370e.js';
+import './index-07d25f14.js';
+import './index-4338b169.js';
+import './index-c6dbb66d.js';
+import './index-1c366e95.js';
+import './index.module-f9d94afd.js';
+import './index-7c0f1cce.js';
+import './index-d598f200.js';
+import './index-0721aa9b.js';
+import './index-9fe2adcb.js';
+import './index-b08ea0ca.js';
+import './index-7dc6940a.js';
+import './index.module-a115fbb4.js';
+import './index-0460982d.js';
+import './index-6d3f1ced.js';
+import './index-646bef24.js';
+import './index-959ddbdb.js';
+import './index-a756ed73.js';
+import './index-aa65a0c4.js';
+import './index-2644676e.js';
+import './index-2655c643.js';
+import './index-6f50c9ba.js';
+import './index-92fcfbef.js';
+import 'react-qr-code';
+import './index-3b219663.js';
+import './index-633ae247.js';
+import './index-2970afb3.js';
+import './index-cc647f80.js';
+import './index-64b6092f.js';
+import './index-66bd13ae.js';
+import 'react-collapsible';
+import './index-4582e31c.js';
+import './index-ea3e3189.js';
+import './index.module-5d137a40.js';
+import 'react-json-view-lite';
+import './react-json-viewer-cbbc334c.js';
+import './index.module-a2a90bb3.js';
+import 'jsoneditor';
+import './index-df305f88.js';
+import './index-3f44db34.js';
+import './index-7349bfe8.js';
+import './index.module-6b504460.js';
+import './index-021ec200.js';
+import './index-d4f49e5d.js';
+import './index.module-3449ad5b.js';
+import './index-f30e71d0.js';
+import './DecisionVizualizer-7b02a08b.js';
+import './index-bd098927.js';
+import './index-a92f2626.js';
+import './CatalogProperties-42071ac3.js';
+import './ArticleProperties-be5482e5.js';
+import './OptionProperties-4f93807c.js';
+import './OptionValueProperties-b52dd892.js';
+import 'react-select';
+
+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 CatalogProduct = function CatalogProduct(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var changeVal = function changeVal(newValue) {
+    localStorage.setItem('lastWindow', newValue);
+    viewHandler.uiState.setActiveCatalogSection(newValue);
+  };
+  useEffect(function () {
+    switch (viewHandler.uiState.activeCatalogSection) {
+      case 'Options':
+        viewHandler.uiState.setConfigSettingsIsExpanded(true);
+        break;
+      case 'ekText':
+      case '3D/2D':
+      case 'PartList':
+      case 'Artikelübersicht':
+      case 'SVGübersicht':
+      case 'DecisionAnalyzer':
+      case 'CatalogMakeup':
+      case 'RTVAnalyzer':
+      case 'J3DEditor':
+      case 'PropertiesEditor':
+      case 'MaskEditor':
+        viewHandler.uiState.setConfigSettingsIsExpanded(false);
+        break;
+    }
+  }, [viewHandler.uiState.activeCatalogSection]);
+  useEffect(function () {
+    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
+  }, []);
+  var activeWindow = undefined;
+  var classname = props.className + ' ' + list;
+  switch (viewHandler.uiState.activeCatalogSection) {
+    case 'Options':
+      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
+        style: {
+          zIndex: 700
+        }
+      }));
+      break;
+    case 'PartList':
+      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'DecisionAnalyzer':
+      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'Artikelübersicht':
+      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'SVGübersicht':
+      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'ekText':
+      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'CatalogMakeup':
+      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'RTVAnalyzer':
+      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'J3DEditor':
+      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'PropertiesEditor':
+      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'MaskEditor':
+      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
+      currentWindowActive: viewHandler.uiState.activeCatalogSection,
+      setCurrentWindowActive: changeVal
+    })), /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
+      style: {
+        boxSizing: 'border-box',
+        borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
+      },
+      key: 'product'
+    })), activeWindow]
+  });
+};
+var index = observer(CatalogProduct);
+
+export { index as default };

package/build/esm/index-36022804.js

@@ -0,0 +1,170 @@
+import { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-0d15872a.js';
+import Product from './index-fa955818.js';
+import Settings from './index-d8d8b23e.js';
+import NavigationButtons from './index-64dcf5d9.js';
+import BasketAction from './index-068bd549.js';
+import TabGroup from './index-14b51ca1.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-7a8f0fc5.js';
+import { jsxs, Fragment, jsx } 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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-fa7c2a66.js';
+import './index-88cb7e92.js';
+import './index-b3e1633f.js';
+import './index-aae4e533.js';
+import './index-d5f13665.js';
+import 'react-laag';
+import './index-f1b257b8.js';
+import './index-e8d6ec40.js';
+import './index-dcb25976.js';
+import 'sift';
+import './index-a29d2c37.js';
+import './index-d6be8d07.js';
+import './index-7942b651.js';
+import './index-3eb302ca.js';
+import './index.module-4f8acada.js';
+import './index-22931ae8.js';
+import 'react-switch';
+import './index-506d109f.js';
+import './index-62d34101.js';
+import './index-9c4ab766.js';
+import 'react-dropdown';
+import './index-8a2414d1.js';
+import './index-2a4f0dd3.js';
+import './index-0672e46c.js';
+import './index-ae5db34c.js';
+import '@crystaldesign/content-box';
+import './index-324f4dc3.js';
+import './index-6b01214b.js';
+import './index-1bc9d435.js';
+import './index-ba9270ac.js';
+import './index-50c1d4e5.js';
+import './index-696765d1.js';
+import './index-3153cddd.js';
+import './index-f0183721.js';
+import './index-149a7953.js';
+import './index-89d49f0f.js';
+import './index-16dd03e9.js';
+import './index-9f8c4f8e.js';
+import './index-63a136f9.js';
+import './index-47947ab4.js';
+import './index-d414080a.js';
+import './index-fec50e99.js';
+import './index.module-872b8cf5.js';
+import './index-b471ea58.js';
+import './index-024b6bd3.js';
+import './index-7a07370e.js';
+import './index-07d25f14.js';
+import './index-4338b169.js';
+import './index-c6dbb66d.js';
+import './index-1c366e95.js';
+import './index.module-f9d94afd.js';
+import './index-7c0f1cce.js';
+import './index-d598f200.js';
+import './index-9e7a03be.js';
+import './index-bf35416d.js';
+import './index-518722eb.js';
+import './index-6f4ca1ce.js';
+import './index-9cd44bc2.js';
+import './index-bb883df0.js';
+
+var wcConfigurator = "wcConfigurator-XDqzc";
+var landscape = "landscape-h-sQZ";
+var portrait = "portrait-GHprw";
+var wcConfiguratorProduct = "wcConfigurator-product--JVWg";
+var wcConfiguratorSettings = "wcConfigurator-settings-YxHjA";
+var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
+var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
+var expanded = "expanded-Iylhn";
+var foldedup = "foldedup-NCdbS";
+var settingsHidden = "settings-hidden-T4ySb";
+var isOnLastStep = "isOnLastStep-mmqas";
+var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+styleInject(css_248z);
+
+var Gold = function Gold(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'none'
+      }), /*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions
+      }), /*#__PURE__*/jsx(BasketAction, {
+        containerClassName: wcConfiguratorAction
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#a81e1e',
+  '--secondaryColor': '#4a4a4a',
+  '--thirdColor': '#dfdfdf',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--galleryItemRadius': '3px',
+  '--galleryItemRowCount': '4',
+  '--galleryItemMargin': '1%',
+  '--galleryItemRowCountSmall': '3',
+  '--galleryItemMarginSmall': '0.5%',
+  '--galleryItemBorderColor': '#e8e9ed83',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--galleryItemBorder': '1px',
+  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '10px',
+  '--settingsScrollerPaddingLeft': '10px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionHeight': '40px',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
+  '--itemsMargin': '11.2px 0 0 0'
+};
+var index = observer(Gold);
+
+export { index as default };

package/build/esm/index-384bcd7f.js

@@ -0,0 +1,44 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import ActionNavigation from './index-55a87440.js';
+import PriceSumm from './index-672571b0.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'classnames';
+
+var backOverwrite = "back-overwrite--AJgH";
+var forthOverwrite = "forth-overwrite-l0e3R";
+var actionNavigationClass = "action-navigation-class-jX4Hl";
+var css_248z = ".back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  cursor: pointer;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\n}\n";
+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 ActionNavigationRalph = function ActionNavigationRalph(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
+      className: viewHandler.getIsInMobileView() ? actionNavigationClass : undefined,
+      showBackButtonText: true,
+      forthOverwrite: forthOverwrite,
+      backOverwrite: backOverwrite
+    })]
+  }));
+};
+var index = observer(ActionNavigationRalph);
+
+export { index as default };

package/build/esm/index-38a95bbb.js

@@ -0,0 +1,158 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+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 { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-992239fb.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import './react-json-viewer-cbbc334c.js';
+import DecisionVisualization from './DecisionVizualizer-7b02a08b.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var table = "table-iqWqM";
+var column = "column-0LUrX";
+var scrollable = "scrollable-g4Mgr";
+var header = "header-4-lJa";
+var decision = "decision-d8i43";
+var css_248z = ".table-iqWqM {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-iqWqM thead {\n  font-weight: bold !important;\n}\n.table-iqWqM thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-0LUrX {\n  text-align: left;\n}\n.column-0LUrX:first-child {\n  height: 20px;\n}\n\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  left: 50px;\n}\n.header-4-lJa {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  right: 240px;\n  width: 700px;\n  height: 100%;\n  background-color: #fff;\n  overflow: auto;\n}\n";
+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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
+  var _article$decisionDebu;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  useEffect(function () {
+    var asyncFunct = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return DivaUtils.Sleep(1000);
+            case 2:
+              setRerender(!rerender);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  var article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+    return a.posNr == 1;
+  });
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDecision = _useState4[0],
+    setSelectedDecision = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filter = _useState6[0],
+    setFilter = _useState6[1];
+  if (!article) return /*#__PURE__*/jsx(Fragment, {});
+  var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
+  if (!longestStack) return /*#__PURE__*/jsx(Fragment, {});
+  var entries = _toConsumableArray(Array(longestStack).keys());
+  var _onClick = function onClick(nr, decision) {
+    if (nr == (selectedDecision === null || selectedDecision === void 0 ? void 0 : selectedDecision.Number)) {
+      setSelectedDecision(undefined);
+    } else setSelectedDecision(decision);
+  };
+  var filteredDecisions = article.decisionDebugStacks.map(function (d) {
+    return d.stack.map(function (d) {
+      var _d$decision$Options, _d$decision$DOC;
+      return _objectSpread(_objectSpread({}, d), {}, {
+        bold: !!((_d$decision$Options = d.decision.Options) !== null && _d$decision$Options !== void 0 && _d$decision$Options.includes('OPT' + filter)) || ((_d$decision$DOC = d.decision.DOC) === null || _d$decision$DOC === void 0 ? void 0 : _d$decision$DOC.find(function (doc) {
+          var _doc$DA;
+          return (_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
+            return da.OptionCodex == filter;
+          });
+        }))
+      });
+    });
+  });
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsxs("a", {
+      className: header,
+      children: ["Decision history", /*#__PURE__*/jsx("input", {
+        value: filter,
+        onChange: function onChange(e) {
+          return setFilter(e.target.value);
+        },
+        placeholder: "filter option ohne OPT"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsxs("table", {
+        className: table,
+        children: [/*#__PURE__*/jsx("thead", {
+          children: /*#__PURE__*/jsx("tr", {
+            className: column,
+            children: filteredDecisions.map(function (d, i) {
+              var text = '';
+              for (var key in article.decisionDebugStacks[i].variantValues) {
+                text = text + key + ': ' + article.decisionDebugStacks[i].variantValues[key] + '\n';
+              }
+              return /*#__PURE__*/jsx("th", {
+                children: text
+              }, i);
+            })
+          })
+        }), /*#__PURE__*/jsx("tbody", {
+          children: entries.map(function (x, i) {
+            return /*#__PURE__*/jsx("tr", {
+              className: column,
+              children: filteredDecisions.map(function (d, j) {
+                var _d$i, _d$i2;
+                return /*#__PURE__*/jsx("th", {
+                  onClick: function onClick() {
+                    return _onClick(d[i].nr, d[i].decision);
+                  },
+                  children: d[i].bold ? /*#__PURE__*/jsx("strong", {
+                    children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
+                  }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
+                }, j);
+              })
+            }, i);
+          })
+        })]
+      }), selectedDecision && /*#__PURE__*/jsx("div", {
+        className: decision,
+        children: /*#__PURE__*/jsx(DecisionVisualization, {
+          decision: selectedDecision
+        })
+      })]
+    })]
+  }));
+};
+var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
+
+export { DecisionAnalyzer$1 as default };