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

package/build/esm/index-f30e71d0.js

@@ -0,0 +1,69 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-3ed57e1f.js';
+import classnames from 'classnames';
+import { useState, useEffect } from 'react';
+import Dropdown from 'react-dropdown';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-3449ad5b.js';
+import Arrow from './index-0672e46c.js';
+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 '@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';
+
+var LAYOUTS = ['IMAGE', 'TEXT', 'DROPDOWN_TEXT', 'TOGGLE_NAME', 'TOGGLE', 'DROPDOWN_IMAGE', 'GAL_SMALL_GROUP_DROPDOWN', 'NUMBER', 'GAL_BIG', 'GAL_GROUP_DROPDOWN', 'TEXTBOX', 'GAL_TEXT', 'GAL_BIG_TEXT', 'GAL_SMALL_TEXT'];
+var LayoutSelection = function LayoutSelection(_ref) {
+  var option = _ref.option;
+  var _useState = useState(option.layout),
+    _useState2 = _slicedToArray(_useState, 1),
+    origLayout = _useState2[0];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    option.layout = value !== null && value !== void 0 ? value : origLayout;
+    viewHandler.paletteViewHandler.updateCurPaletteData(true);
+  }, [value]);
+  useEffect(function () {
+    return function () {
+      option.layout = origLayout;
+      viewHandler.paletteViewHandler.updateCurPaletteData(true);
+    };
+  }, []);
+  var ArrowElement = /*#__PURE__*/jsx(Arrow, {
+    onClick: function onClick() {
+      return setValue(undefined);
+    },
+    open: false,
+    iconAsDelete: !!value
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    children: ["Layout:", /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRoot),
+      controlClassName: dropdownControl,
+      options: LAYOUTS,
+      value: value,
+      onChange: function onChange(val) {
+        return setValue(val.value);
+      },
+      placeholder: origLayout,
+      arrowClosed: ArrowElement,
+      arrowOpen: ArrowElement
+    })]
+  });
+};
+
+export { LayoutSelection as default };

package/build/esm/index-f7fff00b.js

@@ -0,0 +1,39 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-3ed57e1f.js';
+import { observer } from 'mobx-react-lite';
+import { createElement } from 'react';
+import Group from './index-8645d9ec.js';
+import { jsx, 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 'classnames';
+import 'react-collapsible';
+import './index-506d109f.js';
+import './index-62d34101.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PaletteGroup = function PaletteGroup(props) {
+  return /*#__PURE__*/jsx(Fragment, {
+    children: props.groups.map(function (group) {
+      return /*#__PURE__*/createElement(Group, _objectSpread(_objectSpread({}, props), {}, {
+        key: group.key,
+        group: group
+      }));
+    })
+  });
+};
+var StandradGroup = observer(PaletteGroup);
+
+export { StandradGroup as default };

package/build/esm/index-f8037c18.js

@@ -0,0 +1,47 @@
+import './index-3ed57e1f.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+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';
+
+var Trash = function Trash(_ref) {
+  var item = _ref.item,
+    rect = _ref.rect,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  var left = rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px';
+  var top = rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? 'calc(' + rect.top + '% )' : rect.top + 'px';
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
+    },
+    style: {
+      left: left,
+      top: top
+    },
+    className: classnames(plannerUIProps.classes.trash.trashClass, plannerUIProps.classes.buttonGeneral, item.plannerMode == 'BOX' ? plannerUIProps.classes.trash.boxplanner : undefined),
+    id: "testDel",
+    children: item.posNr
+  });
+};
+var Trash$1 = observer(Trash);
+
+export { Trash$1 as default };

package/build/esm/index-f861ae80.js

@@ -0,0 +1,99 @@
+import { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+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';
+import '@crystaldesign/widget-contact-form';
+
+var configuratorTabGroup = "Configurator-tabGroup-DK2Gs";
+var configuratorTabGroupTitle = "Configurator-tabGroupTitle-3xPwf";
+var configuratorSpec = "Configurator-spec-oPYns";
+var configuratorSpecThumb = "Configurator-spec-thumb-zZsc4";
+var configuratorSpecTextContainer = "Configurator-spec-text-Container-qZRM5";
+var configuratorSpecCat = "Configurator-spec-cat-qGdqW";
+var configuratorSpecOption = "Configurator-spec-option-WwGgo";
+var isNotDefined = "isNotDefined-EwkSz";
+var configuratorSpecNotDefined = "configurator-spec-not-defined-oO1-l";
+var configuratorSpecPrice = "Configurator-spec-price-IXdTc";
+var configuratorSpecPosNr = "Configurator-spec-posNr-qjwMj";
+var configuratorSpecBtn = "Configurator-spec-btn-LlCEw";
+var configuratorSpecNotExpanded = "Configurator-spec-not-expanded--LVB-";
+var css_248z = "/*Summary*/\n.Configurator-tabGroup-DK2Gs {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.Configurator-tabGroupTitle-3xPwf {\n  font-weight: 300;\n}\n\n.Configurator-spec-oPYns {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.Configurator-spec-oPYns > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.Configurator-spec-oPYns > div > span,\n.Configurator-spec-oPYns > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.Configurator-spec-thumb-zZsc4 {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.Configurator-spec-text-Container-qZRM5 {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.Configurator-spec-cat-qGdqW {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.Configurator-spec-option-WwGgo {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: calc(28% - 3rem);\n}\n\n.configurator-spec-not-defined-oO1-l {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3Csvg height%3D%2232px%22 version%3D%221.1%22 viewBox%3D%220 0 32 32%22 width%3D%2232px%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22%3E%3Cg fill%3D%22%23929292%22 id%3D%22icon-61-warning%22%3E%3Cpath d%3D%22M15.4242327%2C5.14839275 C16.2942987%2C3.74072976 17.707028%2C3.74408442 18.5750205%2C5.14839275 L29.3601099%2C22.59738 C30.5216388%2C24.4765951 29.6755462%2C26 27.4714068%2C26 L6.5278464%2C26 C4.32321557%2C26 3.47386317%2C24.4826642 4.63914331%2C22.59738 L15.4242327%2C5.14839275 L15.4242327%2C5.14839275 Z M16.353181%2C5.5229211 C16.7005152%2C4.96165163 17.2647678%2C4.9634187 17.6110318%2C5.52292108 L28.6162937%2C23.3055078 C29.1954663%2C24.2413498 28.7622271%2C24.9999996 27.6746349%2C24.9999996 L6.29039231%2C25 C5.19115596%2C25 4.76644971%2C24.2463265 5.34866262%2C23.3055082 L16.353181%2C5.5229211 L16.353181%2C5.5229211 Z M17%2C11 C16.4477153%2C11 16%2C11.4530363 16%2C11.9970301 L16%2C18.0029699 C16%2C18.5536144 16.4438648%2C19 17%2C19 C17.5522847%2C19 18%2C18.5469637 18%2C18.0029699 L18%2C11.9970301 C18%2C11.4463856 17.5561352%2C11 17%2C11 L17%2C11 Z M17%2C23 C17.5522848%2C23 18%2C22.5522848 18%2C22 C18%2C21.4477152 17.5522848%2C21 17%2C21 C16.4477152%2C21 16%2C21.4477152 16%2C22 C16%2C22.5522848 16.4477152%2C23 17%2C23 L17%2C23 Z%22 id%3D%22warning%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-option-WwGgo:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.Configurator-spec-price-IXdTc {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.Configurator-spec-posNr-qjwMj {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.Configurator-spec-posNr-qjwMj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.Configurator-spec-btn-LlCEw {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.Configurator-spec-btn-LlCEw:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.Configurator-spec-not-expanded--LVB-,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-text-Container-qZRM5 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > .isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: 100%;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.configurator-spec-not-defined-oO1-l {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.Configurator-spec-posNr-qjwMj {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-option-WwGgo:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .Configurator-spec-oPYns,\n  .Configurator-spec-text-Container-qZRM5 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .Configurator-spec-oPYns > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .Configurator-spec-cat-qGdqW:hover,\n  .Configurator-spec-option-WwGgo:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n";
+styleInject(css_248z);
+
+var Summary = function Summary(_ref) {
+  var _item$targetArticlePo;
+  var itemP = _ref.item;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  if (item.isTabGroup) {
+    return /*#__PURE__*/jsx("div", {
+      className: configuratorTabGroup,
+      children: /*#__PURE__*/jsx("span", {
+        className: configuratorTabGroupTitle,
+        children: t('configurator.' + item.title, item.title)
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(configuratorSpec, viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded ? undefined : configuratorSpecNotExpanded),
+    children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("span", {
+        className: configuratorSpecThumb,
+        style: {
+          backgroundImage: item.image ? "url(".concat(item.image, ")") : 'none'
+        }
+      }), /*#__PURE__*/jsxs("div", {
+        className: classnames(configuratorSpecTextContainer, !item.isDefined ? isNotDefined : undefined),
+        children: [/*#__PURE__*/jsxs("span", {
+          className: configuratorSpecCat,
+          children: [item.quantity && '(x' + item.quantity + ') ', item.title]
+        }), /*#__PURE__*/jsx("span", {
+          className: configuratorSpecOption,
+          dangerouslySetInnerHTML: {
+            __html: item.description
+          }
+        }), !item.isDefined && /*#__PURE__*/jsx("span", {
+          title: t('configurator.OPTION_NOT_DEFINED'),
+          className: configuratorSpecNotDefined
+        }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
+          className: configuratorSpecPrice,
+          children: DivaUtils.formatPrice(item.price)
+        }), !viewHandler.uiState.ViewConfig.hideElementInfo && /*#__PURE__*/jsx("span", {
+          className: configuratorSpecPosNr,
+          children: (_item$targetArticlePo = item.targetArticlePosNrs) === null || _item$targetArticlePo === void 0 ? void 0 : _item$targetArticlePo.map(function (posNr, i) {
+            return /*#__PURE__*/jsx("span", {
+              children: posNr
+            }, i);
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsx("button", {
+      className: configuratorSpecBtn,
+      type: "button",
+      onClick: function onClick() {
+        return viewHandler.paletteViewHandler.clickedOnSummaryPalette(item);
+      }
+    })]
+  });
+};
+var index = observer(Summary);
+
+export { index as default };

package/build/esm/index-fa270ec6.js

@@ -0,0 +1,44 @@
+import { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+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/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 verticalItem = "verticalItem-EHV6R";
+var openClass = "open-class-cQobQ";
+var visited = "visited-ecPKp";
+var arrow = "arrow-hUG12";
+var css_248z = ".verticalItem-EHV6R {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.open-class-cQobQ.verticalItem-EHV6R {\n  border-bottom: none;\n}\n\n.visited-ecPKp {\n  background-color: #142a37;\n}\n\n.arrow-hUG12 {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  transition: transform 0.3s ease;\n}\n\n.open-class-cQobQ .arrow-hUG12 {\n  transform: rotate(90deg);\n}\n";
+styleInject(css_248z);
+
+var Header = function Header(_ref) {
+  var tabGroup = _ref.tabGroup,
+    open = _ref.open;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(verticalItem, viewHandler.tabGroupAlreadyVisited(tabGroup) ? visited : undefined, open ? openClass : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      children: t('configurator.' + tabGroup.title, tabGroup.title)
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(arrow)
+    })]
+  });
+};
+
+export { Header as default };

package/build/esm/index-fa7c2a66.js

@@ -0,0 +1,63 @@
+import { s as styleInject, u as useViewHandler } from './index-3ed57e1f.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import SettingsHeader from './index-88cb7e92.js';
+import SettingsConfigSingle from './index-b3e1633f.js';
+import SettingsPosNr from './index-aae4e533.js';
+import classnames from 'classnames';
+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 '@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-d5f13665.js';
+import 'react-laag';
+import './index-f1b257b8.js';
+
+var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
+var landscape = "landscape-LFbXM";
+var css_248z = ".wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 80%;\n  margin-left: 16px;\n  margin-right: 0px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: left;\n}\n\n.wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  right: 0px;\n  z-index: 700;\n  width: 16px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n}\n\n.wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 83%;\n  margin-right: 24px;\n  margin-left: 0px;\n  margin-top: 14.4px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: right;\n}\n\n.landscape-LFbXM .wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  width: 16px;\n  right: 0px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: 16px;\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  cursor: pointer;\n  z-index: 700;\n}\n";
+styleInject(css_248z);
+
+var SettingsHeaderContainer = function SettingsHeaderContainer(_ref) {
+  var _headerPalette$type, _headerPalette$type2;
+  var _ref$isScroller = _ref.isScroller,
+    isScroller = _ref$isScroller === void 0 ? false : _ref$isScroller;
+  var viewHandler = useViewHandler();
+  var headerPalette = viewHandler.settingsState.itemPalettes.get(1);
+  if (!headerPalette) return /*#__PURE__*/jsx(Fragment, {});
+  var showHeader = viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || !viewHandler.uiState.ViewConfig.hideTopHeaderInMobile);
+  return /*#__PURE__*/jsxs("header", {
+    ref: function ref(_ref2) {
+      return viewHandler.settingsState.setHeaderElement(_ref2);
+    },
+    className: classnames(viewHandler.uiState.isMobileLandscape ? landscape : undefined),
+    children: [!viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
+      className: wcConfiguratorSettingsFoldConfSettings,
+      id: "btnFoldDown",
+      onClick: function onClick() {
+        return viewHandler.uiState.onClickHideConfigSettings();
+      }
+    }), showHeader && /*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: isScroller,
+      isSettingsHeader: !headerPalette.isHeader,
+      item: headerPalette,
+      specialElement1: viewHandler.settingsState.doShowActElementInfo && !viewHandler.uiState.ViewConfig.hideElementInfo ? /*#__PURE__*/jsx(SettingsPosNr, {}) : undefined,
+      specialElement2: viewHandler.settingsState.doShowConfigSingle ? /*#__PURE__*/jsx(SettingsConfigSingle, {}) : undefined
+    })]
+  });
+};
+var SettingsHeaderContainer$1 = observer(SettingsHeaderContainer);
+
+export { SettingsHeaderContainer$1 as default };

package/build/esm/index-fa955818.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-3ed57e1f.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 Product = function Product(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/Product"
+  }));
+};
+
+export { Product as default };

package/build/esm/index-fec50e99.js

@@ -0,0 +1,53 @@
+import { u as useViewHandler } from './index-3ed57e1f.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-872b8cf5.js';
+import IsActive from './index-b471ea58.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';
+import '@crystaldesign/widget-contact-form';
+
+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.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-eba18cae.js';
+export { W as WebPlannerReact, c as default } from './index-3ed57e1f.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-05fd32c4.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
+var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";
+var wcUi2DOutlineDraggableActive = "wcUI2D_Outline_Draggable_Active-eY7Lt";
+var wc3DOutlineSvg = "wc3D_Outline_SVG-hTscb";
+var wc3DOutlinePolygon = "wc3D_Outline_Polygon-Lgd0b";
+var wc3DOutlinePolygonContoursSel = "wc3D_Outline_Polygon_Contours_Sel-xPrLA";
+var wc3DOutlinePolygonContours = "wc3D_Outline_Polygon_Contours-5AWWG";
+var css_248z = ".wcUI2D_Outline_Draggable-MP-7N {\n  z-index: 258;\n  position: absolute;\n  background-color: #639;\n  opacity: 0;\n  cursor: move;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Selectable--NB0c {\n  z-index: 258;\n  position: absolute;\n  background-color: blue;\n  opacity: 0;\n  cursor: pointer;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Draggable-MP-7N.wcUI2D_Outline_Draggable_Active-eY7Lt {\n  background-color: #dfdfdf;\n  z-index: 260;\n  opacity: 0.7;\n  border: 2px dashed #4a4a4a;\n}\n\n.wc3D_Outline_SVG-hTscb {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n}\n\n.wc3D_Outline_Polygon-Lgd0b {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours_Sel-xPrLA {\n  fill: transparent;\n  stroke: var(--primaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n.wc3D_Outline_Polygon_Contours-5AWWG {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours-5AWWG:hover {\n  fill: transparent;\n  stroke: var(--secondaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { wcUi2DOutlineDraggableActive as a, wcUi2DOutlineSelectable as b, wc3DOutlineSvg as c, wc3DOutlinePolygon as d, wc3DOutlinePolygonContours as e, wc3DOutlinePolygonContoursSel as f, wcUi2DOutlineDraggable as w };

package/build/esm/index.module-3449ad5b.js

@@ -0,0 +1,9 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var wrapper = "wrapper-TcEZn";
+var dropdownRoot = "Dropdown-root-7zz-C";
+var dropdownControl = "Dropdown-control-x--YK";
+var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\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  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { dropdownControl as a, dropdownRoot as d, wrapper as w };

package/build/esm/index.module-4f8acada.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var row = "row-2sbo5";
+var colum = "colum-bfgmE";
+var columToggleName = "colum-toggle-name-PXzg8";
+var title = "title-KljD9";
+var toggle = "toggle-B2uo7";
+var name = "name-QE1Nl";
+var sel = "sel-ZAWxP";
+var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-B2uo7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n";
+styleInject(css_248z);
+
+export { toggle as a, columToggleName as b, colum as c, name as n, row as r, sel as s, title as t };

package/build/esm/index.module-58f7cdcb.js

@@ -0,0 +1,25 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
+var expanded = "Expanded-OjOcq";
+var plannerConfigArrow = "planner-config-arrow-pp9Jx";
+var wcConfigCloseButton = "wcConfigCloseButton-KxVGW";
+var wcFunctionsText = "wcFunctionsText-43-4z";
+var wcIcon = "wcIcon-bkatb";
+var wcHelpIcon = "wcHelpIcon-J-cpm";
+var wcPrintIcon = "wcPrintIcon-j6cRI";
+var wcResetIcon = "wcResetIcon-MQ8Ho";
+var wcShareIcon = "wcShareIcon-OZd0o";
+var wcSaveIcon = "wcSaveIcon-YIgj1";
+var wcHelp = "wcHelp-bR9nB";
+var maxExpanded = "Max-Expanded-DUFho";
+var wcPrint = "wcPrint-jfqiA";
+var wcReset = "wcReset-gxswz";
+var wcSave = "wcSave-21V7m";
+var landscape = "landscape-5TbIU";
+var wcFunctionsContainer = "wcFunctionsContainer-Ejf2G";
+var portrait = "portrait-gJ5Jg";
+var css_248z = "/* FunctionsButton Help Share ... */\n\n.wcFunctionsToolbar-33mKP {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.Expanded-OjOcq.wcFunctionsToolbar-33mKP {\n  right: -40px;\n}\n\n.wcFunctionsToolbar-33mKP.planner-config-arrow-pp9Jx {\n  right: 22px;\n}\n\n.wcFunctionsToolbar-33mKP li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.wcFunctionsToolbar-33mKP li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcFunctionsToolbar-33mKP li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wcIcon-bkatb {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.wcIcon-bkatb.wcHelpIcon-J-cpm {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.2764 16.7161C11.0993 16.7161 10.9352 16.6588 10.7842 16.5442C10.6331 16.4296 10.5342 16.302 10.4873 16.1614C10.4404 16.0208 10.417 15.8853 10.417 15.7551C10.417 15.5624 10.4639 15.3879 10.5576 15.2317C10.6514 15.0754 10.7633 14.9635 10.8936 14.8958C11.029 14.828 11.1566 14.7942 11.2764 14.7942C11.4535 14.7942 11.6097 14.8437 11.7451 14.9426C11.8805 15.0416 11.9795 15.1692 12.042 15.3254C12.1097 15.4765 12.1436 15.6197 12.1436 15.7551C12.1436 15.9478 12.0967 16.1223 12.0029 16.2786C11.9144 16.4348 11.7998 16.5468 11.6592 16.6145C11.5238 16.6822 11.3962 16.7161 11.2764 16.7161ZM10.6904 13.5911V12.9192C10.6904 12.5806 10.7607 12.2551 10.9014 11.9426C11.042 11.6249 11.2008 11.3645 11.3779 11.1614C11.5602 10.953 11.7243 10.7708 11.8701 10.6145C12.2347 10.2187 12.4873 9.927 12.6279 9.7395C12.7738 9.552 12.8779 9.35148 12.9404 9.13794C13.0081 8.9244 13.042 8.70304 13.042 8.47388C13.042 7.94263 12.8936 7.53117 12.5967 7.2395C12.305 6.94263 11.8936 6.79419 11.3623 6.79419C11.0186 6.79419 10.693 6.87752 10.3857 7.04419C10.0785 7.20565 9.82585 7.39836 9.62793 7.62231C9.43522 7.84106 9.27116 8.0494 9.13574 8.24731L8.28418 7.63794C8.51335 7.25252 8.79199 6.91659 9.12012 6.63013C9.44824 6.33846 9.81022 6.12231 10.2061 5.98169C10.6019 5.84106 11.0029 5.77075 11.4092 5.77075C11.8779 5.77075 12.292 5.83586 12.6514 5.96606C13.016 6.09106 13.318 6.27336 13.5576 6.51294C13.8024 6.75252 13.9873 7.04419 14.1123 7.38794C14.2373 7.73169 14.2998 8.11971 14.2998 8.552C14.2998 8.89575 14.2399 9.21606 14.1201 9.51294C14.0003 9.80461 13.8467 10.0754 13.6592 10.3254C13.4769 10.5754 13.3076 10.7838 13.1514 10.9504C12.7503 11.3931 12.4587 11.7291 12.2764 11.9583C12.0993 12.1874 11.9873 12.3827 11.9404 12.5442C11.8936 12.7004 11.8701 12.8567 11.8701 13.0129V13.5911H10.6904Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2211.4799%22 cy%3D%2210.9999%22 r%3D%2210.2026%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcPrintIcon-j6cRI {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.38428 16.3467H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 14.0461H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 18.6472H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M16.2828 21.2509H5.00077C4.9073 21.2509 4.83252 21.1752 4.83252 21.0805V11.613C4.83252 11.5184 4.9073 11.4426 5.00077 11.4426H16.2828C16.3763 11.4426 16.4511 11.5184 16.4511 11.613V21.0805C16.4511 21.1752 16.3763 21.2509 16.2828 21.2509Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83252 6.56687V1.47337C4.83252 1.21775 5.03816 1 5.29988 1H15.9931C16.2455 1 16.4604 1.20828 16.4604 1.47337V6.56687%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83235 16.5361H1.32715C1.14956 16.5361 1 16.3847 1 16.2048V6.89826C1 6.71837 1.14956 6.56689 1.32715 6.56689H19.9561C20.1337 6.56689 20.2833 6.71837 20.2833 6.89826V16.2048C20.2833 16.3847 20.1337 16.5361 19.9561 16.5361H16.4509%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcArButton-24eI0 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 96 960 960%22 width%3D%2248%22%3E%3Cpath d%3D%22M448 889 228 760q-13.775-8.171-21.387-21.914Q199 724.343 199 708V451q0-16.343 7.613-30.086Q214.225 407.171 228 399l221-131q14-8 31-8t31 8l221 131q13.775 8.171 21.388 21.914Q761 434.657 761 451v257q0 16.343-7.875 30.086Q745.25 751.829 731 760L508 889q-14.328 8-30.164 8Q462 897 448 889Zm2-69V596L260 487v219l190 114Zm60 0 191-114V487L510 596v224ZM40 325v-77q0-46.667 32.667-79.333Q105.333 136 152 136h77v60h-77q-22.1 0-37.05 14.95Q100 225.9 100 248v77H40Zm112 691q-46.667 0-79.333-32.667Q40 950.667 40 904v-77h60v77q0 22.1 14.95 37.05Q129.9 956 152 956h77v60h-77Zm579-4v-60h77q22.1 0 37.05-14.95Q860 922.1 860 900v-77h60v77q0 46.667-32.667 79.333Q854.667 1012 808 1012h-77Zm129-687v-77q0-22.1-14.95-37.05Q830.1 196 808 196h-77v-60h77q46.667 0 79.333 32.667Q920 201.333 920 248v77h-60ZM480 542l190-110-190-109-190 109 190 110Zm0 25Zm0-25Zm30 54Zm-60 0Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 30px;\n}\n.wcIcon-bkatb.wcResetIcon-MQ8Ho {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcShareIcon-OZd0o {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%224%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2216%22 cy%3D%2217%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%224%22 cy%3D%2210.5%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline x1%3D%226.74504%22 y1%3D%229.2569%22 x2%3D%2213.4295%22 y2%3D%225.29454%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline y1%3D%22-0.5%22 x2%3D%227.77063%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.860225 0.509914 0.509914 -0.860225 7 11.6199)%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcSaveIcon-YIgj1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2219%22 viewBox%3D%220 0 22 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.0698 1H19.5344C20.0866 1 20.5344 1.44771 20.5344 2V3.79989H20.5335V16.9999C20.5335 17.5522 20.0858 17.9999 19.5335 17.9999H2C1.44771 17.9999 1 17.5522 1 16.9999V2.53345H0V16.9999C0 18.1045 0.895429 18.9999 2 18.9999H19.5335C20.6381 18.9999 21.5335 18.1045 21.5335 16.9999V13.2596C21.5341 13.2399 21.5344 13.22 21.5344 13.2001V2C21.5344 0.895431 20.6389 0 19.5344 0H12.0698C10.9653 0 10.0698 0.895431 10.0698 2V11.8121L6.44608 7.67069C6.26424 7.46288 5.94836 7.44182 5.74054 7.62366C5.53272 7.8055 5.51166 8.12138 5.6935 8.3292L10.1269 13.3959C10.2218 13.5044 10.359 13.5666 10.5032 13.5666C10.6473 13.5666 10.7845 13.5044 10.8794 13.3959L15.3128 8.3292C15.4947 8.12138 15.4736 7.8055 15.2658 7.62366C15.058 7.44182 14.7421 7.46288 14.5602 7.67069L11.0698 11.6597V2C11.0698 1.44772 11.5175 1 12.0698 1Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.Expanded-OjOcq .wcHelp-bR9nB,\n.Max-Expanded-DUFho .wcHelp-bR9nB,\n.Expanded-OjOcq .wcPrint-jfqiA,\n.Max-Expanded-DUFho .wcPrint-jfqiA,\n.Expanded-OjOcq .wcReset-gxswz,\n.Max-Expanded-DUFho .wcReset-gxswz,\n.Expanded-OjOcq .wcSave-21V7m,\n.Max-Expanded-DUFho .wcSave-21V7m {\n  display: none;\n}\n\n.landscape-5TbIU .wcReset-gxswz,\n.landscape-5TbIU .wcPrint-jfqiA,\n.landscape-5TbIU .wcHelp-bR9nB {\n  display: none;\n  background-image: none;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#wcSetSelector-zDZtd {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.portrait-gJ5Jg .wcReset-gxswz,\n.portrait-gJ5Jg .wcPrint-jfqiA,\n.portrait-gJ5Jg .wcHelp-bR9nB {\n  display: none;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP {\n  margin: 0;\n  margin: initial;\n}\n";
+styleInject(css_248z);
+
+export { portrait as a, wcFunctionsContainer as b, wcHelp as c, wcIcon as d, expanded as e, wcHelpIcon as f, wcFunctionsText as g, wcPrint as h, wcPrintIcon as i, wcShareIcon as j, wcReset as k, landscape as l, maxExpanded as m, wcResetIcon as n, wcSave as o, plannerConfigArrow as p, wcSaveIcon as q, wcConfigCloseButton as r, wcFunctionsToolbar as w };

package/build/esm/index.module-5d137a40.js

@@ -0,0 +1,17 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var box = "box-vVSPN";
+var boxSelected = "boxSelected-HZqUZ";
+var boxes = "boxes-x6ELw";
+var boxImage = "box-image-sXq4l";
+var collapsibleHeader = "collapsible-header-VRLqj";
+var dpArrow = "dp-arrow-SmlHF";
+var dArrow = "d-arrow-gHuzt";
+var reactJson = "react-json-LoG-D";
+var reactJsonExpanded = "react-json-expanded--3ajv";
+var jsonSelection = "json-selection-gYHZJ";
+var jsonSelected = "jsonSelected-AggBO";
+var css_248z = ".box-vVSPN {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.box-vVSPN p {\n  line-break: anywhere;\n}\n.boxSelected-HZqUZ {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.box-vVSPN:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.boxes-x6ELw {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.box-image-sXq4l {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.collapsible-header-VRLqj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.dp-arrow-SmlHF {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.d-arrow-gHuzt {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.react-json-LoG-D {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.react-json-expanded--3ajv {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.json-selection-gYHZJ {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.json-selection-gYHZJ * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.jsonSelected-AggBO {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n";
+styleInject(css_248z);
+
+export { reactJsonExpanded as a, dArrow as b, collapsibleHeader as c, dpArrow as d, boxes as e, box as f, boxSelected as g, boxImage as h, jsonSelected as i, jsonSelection as j, reactJson as r };

package/build/esm/index.module-6b504460.js

@@ -0,0 +1,10 @@
+import { s as styleInject } from './index-3ed57e1f.js';
+
+var svgWrapper = "svg-wrapper-hvaq9";
+var table = "table-GRFj-";
+var column = "column-CbeYE";
+var selected = "selected-cRqzN";
+var css_248z = ".svg-wrapper-hvaq9 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.table-GRFj- {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.column-CbeYE {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.image-zSukX {\n  width: 50px;\n  height: 50px;\n}\n.svg-wrapper-hvaq9 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.svg-wrapper-hvaq9 .expanded-rBYHe {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.cur-item-PDYTf {\n  color: black !important;\n}\n\n.cur-item-PDYTf {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.table-GRFj- img {\n  height: 50px;\n  width: 50px;\n}\n.table-GRFj- tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.table-GRFj- tr th {\n  width: 4%;\n}\n.table-GRFj- tr th:last-child {\n  width: 90px;\n}\n.table-GRFj- thead {\n  border-bottom: 1px solid white;\n}\n.table-GRFj- tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.table-GRFj- tbody th:nth-child(1) {\n  width: 35px;\n}\n.table-GRFj- tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.selected-cRqzN {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsibleHeader-7zGnE {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsible-4mPxe {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n";
+styleInject(css_248z);
+
+export { selected as a, column as c, svgWrapper as s, table as t };