@crystaldesign/diva-web-planner-react 25.2.0-beta.9 → 25.2.0-rc.10

package/build/esm/index-b97c2d3c.js

@@ -0,0 +1,140 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-d1f6e010.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';
+import '@crystaldesign/widget-contact-form';
+
+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-bab44ee7.js

@@ -0,0 +1,37 @@
+import { s as styleInject } from './index-d1f6e010.js';
+import ProductHeader from './index-a9997abd.js';
+import 'react';
+import { 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 'mobx-react-lite';
+import 'classnames';
+import './index-259446eb.js';
+import '@crystaldesign/content-box';
+import './index-c9ba51be.js';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+
+var productHeader = "product-header-h3vB3";
+var css_248z = ".product-header-h3vB3 * {\n  color: var(--secondaryColor) !important;\n}\n";
+styleInject(css_248z);
+
+var ProductHeaderGold = function ProductHeaderGold(props) {
+  return /*#__PURE__*/jsx(ProductHeader, {
+    productClass: productHeader
+  });
+};
+
+export { ProductHeaderGold as default };

package/build/esm/index-bab56e79.js

@@ -0,0 +1,46 @@
+import './index-d1f6e010.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import SVGOverview from './index-b093c17c.js';
+import SVGSourceViewer from './index-7d9043c7.js';
+import { 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 './index.module-0cccba13.js';
+import 'classnames';
+
+var index = function index(props) {
+  // const [Component, setComponent] = useState(0);
+  if (props.selectedJson === 'SVGOVERVIEW') {
+    var Component = /*#__PURE__*/jsx(SVGOverview, {
+      plannerArticles: props.plannerArticles,
+      curBox: props.curBox,
+      isExpanded: props.isExpanded
+    });
+  } else {
+    var Component = /*#__PURE__*/jsx(SVGSourceViewer, {
+      plannerArticles: props.plannerArticles,
+      curBox: props.curBox,
+      isExpanded: props.isExpanded
+    });
+    //setComponent();
+  }
+  return /*#__PURE__*/jsx("div", {
+    children: Component
+  });
+};
+var SVGViewer = observer(index);
+
+export { SVGViewer as default };

package/build/esm/index-baecd404.js

@@ -0,0 +1,82 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-d1f6e010.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var wcConfiguratorSettingsSearch = "wcConfigurator-settings-Search-E9-UU";
+var wcInScroller = "wcInScroller-85YS9";
+var wcConfiguratorSettingsSearchExpanded = "wcConfigurator-settings-SearchExpanded-Jceqy";
+var wcConfiguratorSettingsSearchMaxExpanded = "wcConfigurator-settings-SearchMaxExpanded-AGbgn";
+var filterNotVisible = "filter-not-visible-Os1H1";
+var css_248z = "/*SearchFilter*/\n\n.wcConfigurator-settings-Search-E9-UU {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.wcInScroller-85YS9.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcInScroller-85YS9.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.wcConfigurator-settings-Search-E9-UU:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .wcConfigurator-settings-SearchExpanded-Jceqy,\n  .wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n    display: block;\n  }\n}\n\n.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["isInScroller", "item", "doShowFilter"];
+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 Seachbar = function Seachbar(_ref) {
+  var isInScroller = _ref.isInScroller,
+    item = _ref.item,
+    doShowFilter = _ref.doShowFilter,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var filterFreeTextChanged = function filterFreeTextChanged(searchValue, paletteId) {
+    if (searchValue !== '') {
+      viewHandler.settingsState.onAllGroups(paletteId, false);
+    } else {
+      if (viewHandler.paletteViewHandler.isGroupFolded(item.id)) {
+        viewHandler.settingsState.onAllGroups(paletteId, true);
+      }
+    }
+    viewHandler.paletteViewHandler.onSearchTextChanged(searchValue, paletteId);
+  };
+  var searchElement = useRef(null);
+  useEffect(function () {
+    var palette = viewHandler.settingsState.itemPalettes.get(item.id);
+    if ((palette === null || palette === void 0 ? void 0 : palette.configStepKey) === item.configStepKey) viewHandler.settingsState.updateItemPalette(palette.id, _objectSpread(_objectSpread({}, palette), {}, {
+      htmlInputElement: searchElement.current
+    }));
+  }, [searchElement]);
+  return /*#__PURE__*/jsx("form", {
+    autoComplete: "off",
+    onSubmit: function onSubmit(e) {
+      return e.preventDefault();
+    },
+    style: {
+      height: 'fit-content',
+      marginBottom: 0
+    },
+    children: /*#__PURE__*/jsx("input", _objectSpread(_objectSpread({}, props), {}, {
+      ref: searchElement,
+      className: classnames(wcConfiguratorSettingsSearch, doShowFilter ? undefined : filterNotVisible, viewHandler.uiState.configSettingsIsExpanded ? wcConfiguratorSettingsSearchExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcConfiguratorSettingsSearchMaxExpanded : undefined, isInScroller ? wcInScroller : undefined),
+      autoComplete: 'off',
+      value: item.searchText,
+      onKeyUp: function onKeyUp(e) {
+        return filterFreeTextChanged(e.target.value, item.id);
+      },
+      placeholder: t('configurator.QUICKFILTER'),
+      type: "text",
+      "data-test-id": "plannerSearchbar"
+    }))
+  });
+};
+var Searchbar = observer(Seachbar);
+
+export { Searchbar as default };

package/build/esm/index-bd8b2bec.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-d1f6e010.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+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 'mobx-react-lite';
+
+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 SettingsHeader = function SettingsHeader(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsHeaderContainer/SettingsItemHeader/Header"
+  }));
+};
+
+export { SettingsHeader as default };

package/build/esm/index-bd8e6c9b.js

@@ -0,0 +1,117 @@
+import { u as useViewHandler } from './index-d1f6e010.js';
+import 'react';
+import classnames from 'classnames';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-97bf6f3b.js';
+import Toggle from './index-de4727c7.js';
+import { getLogger } from '@crystaldesign/diva-core';
+import InfoIcon from './index-0a7d13c7.js';
+import PricePreview from './index-fe74eca5.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 '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'mobx-react-lite';
+import 'react-switch';
+
+var LOG = getLogger('Planner', 'ToggleName');
+var ToggleName = function ToggleName(_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.warn('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', 'WC_0011');
+      item.isVisited = true;
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+  }
+  var checked = noItem.sel == false;
+  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__*/jsxs("div", {
+      className: classnames(columToggleName, title, name),
+      onClick: function onClick() {
+        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
+      },
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        sel: noItem.sel
+      }), /*#__PURE__*/jsx("div", {
+        className: !checked ? sel : undefined,
+        dangerouslySetInnerHTML: {
+          __html: noItem.text
+        }
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(columToggleName, toggle),
+      children: /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        alwaysActiveColor: true,
+        state: checked
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(columToggleName, title, name),
+      onClick: function onClick() {
+        viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
+      },
+      children: [yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        sel: yesItem.sel
+      }), /*#__PURE__*/jsx("div", {
+        className: checked ? sel : undefined,
+        dangerouslySetInnerHTML: {
+          __html: yesItem.text
+        }
+      })]
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        position: 'relative'
+      }
+    })]
+  });
+};
+
+export { ToggleName as default };

package/build/esm/index-bdd2230b.js

@@ -0,0 +1,41 @@
+import { s as styleInject, u as useViewHandler } from './index-d1f6e010.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var logo = "logo-h99KB";
+var mobile = "mobile-W86xf";
+var hidden = "hidden-uMA1f";
+var notHidden = "not-hidden-88ft-";
+var landscape = "landscape-gPEyU";
+var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.mobile-W86xf {\n  right: auto;\n  right: initial;\n  left: 0px;\n  bottom: 36px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.landscape-gPEyU.logo-h99KB {\n  opacity: 0;\n}\n";
+styleInject(css_248z);
+
+var Logo = function Logo(props) {
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    logoUrl = _useDivaCore.state.organization.logoUrl;
+  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("img", {
+    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden ? notHidden : hidden, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
+    src: logoUrl
+  });
+};
+var Logo$1 = observer(Logo);
+
+export { Logo$1 as default };

package/build/esm/index-bdfbe176.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-d1f6e010.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+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 'mobx-react-lite';
+
+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 PlannerMsgContainer = function PlannerMsgContainer(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductCenter/PlannerMsgContainer"
+  }));
+};
+
+export { PlannerMsgContainer as default };

package/build/esm/index-c0abe8f0.js

@@ -0,0 +1,79 @@
+import { s as styleInject, u as useViewHandler } from './index-d1f6e010.js';
+import 'react';
+import Dropdown from 'react-dropdown';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Arrow from './index-048b2bcd.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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import 'mobx-react-lite';
+
+var wcColorFilterItem = "wcColorFilterItem-xQqck";
+var dropdownRoot = "Dropdown-root-BjRjC";
+var dropdownControl = "Dropdown-control-8aQx0";
+var css_248z = ".wcColorFilterItem-xQqck {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.Dropdown-root-BjRjC {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.Dropdown-control-8aQx0 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n";
+styleInject(css_248z);
+
+var RalDropdownFilter = function RalDropdownFilter(_ref) {
+  var _viewHandler$settings;
+  var visibleColorItems = _ref.visibleColorItems,
+    _ref$dropdownRootClas = _ref.dropdownRootClass,
+    dropdownRootClass = _ref$dropdownRootClas === void 0 ? dropdownRoot : _ref$dropdownRootClas,
+    deleteCurValue = _ref.deleteCurValue,
+    id = _ref.id;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  var actValue = (_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue;
+  var dropDownValues = visibleColorItems.map(function (item) {
+    return {
+      label: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: wcColorFilterItem,
+          style: {
+            backgroundColor: item.rgb
+          }
+        }), " ", t('configurator.' + item.text)]
+      }),
+      text: item.text,
+      value: item.text
+    };
+  });
+  return /*#__PURE__*/jsx("div", {
+    "data-test-id": "ral-dropdown",
+    children: /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRootClass),
+      controlClassName: dropdownControl,
+      options: dropDownValues,
+      value: actValue,
+      onChange: function onChange(val) {
+        return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
+      },
+      placeholder: t('configurator.colors'),
+      arrowClosed: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: false,
+        iconAsDelete: !!actValue
+      }),
+      arrowOpen: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: true,
+        iconAsDelete: !!actValue
+      })
+    })
+  });
+};
+
+export { RalDropdownFilter as default };