@crystaldesign/diva-web-planner-react 24.13.0-rc.2 → 24.13.0-rc.21

package/build/esm/index-39a693a0.js

@@ -0,0 +1,187 @@
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { useEffect } from 'react';
+import Inputbox from './index-4f02fb0b.js';
+import Settings from './index-8fa67143.js';
+import TabGroup from './index-73b38a52.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import Toolbar from './index-c352fe51.js';
+import NavigationButtons from './index-de14d6fb.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-8b88a92e.js';
+import './index-509577cb.js';
+import './index-ee75f2a1.js';
+import './index-167c51f5.js';
+import './index-876db94e.js';
+import 'react-laag';
+import './index-592fac91.js';
+import './index-2a907a41.js';
+import './index-02b1ad96.js';
+import 'sift';
+import './index-947d5a0a.js';
+import './index-2ac582da.js';
+import './index-c0ce2bf4.js';
+import './index-e586ef31.js';
+import './index.module-857ed89a.js';
+import './index-fcae2025.js';
+import 'react-switch';
+import './index-051ad641.js';
+import './index-79cc4bed.js';
+import 'react-dropdown';
+import './index-ec269ceb.js';
+import './index-66ad06ec.js';
+import './index-7d98aa77.js';
+import './index-39eab3f3.js';
+import '@crystaldesign/content-box';
+import './index-5b70a2a2.js';
+import './index-f4638b08.js';
+import './index-ce796a38.js';
+import './index-d703cc39.js';
+import './index-546a5033.js';
+import '@crystaldesign/products-component';
+import './index-fba1a7c2.js';
+import './index-0dbba601.js';
+import './index-1be5f85e.js';
+import './index-ebe7561f.js';
+import './index-a8bbb6ff.js';
+import './index-e828e862.js';
+import './index-fb412b79.js';
+import './index-ec69dcdb.js';
+import './index-15600cc4.js';
+import './index-852e048a.js';
+import './index-918fb537.js';
+import './index-8dac78d7.js';
+import './index-86205dfc.js';
+import './index.module-9ea7156f.js';
+import './index-a373fe03.js';
+import './index-2667fc32.js';
+import './index-b2c11fbb.js';
+import './index-7c9fdfb0.js';
+import './index-c4978a7e.js';
+import './index-d087192a.js';
+import './index-93e71532.js';
+import './index.module-0ad038d3.js';
+import './index-f60ef6f6.js';
+import './index-d6317d52.js';
+import './index-21d7e788.js';
+import './index-69627242.js';
+import './index-573d3ef4.js';
+import './index-be0e7d0d.js';
+import './index-46e7223f.js';
+import './index-7073e86b.js';
+import './index-e10d3b30.js';
+import './index-382c33f2.js';
+import './index.module-ec97809f.js';
+import './index-c838d487.js';
+import './index-d3fbd84e.js';
+import './index-3127814e.js';
+import 'react-collapsible';
+import './index-c4c3e6a2.js';
+import './index-1088ef05.js';
+import './index.module-78c8df80.js';
+import 'react-json-view';
+import './index-09757d77.js';
+import './index.module-88efa0f9.js';
+import './index-c5567654.js';
+import 'jsoneditor';
+import './index-6a2616c5.js';
+import './index-1f8e9e6d.js';
+import './index-b3ff7815.js';
+import './index-2c1f6889.js';
+import './index-4639e34a.js';
+import './index.module-8f8fda02.js';
+import './index-dc878478.js';
+import './index-92e281fc.js';
+import './index-8630e21d.js';
+import './index-d18108cb.js';
+import './index.module-067ff0d4.js';
+import './index-574244d4.js';
+import './index-1ea27705.js';
+import './index-3a924e7b.js';
+import './index-092d9f7f.js';
+import './index-f8e1ee53.js';
+import './index-2260d88f.js';
+import './index-83734666.js';
+import './CatalogProperties-1777cd2d.js';
+import './ArticleProperties-ab39098c.js';
+import './OptionProperties-c306a573.js';
+import './OptionValueProperties-a9bdbf3d.js';
+import 'react-select';
+
+var wcConfigurator = "wcConfigurator-XqlAg";
+var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
+var mobile = "mobile-PPTgR";
+var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
+var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\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  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
+styleInject(css_248z);
+
+var Wysiwyg = function Wysiwyg(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.getIsInMobileView() ? mobile : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions,
+        showBackButtonText: true
+      }), /*#__PURE__*/jsx(Toolbar, {})]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#df2927',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '30px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--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': '0.3125rem'
+};
+var index = observer(Wysiwyg);
+
+export { cssVariables, index as default };

package/build/esm/index-39eab3f3.js

@@ -0,0 +1,86 @@
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import 'react';
+import { ContentBoxComponent } from '@crystaldesign/content-box';
+import { observer } from 'mobx-react-lite';
+import FilterItem from './index-5b70a2a2.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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+
+var colorFilterIcon = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z";
+
+var container = "container-UEbzL";
+var colorFilter = "colorFilter-CK-4p";
+var deselectColor = "deselectColor-vefuo";
+var css_248z = ".container-UEbzL {\n  position: relative;\n}\n\n.colorFilter-CK-4p {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.deselectColor-vefuo {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%226%22 viewBox%3D%220 0 6 6%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 1L3 3M3 3L5 5M3 3L1 5M3 3L1 1%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n";
+styleInject(css_248z);
+
+var SlideFilter = function SlideFilter(_ref) {
+  var _viewHandler$settings;
+  var visibleColorItems = _ref.visibleColorItems,
+    id = _ref.id,
+    deleteCurValue = _ref.deleteCurValue;
+  var viewHandler = useViewHandler();
+  var contents = visibleColorItems.map(function (item) {
+    return {
+      swiperSlideStyle: {
+        backgroundColor: 'transparent',
+        width: 60
+      },
+      content: /*#__PURE__*/jsx(FilterItem, {
+        id: id,
+        item: item
+      })
+    };
+  });
+  var jsXFilter = /*#__PURE__*/jsx(ContentBoxComponent, {
+    settings: {
+      contentBoxProps: {
+        type: 'SliderContainer',
+        sliderType: 'slideX',
+        resistanceRatio: 0,
+        height: 'auto',
+        slidesPerView: 7,
+        contents: contents,
+        centeredSlides: true
+
+        // autoPlay: 3,
+      }
+    }
+  });
+  var onClick = function onClick() {
+    var boxContent = viewHandler.settingsState.infoBoxContent;
+    if (boxContent && boxContent.id === id && boxContent.type === 'filter') viewHandler.settingsState.updateInfoBox();else viewHandler.settingsState.updateInfoBox({
+      type: 'filter',
+      id: id,
+      content: jsXFilter
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: container,
+    "data-test-id": "slide-filter",
+    children: [((_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue) && /*#__PURE__*/jsx("div", {
+      className: deselectColor,
+      onClick: deleteCurValue
+    }), /*#__PURE__*/jsx("img", {
+      className: colorFilter,
+      src: colorFilterIcon,
+      onClick: onClick
+    })]
+  });
+};
+var SlideFilter$1 = observer(SlideFilter);
+
+export { SlideFilter$1 as default };

package/build/esm/index-3a924e7b.js

@@ -0,0 +1,139 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-6177a8f1.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-3ce62c86.js

@@ -0,0 +1,69 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-6177a8f1.js';
+import classnames from 'classnames';
+import { useState } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import { jsxs, 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/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 PlannerMsgItem = function PlannerMsgItem(_ref) {
+  var item = _ref.item,
+    codex = _ref.codex,
+    wcPlannerMsgContainer = _ref.wcPlannerMsgContainer,
+    wcPlannerWarningContainer = _ref.wcPlannerWarningContainer,
+    wcPlannerInfoContainer = _ref.wcPlannerInfoContainer,
+    wcPlannerInfoContainerCollapsed = _ref.wcPlannerInfoContainerCollapsed,
+    wcPlannerMsgImg = _ref.wcPlannerMsgImg,
+    wcPlannerMsgText = _ref.wcPlannerMsgText,
+    wcPlannerWarningImg = _ref.wcPlannerWarningImg,
+    wcPlannerInfoImg = _ref.wcPlannerInfoImg,
+    wcPlannerWarningText = _ref.wcPlannerWarningText,
+    wcPlannerInfoText = _ref.wcPlannerInfoText,
+    wcClose = _ref.wcClose,
+    wcCloseButton = _ref.wcCloseButton;
+  var viewHandler = useViewHandler();
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    timeOut = _useState2[0],
+    setTimeOut = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (!timeOut && item.autoHide == true) {
+    setTimeOut(setTimeout(function () {
+      return viewHandler.productState.updatePlannerMsgContainer(codex, false, item.type, item.content, item.autoHide);
+    }, item.timeoutDuration));
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wcPlannerMsgContainer, item.collapsed ? wcPlannerInfoContainerCollapsed : undefined, item.type == 'INFO' ? wcPlannerInfoContainer : undefined, item.type == 'WARNING' ? wcPlannerWarningContainer : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      className: classnames(wcPlannerMsgImg, item.type == 'INFO' ? wcPlannerInfoImg : undefined, item.type == 'WARNING' ? wcPlannerWarningImg : undefined)
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(wcPlannerMsgText, item.type == 'INFO' ? wcPlannerInfoText : undefined, item.type == 'WARNING' ? wcPlannerWarningText : undefined),
+      dangerouslySetInnerHTML: typeof item.content == 'string' ? {
+        __html: t('configurator.' + item.content, item.content)
+      } : undefined
+    }), typeof item.content != 'string' && item.content, /*#__PURE__*/jsx("div", {
+      className: wcClose,
+      onClick: function onClick() {
+        return viewHandler.productState.onPlannerMsgArrowClick(codex);
+      },
+      children: wcCloseButton != '' && /*#__PURE__*/jsx("div", {
+        className: wcCloseButton
+      })
+    })]
+  });
+};
+var PlannerMsgItem$1 = observer(PlannerMsgItem);
+
+export { PlannerMsgItem$1 as default };