@crystaldesign/diva-web-planner-react 25.2.0-beta.28 → 25.2.0-beta.3

package/build/esm/index-f30cdea6.js

@@ -0,0 +1,113 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import { useState, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Collapsible from 'react-collapsible';
+import { observer } from 'mobx-react-lite';
+import InfoIcon from './index-c03688e1.js';
+import PricePreview from './index-b1bbf24a.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/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';
+
+var wrapper = "wrapper--ib5A";
+var wcGroupedContainer = "wcGroupedContainer-PIV-1";
+var wcPaletteHeader = "wcPaletteHeader-743rE";
+var wcSizeGroupHeader = "wcSizeGroupHeader-qNjZR";
+var wcGroupHeaderTitle = "wcGroupHeaderTitle-vGDWm";
+var wcFoldingArrow = "wcFoldingArrow-Ta8kT";
+var wcGroupOpen = "wcGroupOpen-oAf0q";
+var css_248z = ".wrapper--ib5A {\n  width: 100%;\n}\n\n.wcConfigurator-settings-Jey-L .wcGroupedContainer-PIV-1 {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-vGDWm {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.wcGroupHeaderTitle-vGDWm:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.wcGroupOpen-oAf0q .wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  transform: rotateZ(180deg);\n}\n";
+styleInject(css_248z);
+
+var Group = function Group(_ref) {
+  var group = _ref.group,
+    PaletteComponent = _ref.PaletteComponent,
+    itemPalette = _ref.itemPalette,
+    contentInnerClassName = _ref.contentInnerClassName;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  var _useState = useState(group.isFolded),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentHidden = _useState2[0],
+    setContentHidden = _useState2[1];
+  var _useState3 = useState(!group.isFolded),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  useEffect(function () {
+    if (!isOpen && !group.isFolded) {
+      setTimeout(function () {
+        return setIsOpen(!group.isFolded);
+      }, 400);
+    } else {
+      setIsOpen(!group.isFolded);
+    }
+    if (!contentHidden && group.isFolded) {
+      setTimeout(function () {
+        return setContentHidden(group.isFolded);
+      }, 200);
+    } else {
+      setContentHidden(group.isFolded);
+    }
+  }, [group.isFolded]);
+  var name = group.name !== 'none' ? group.name : t('configurator.other');
+  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
+  var pricePreviewPromise = group.items[0].pricePreviewPromise;
+  return /*#__PURE__*/jsx("div", {
+    className: wrapper,
+    id: title,
+    children: /*#__PURE__*/jsx(Collapsible, {
+      className: wcGroupedContainer,
+      open: isOpen,
+      contentInnerClassName: contentInnerClassName,
+      handleTriggerClick: function handleTriggerClick() {
+        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
+          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
+        }
+      },
+      triggerOpenedClassName: wcGroupOpen,
+      trigger: /*#__PURE__*/jsxs("div", {
+        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
+        children: [/*#__PURE__*/jsx("div", {
+          className: wcFoldingArrow
+        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+          item: group,
+          style: {
+            zIndex: 100,
+            margin: '0px 10px',
+            position: 'relative'
+          }
+        }), /*#__PURE__*/jsxs("div", {
+          className: wcGroupHeaderTitle,
+          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+            asyncPricePreview: pricePreviewPromise
+          })]
+        })]
+      }),
+      easing: "ease",
+      children: !contentHidden && group.items.map(function (item, i) {
+        return /*#__PURE__*/jsx(PaletteComponent, {
+          paletteType: itemPalette.type,
+          paletteId: itemPalette.id,
+          item: item,
+          hidePricePreview: true
+        }, i);
+      })
+    })
+  }, title);
+};
+var Group$1 = observer(Group);
+
+export { Group$1 as default };

package/build/esm/index-f388f10c.js

@@ -0,0 +1,49 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import { useEffect } from 'react';
+import { jsx, Fragment } 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 'mobx-react-lite';
+
+var checkoutButton = "checkout-button-obLRi";
+var checkoutButtonWhite = "checkout-button-white-twwsk";
+var checkoutText = "checkout-text-q48pZ";
+var css_248z = ".checkout-button-obLRi {\n  border-radius: 4px !important;\n}\n.checkout-button-obLRi {\n  background-color: #0f1531;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n}\n.checkout-button-white-twwsk {\n  background-color: initial;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n  border: solid 1px;\n  color: #0f1531;\n  border-color: #0f1531;\n  background-color: white;\n}\n.checkout-text-q48pZ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n";
+styleInject(css_248z);
+
+var index = function index(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.uiState.setBarrierActions([{
+      className: checkoutButton,
+      onClick: function onClick() {},
+      text: 'text'
+    }, {
+      className: checkoutButtonWhite,
+      onClick: function onClick() {},
+      text: 'text'
+    }, {
+      className: checkoutButtonWhite,
+      onClick: function onClick() {},
+      text: 'text'
+    }]);
+    viewHandler.uiState.barrierTextClass = checkoutText;
+    viewHandler.uiState.barrierCreateActionOrder = 1;
+  }, []);
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+
+export { index as default };

package/build/esm/index-f3ea2c52.js

@@ -0,0 +1,101 @@
+import { u as useViewHandler } from './index-54d6be58.js';
+import 'react';
+import classnames from 'classnames';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-c9bef34d.js';
+import Toggle from './index-0a9d8acb.js';
+import { observer } from 'mobx-react-lite';
+import { getLogger } from '@crystaldesign/diva-core';
+import { DivaError } from '@crystaldesign/diva-utils';
+import InfoIcon from './index-c03688e1.js';
+import PricePreview from './index-b1bbf24a.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'react-switch';
+
+var LOG = getLogger('Planner', 'ToggleOption');
+var ToggleOption = function ToggleOption(_ref) {
+  var _item$selectedElement;
+  var item = _ref.item,
+    paletteId = _ref.paletteId,
+    style = _ref.style;
+  var viewHandler = useViewHandler();
+  var items = item.groups[0].items;
+  var yesItem;
+  var noItem;
+  if (!items) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  for (var i = 0; i < items.length; i++) {
+    var _items$i$codex, _items$i$codex2;
+    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
+      noItem = items[i];
+    }
+    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
+      yesItem = items[i];
+    }
+  }
+  if (!noItem || !yesItem) {
+    if (items.length == 2) {
+      noItem = items[0];
+      yesItem = items[1];
+    }
+    if (!noItem || !yesItem) {
+      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
+        code: 'WC_0011'
+      }));
+      item.isVisited = true;
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+  }
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
+  return /*#__PURE__*/jsxs("div", {
+    className: row,
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    style: style,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classnames(colum, title),
+      children: item.name
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(colum, toggle),
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        pos: "left"
+      }), /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        state: noItem.sel == false,
+        off: noItem.text,
+        on: yesItem.text
+      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        pos: "right"
+      })]
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        bottom: 'calc(50% - 10px)',
+        right: '20px'
+      }
+    })]
+  });
+};
+var ToggleOption$1 = observer(ToggleOption);
+
+export { ToggleOption$1 as default };

package/build/esm/index-f4315d1b.js

@@ -0,0 +1,52 @@
+import { u as useViewHandler } from './index-54d6be58.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-41ad8591.js';
+import IsActive from './index-1201d944.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var ViewPoint = function ViewPoint(_ref) {
+  var itemP = _ref.item;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: paletteItem,
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickedOnStaticVPPalette(item);
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classnames(wcSize, wcSizeNormal),
+      children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), /*#__PURE__*/jsx("div", {
+        className: wcImage,
+        style: {
+          backgroundImage: "url(".concat(item.url, ")")
+        }
+      }), /*#__PURE__*/jsx("div", {
+        className: textContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: wcConfiguratorSettingsTitle,
+          children: t('configurator.' + item.N)
+        })
+      })]
+    })
+  });
+};
+var ViewPoint$1 = observer(ViewPoint);
+
+export { ViewPoint$1 as default };

package/build/esm/index-f4794981.js

@@ -0,0 +1,139 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import classnames from 'classnames';
+import { useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { jsx, jsxs } 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';
+
+var wrapper = "wrapper-e-9oi";
+var scrollable = "scrollable-5pDmY";
+var header = "header-2oApV";
+var container = "container-vPqn9";
+var rtvtable = "rtvtable-6rpxJ";
+var css_248z = ".wrapper-e-9oi {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.scrollable-5pDmY {\n  overflow: auto;\n  left: 50px;\n}\n.header-2oApV {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.container-vPqn9 {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.rtvtable-6rpxJ td,\n.rtvtable-6rpxJ th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.rtvtable-6rpxJ tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\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 RTVAnalyzer = function RTVAnalyzer(props) {
+  var _useViewHandler = useViewHandler(),
+    rtvAnalyzeData = _useViewHandler.rtvAnalyzeData;
+  var oldData = useRef();
+  var totalSize = 0;
+  var geoSize = 0;
+  var texSize = 0;
+  rtvAnalyzeData.forEach(function (dt) {
+    return dt.active && (totalSize += dt.sizeMb, dt.type == 'GEO' ? geoSize += dt.sizeMb : texSize += dt.sizeMb);
+  });
+  var data = rtvAnalyzeData.filter(function (dt) {
+    return dt.active;
+  }).sort(function (a, b) {
+    return b.sizeMb - a.sizeMb;
+  });
+  data = data.map(function (newdt) {
+    var _oldData$current;
+    if ((_oldData$current = oldData.current) !== null && _oldData$current !== void 0 && _oldData$current.find(function (olddt) {
+      return newdt.name == olddt.name && olddt.active == true;
+    })) {
+      return _objectSpread(_objectSpread({}, newdt), {}, {
+        "new": false
+      });
+    } else {
+      return _objectSpread(_objectSpread({}, newdt), {}, {
+        "new": true
+      });
+    }
+  });
+  oldData.current = data;
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    children: /*#__PURE__*/jsxs("div", {
+      className: wrapper,
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "RTV Analyzer"
+      }), /*#__PURE__*/jsx("div", {
+        className: container,
+        children: /*#__PURE__*/jsxs("table", {
+          className: rtvtable,
+          children: [/*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsx("th", {
+              children: "Art"
+            }), /*#__PURE__*/jsx("th", {
+              children: "Name"
+            }), /*#__PURE__*/jsx("th", {
+              children: "Pfad"
+            }), /*#__PURE__*/jsx("th", {
+              children: "Geos (std mat)"
+            }), /*#__PURE__*/jsx("th", {
+              children: "Gr\xF6\xDFe (MB | %)"
+            })]
+          }), /*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: "Gesamt"
+            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: Math.round(totalSize * 100) / 100 + 'mb | 100%'
+            })]
+          }), /*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: "Geo Gesamt"
+            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: Math.round(geoSize * 100) / 100 + 'mb | ' + Math.round(geoSize / totalSize * 100) + '%'
+            })]
+          }), /*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: "Tex Gesamt"
+            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
+              children: Math.round(texSize * 100) / 100 + 'mb | ' + Math.round(texSize / totalSize * 100) + '%'
+            })]
+          }), data.map(function (dt) {
+            return /*#__PURE__*/jsxs("tr", {
+              style: !dt.found ? {
+                color: 'red'
+              } : dt["new"] ? {
+                fontWeight: 'bold'
+              } : {},
+              children: [/*#__PURE__*/jsx("td", {
+                children: dt.type
+              }), /*#__PURE__*/jsx("td", {
+                children: dt.name
+              }), /*#__PURE__*/jsx("td", {
+                children: /*#__PURE__*/jsx("div", {
+                  style: {
+                    maxHeight: 20,
+                    lineBreak: 'anywhere',
+                    overflow: 'hidden',
+                    cursor: 'copy'
+                  },
+                  onClick: function onClick() {
+                    navigator.clipboard.writeText(dt.path);
+                  },
+                  children: dt.type != 'MAT' ? dt.path.replace(dt.path.slice(0, dt.path.indexOf('diva3darchiv') + 12), '') : dt.path
+                })
+              }), /*#__PURE__*/jsx("td", {
+                children: dt.geo
+              }), /*#__PURE__*/jsx("td", {
+                children: Math.round(dt.sizeMb * 100) / 100 + 'mb | ' + Math.round(dt.sizeMb / totalSize * 100) + '%'
+              })]
+            });
+          })]
+        })
+      })]
+    })
+  }));
+};
+var RTVAnalyzer$1 = observer(RTVAnalyzer);
+
+export { RTVAnalyzer$1 as default };

package/build/esm/index-f63c9a85.js

@@ -0,0 +1,168 @@
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-7c01cd74.js';
+import Product from './index-7a12e54f.js';
+import Settings from './index-0dab4cab.js';
+import NavigationButtons from './index-d6c5bfe4.js';
+import BasketAction from './index-82d34336.js';
+import TabGroup from './index-105e3f95.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-4b056143.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 '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-3c792bc2.js';
+import './index-01ad7965.js';
+import './index-35729e4f.js';
+import './index-1ae6504b.js';
+import './index-33896c97.js';
+import 'react-laag';
+import './index-1899615f.js';
+import './index-85e0c17a.js';
+import './index-6e7d2e26.js';
+import 'sift';
+import './index-893a769b.js';
+import './index-c2b40da3.js';
+import './index-b17ae86a.js';
+import './index-f3ea2c52.js';
+import './index.module-c9bef34d.js';
+import './index-0a9d8acb.js';
+import 'react-switch';
+import './index-c03688e1.js';
+import './index-b1bbf24a.js';
+import './index-76540bad.js';
+import 'react-dropdown';
+import './index-22116f95.js';
+import './index-4c37fb0e.js';
+import './index-427c31f9.js';
+import './index-9f28f4ae.js';
+import '@crystaldesign/content-box';
+import './index-77bf4fb4.js';
+import './index-c7877768.js';
+import './index-de4443e9.js';
+import './index-c7b63c12.js';
+import './index-389d80c2.js';
+import './index-53bad72b.js';
+import './index-5a445d18.js';
+import './index-b86dea91.js';
+import './index-a16b98a4.js';
+import './index-eb5a3153.js';
+import './index-b8ce8d4e.js';
+import './index-30ed765c.js';
+import './index-dc69a4ef.js';
+import './index-d3d41f67.js';
+import './index-3e8b4332.js';
+import './index-f4315d1b.js';
+import './index.module-41ad8591.js';
+import './index-1201d944.js';
+import './index-1ce3bddb.js';
+import './index-ef41ed48.js';
+import './index-f8e7e5bd.js';
+import './index-19259082.js';
+import './index-6a54ffdf.js';
+import './index-00a7d828.js';
+import './index.module-c7b58886.js';
+import './index-200f3876.js';
+import './index-4bc2c14a.js';
+import './index-5aa48ea0.js';
+import './index-9d8f56bf.js';
+import './index-dfa1268a.js';
+import './index-06f59306.js';
+import './index-e6679386.js';
+import './index-a9c48c48.js';
+
+var wcConfigurator = "wcConfigurator-8WNGD";
+var landscape = "landscape-fycCb";
+var portrait = "portrait-mcAF6";
+var wcConfiguratorProduct = "wcConfigurator-product-RWY1l";
+var wcConfiguratorSettings = "wcConfigurator-settings-St4gK";
+var wcConfiguratorSteps = "wcConfigurator-steps-fRfjC";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions--47XW";
+var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
+var expanded = "expanded-tbaDC";
+var foldedup = "foldedup-INA5E";
+var settingsHidden = "settings-hidden-dySS8";
+var css_248z = ".wcConfigurator-8WNGD {\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: 300;\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-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\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 - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\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--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\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  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\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  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\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-fycCb .wcConfigurator-settings-St4gK {\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-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-product-RWY1l {\n  z-index: 1;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-product-RWY1l {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-St4gK {\n  top: 100%;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-settings-St4gK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-steps-fRfjC {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-settings-actions--47XW,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-actions--47XW {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-action-9vcgt {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.portrait-mcAF6 .progressBar-dd1Kl {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\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 Ralph = function Ralph(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),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'right'
+      }), /*#__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': '#f3f3f3',
+  '--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': '10px',
+  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))',
+  '--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(Ralph);
+
+export { index as default };