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

package/build/esm/index-f6901f08.js

@@ -0,0 +1,56 @@
+import './index-079b7a5c.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import Dropdown from 'react-dropdown';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9d615a72.js';
+import Arrow from './index-8488a426.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';
+
+var OptionsSelector = function OptionsSelector(_ref) {
+  var options = _ref.options,
+    optionState = _ref.optionState;
+  var ArrowElement = /*#__PURE__*/jsx(Arrow, {
+    onClick: function onClick() {
+      return optionState[1](undefined);
+    },
+    open: false,
+    iconAsDelete: !!optionState[0]
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: wrapper,
+    children: /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRoot),
+      controlClassName: dropdownControl,
+      options: options.map(function (option) {
+        return {
+          label: option.name,
+          value: option.codex
+        };
+      }),
+      value: optionState[0],
+      onChange: function onChange(val) {
+        return optionState[1](val.value);
+      },
+      placeholder: 'Option',
+      arrowClosed: ArrowElement,
+      arrowOpen: ArrowElement
+    })
+  });
+};
+var OptionSelector = observer(OptionsSelector);
+
+export { OptionSelector as default };

package/build/esm/index-f6f64eaf.js

@@ -0,0 +1,104 @@
+import { s as styleInject, u as useViewHandler } from './index-079b7a5c.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import ToolContainer from './index-d926ab01.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+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 '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-22d68730.js';
+import './index.module-35e6b346.js';
+import './index-d425adbc.js';
+import './index-47658ce8.js';
+import 'classnames';
+import './index-17cd7efa.js';
+import 'react-collapsible';
+import './index-8cf8df07.js';
+import './index-35649e34.js';
+import './index.module-52e71521.js';
+import 'react-json-view-lite';
+import './react-json-viewer-7c9a432a.js';
+import './index-81a91fb2.js';
+import './index.module-bcc46c32.js';
+import './index-bb63d3a5.js';
+import 'jsoneditor';
+import './index-706c4439.js';
+import './index-ad317b29.js';
+import './index-3c876ff1.js';
+import './index-26e994e9.js';
+import './index-9ee67baf.js';
+import './index.module-4b45da5f.js';
+import './index-9a8ec367.js';
+import './index-91251b68.js';
+import './index-562e9df4.js';
+import './index-f6901f08.js';
+import 'react-dropdown';
+import './index.module-9d615a72.js';
+import './index-8488a426.js';
+import './index-2d3db9be.js';
+import './index-476fd334.js';
+import './DecisionVizualizer-f3da66aa.js';
+import './index-859af57f.js';
+import './index-aa40eb21.js';
+import './index-7563ed35.js';
+import './index-1bf31be8.js';
+import './index-3f7142cc.js';
+import './index-bc123777.js';
+import 'react-switch';
+import './CatalogProperties-9f2c42bf.js';
+import './ArticleProperties-f09ba32c.js';
+import './OptionProperties-aad96983.js';
+import './OptionValueProperties-4f7e6cbf.js';
+import 'react-select';
+
+var container = "container-43rJg";
+var item = "item-JRY9h";
+var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n";
+styleInject(css_248z);
+
+var Toolbar = function Toolbar(props) {
+  var _viewHandler$divaWebP, _viewHandler$divaWebP2;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
+  var changeVal = function changeVal(newValue) {
+    var value = newValue === viewHandler.uiState.activeCatalogSection ? '3D/2D' : newValue;
+    localStorage.setItem('lastWindow', value);
+    viewHandler.uiState.setActiveCatalogSection(value);
+  };
+  var partlistsExist = !!Object.values((_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.CatalogData.allCatalogArticles) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {}).find(function (a) {
+    return a.partlistArticlesRules;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [viewHandler.uiState.activeCatalogSection != '3D/2D' && /*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
+      className: container,
+      children: [partlistsExist && /*#__PURE__*/jsx("div", {
+        className: item,
+        onClick: function onClick() {
+          return changeVal('PartList');
+        },
+        children: "St\xFCckliste"
+      }), wwsClient == 'Pfister' && /*#__PURE__*/jsx("div", {
+        className: item,
+        onClick: function onClick() {
+          return changeVal('ekText');
+        },
+        children: "Ek Text"
+      })]
+    })]
+  });
+};
+var Toolbar$1 = observer(Toolbar);
+
+export { Toolbar$1 as default };

package/build/esm/index-f857ca42.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-079b7a5c.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 '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 SettingsItemDefaultTemplate = function SettingsItemDefaultTemplate(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default"
+  }));
+};
+
+export { SettingsItemDefaultTemplate as default };

package/build/esm/index-fb1a30e1.js

@@ -0,0 +1,57 @@
+import { s as styleInject, u as useViewHandler } from './index-079b7a5c.js';
+import 'react';
+import classnames from 'classnames';
+import ArQrCodeIcon from './index-ffeed0cb.js';
+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/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 'react-laag';
+import './index-3cf71c2c.js';
+import 'react-qr-code';
+import './index-23659cb6.js';
+
+var mobileWrapper = "mobile-wrapper-CITxg";
+var dimensionIcon = "dimension-icon-NuaQY";
+var layerSwitcher = "layer-switcher-ZN5VM";
+var sel = "sel-H6-gd";
+var css_248z = ".mobile-wrapper-CITxg {\n  display: flex;\n  gap: 16px;\n  position: absolute;\n  left: 20px;\n  bottom: 10px;\n  z-index: 200;\n}\n\n.dimension-icon-NuaQY,\n.layer-switcher-ZN5VM,\n.icon2d-Q4u2h,\n.icon3d-3hGJO,\n.mobile-wrapper-CITxg #ar-icon {\n  height: 32px;\n  width: 32px;\n  cursor: pointer;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  border-radius: 50%;\n  display: block;\n  transition: background-color 0.15s ease;\n  z-index: 1000;\n  background-color: rgba(255,255,255,0.66667);\n}\n.dimension-icon-NuaQY:hover,\n.layer-switcher-ZN5VM:hover,\n.icon2d-Q4u2h:hover,\n.icon3d-3hGJO:hover,\n.mobile-wrapper-CITxg #ar-icon:hover {\n  background-color: rgba(243,243,243,0.66667);\n}\n\n.sel-H6-gd.dimension-icon-NuaQY,\n.sel-H6-gd.layer-switcher-ZN5VM,\n.sel-H6-gd.icon2d-Q4u2h,\n.sel-H6-gd.icon3d-3hGJO,\n.sel-H6-gd.mobile-wrapper-CITxg #ar-icon:hover {\n  background-color: rgba(217,217,217,0.66667);\n}\n\n.mobile-wrapper-CITxg #ar-icon {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22 %2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath d%3D%22M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath d%3D%22M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.dimension-icon-NuaQY {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22 %2F%3E%3Cmask id%3D%22mask0_3561_9667%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_3561_9667)%22%3E%3Cpath d%3D%22M8.30775 21.5C7.80258 21.5 7.375 21.325 7.025 20.975C6.675 20.625 6.5 20.1974 6.5 19.6923V12.3077C6.5 11.8026 6.675 11.375 7.025 11.025C7.375 10.675 7.80258 10.5 8.30775 10.5H23.6923C24.1974 10.5 24.625 10.675 24.975 11.025C25.325 11.375 25.5 11.8026 25.5 12.3077V19.6923C25.5 20.1974 25.325 20.625 24.975 20.975C24.625 21.325 24.1974 21.5 23.6923 21.5H8.30775ZM8.30775 20H23.6923C23.7693 20 23.8398 19.9679 23.9038 19.9038C23.9679 19.8398 24 19.7692 24 19.6923V12.3077C24 12.2307 23.9679 12.1602 23.9038 12.0962C23.8398 12.0321 23.7693 12 23.6923 12H20.75V15.6152H19.25V12H16.75V15.6152H15.25V12H12.75V15.6152H11.25V12H8.30775C8.23075 12 8.16025 12.0321 8.09625 12.0962C8.03208 12.1602 8 12.2307 8 12.3077V19.6923C8 19.7692 8.03208 19.8398 8.09625 19.9038C8.16025 19.9679 8.23075 20 8.30775 20Z%22 fill%3D%22%234A4543%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.icon-two-d-7i-x3 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22 %2F%3E%3Cmask id%3D%22mask0_3561_9671%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_3561_9671)%22%3E%3Cpath d%3D%22M9.30775 24.5C8.80258 24.5 8.375 24.325 8.025 23.975C7.675 23.625 7.5 23.1974 7.5 22.6923V9.30775C7.5 8.80258 7.675 8.375 8.025 8.025C8.375 7.675 8.80258 7.5 9.30775 7.5H22.6923C23.1974 7.5 23.625 7.675 23.975 8.025C24.325 8.375 24.5 8.80258 24.5 9.30775V22.6923C24.5 23.1974 24.325 23.625 23.975 23.975C23.625 24.325 23.1974 24.5 22.6923 24.5H9.30775ZM9.30775 23H22.6923C22.7692 23 22.8398 22.9679 22.9038 22.9038C22.9679 22.8398 23 22.7692 23 22.6923V9.30775C23 9.23075 22.9679 9.16025 22.9038 9.09625C22.8398 9.03208 22.7692 9 22.6923 9H9.30775C9.23075 9 9.16025 9.03208 9.09625 9.09625C9.03208 9.16025 9 9.23075 9 9.30775V22.6923C9 22.7692 9.03208 22.8398 9.09625 22.9038C9.16025 22.9679 9.23075 23 9.30775 23Z%22 fill%3D%22%234A4543%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.icon-three-d-uN3ap {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cmask id%3D%22mask0_3561_10138%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_3561_10138)%22%3E%3Cpath d%3D%22M15.2059 24.0081V16.4557L8.58824 12.6266V19.996C8.58824 20.0501 8.60182 20.101 8.629 20.1486C8.65618 20.196 8.69685 20.2367 8.75103 20.2705L15.2059 24.0081ZM16.7941 24.0081L23.249 20.2705C23.3031 20.2367 23.3438 20.196 23.371 20.1486C23.3982 20.101 23.4118 20.0501 23.4118 19.996V12.6266L16.7941 16.4557V24.0081ZM16 15.0886L22.5382 11.3124L16.1628 7.6277C16.1086 7.59384 16.0544 7.57691 16 7.57691C15.9456 7.57691 15.8914 7.59384 15.8372 7.6277L9.46176 11.3124L16 15.0886ZM7.95718 21.6641C7.65576 21.4906 7.42088 21.2588 7.25253 20.9685C7.08418 20.6781 7 20.3593 7 20.0121V11.9879C7 11.6407 7.08418 11.3219 7.25253 11.0315C7.42088 10.7412 7.65576 10.5094 7.95718 10.3359L15.0431 6.26053C15.3443 6.08684 15.6633 6 16 6C16.3367 6 16.6557 6.08684 16.9569 6.26053L24.0428 10.3359C24.3442 10.5094 24.5791 10.7412 24.7475 11.0315C24.9158 11.3219 25 11.6407 25 11.9879V20.0121C25 20.3593 24.9158 20.6781 24.7475 20.9685C24.5791 21.2588 24.3442 21.4906 24.0428 21.6641L16.9569 25.7395C16.6557 25.9132 16.3367 26 16 26C15.6633 26 15.3443 25.9132 15.0431 25.7395L7.95718 21.6641Z%22 fill%3D%22%234A4543%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.layer-switcher-ZN5VM {\n  text-align: center;\n  line-height: 32px;\n}\n";
+styleInject(css_248z);
+
+var MobileNavIcons = function MobileNavIcons(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var togglePlannerView = viewHandler.productState.doShowGrid ? viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D' : '2D';
+  return /*#__PURE__*/jsxs("div", {
+    className: mobileWrapper,
+    children: [viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx("div", {
+      className: classnames(layerSwitcher),
+      onClick: function onClick() {
+        return viewHandler.productState.onChangePlannerView(togglePlannerView);
+      },
+      title: t('configurator.2d_3d_switcher'),
+      children: viewHandler.productState.doShowGrid ? '2D' : '3D'
+    }), viewHandler.productState.allowQRCodeAR && /*#__PURE__*/jsx(ArQrCodeIcon, {}), !viewHandler.productState.doShowGrid && viewHandler.productState.doEnableToShow3DDimensionLines && !viewHandler.productState.doShowRTV && /*#__PURE__*/jsx("div", {
+      className: classnames(dimensionIcon, viewHandler.productState.doShow3DDimensionLines ? sel : undefined),
+      onClick: function onClick() {
+        return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+      },
+      title: t('configurator.NAV3DDIMLINE_TT')
+    })]
+  });
+};
+var MobileNavIcons$1 = observer(MobileNavIcons);
+
+export { MobileNavIcons$1 as default };

package/build/esm/index-fe716823.js

@@ -0,0 +1,101 @@
+import { s as styleInject, u as useViewHandler } from './index-079b7a5c.js';
+import { observer } from 'mobx-react-lite';
+import { useEffect } from 'react';
+import classnames from 'classnames';
+import { ContentBoxComponent } from '@crystaldesign/content-box';
+import { useDivaCore } from '@crystaldesign/diva-core';
+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';
+
+var container = "container-bxM6C";
+var hidden = "hidden-X63IT";
+var mobile = "mobile--b4Sq";
+var wrapper = "wrapper-jE0i2";
+var imageItem = "image-item-2MypG";
+var sel = "sel-9mQFl";
+var css_248z = ".container-bxM6C {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.hidden-X63IT {\n  opacity: 0;\n  z-index: 0;\n}\n\n.mobile--b4Sq.container-bxM6C {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.wrapper-jE0i2 {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.mobile--b4Sq .wrapper-jE0i2 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.image-item-2MypG {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.mobile--b4Sq .image-item-2MypG {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.sel-9mQFl.image-item-2MypG {\n  border: 2px solid #4f4f4f;\n}\n\n.image-item-2MypG:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n";
+styleInject(css_248z);
+
+var PromotedOpvs = function PromotedOpvs(props) {
+  var _viewHandler$settings, _promotedOpvs$article;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    height = _useDivaCore$state$di.height,
+    width = _useDivaCore$state$di.width;
+  useEffect(function () {
+    if (viewHandler.productState.configChangedByPromoOpvs) {
+      viewHandler.productState.setConfigChangedByPromoOpvs(false);
+    } else {
+      viewHandler.productState.setSelectedPromitionIndex(undefined);
+    }
+  }, [viewHandler.settingsState.configChanged]);
+  var contents = [];
+  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
+  var promotedOpvs = catalogData === null || catalogData === void 0 ? void 0 : catalogData.promotedOpvs;
+  var selectedArticleCodex = (_viewHandler$settings = viewHandler.settingsState.selectedArticles) === null || _viewHandler$settings === void 0 || (_viewHandler$settings = _viewHandler$settings[0]) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.codex;
+  if (viewHandler.uiState.isLoading || !selectedArticleCodex || !promotedOpvs) return /*#__PURE__*/jsx(Fragment, {});
+  if (!viewHandler.productState.promotionVisible || !((_promotedOpvs$article = promotedOpvs.articles[selectedArticleCodex]) !== null && _promotedOpvs$article !== void 0 && _promotedOpvs$article.length)) {
+    if (viewHandler.uiState.configSettingsIsHidden) viewHandler.uiState.onClickHideConfigSettings();
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var _loop = function _loop(i) {
+    var promo = promotedOpvs.articles[selectedArticleCodex][i];
+    var opv = catalogData.getOptionValue(promo.displayOPV);
+    contents.push({
+      swiperSlideStyle: {
+        height: 'auto',
+        width: 'auto'
+      },
+      content: /*#__PURE__*/jsx("span", {
+        onClick: function onClick(e) {
+          return viewHandler.productState.onPromotionClick(promo.variantValues, i);
+        },
+        style: {
+          backgroundImage: 'url(' + (opv !== null && opv !== void 0 && opv.image ? catalogData.getCatImageURL(opv.image, '_gal') : '') + ')'
+        },
+        className: classnames(imageItem, viewHandler.productState.selectedPromotionIndex === i ? sel : undefined)
+      }, i)
+    });
+  };
+  for (var i = 0; i < promotedOpvs.articles[selectedArticleCodex].length; i++) {
+    _loop(i);
+  }
+  var sliderProps = {
+    type: 'SliderContainer',
+    sliderType: viewHandler.uiState.isInMobileView ? 'slideX' : 'slideY',
+    slidesPerView: 'auto',
+    freeMode: true,
+    allowTouchMove: true,
+    contents: contents,
+    scrollToSelectedItem: true,
+    mousewheel: true
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(container, viewHandler.uiState.isInMobileView ? mobile : undefined, !viewHandler.uiState.configSettingsIsHidden ? hidden : undefined),
+    children: /*#__PURE__*/jsx("div", {
+      className: wrapper,
+      children: /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsx(ContentBoxComponent, {
+          settings: {
+            contentBoxProps: sliderProps
+          }
+        }, +height + width)
+      })
+    })
+  });
+};
+var PromotedOpvs$1 = observer(PromotedOpvs);
+
+export { PromotedOpvs$1 as default };

package/build/esm/index-ffeed0cb.js

@@ -0,0 +1,164 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-079b7a5c.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useRef, useEffect } from 'react';
+import { useLayer } from 'react-laag';
+import Tooltip from './index-3cf71c2c.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import FullscreenAr from './index-23659cb6.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/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 'react-qr-code';
+
+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 ArQrCodeTooltip = function ArQrCodeTooltip(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    openModal = _useDivaCore.actions.openModal,
+    _useDivaCore$state = _useDivaCore.state,
+    isMobile = _useDivaCore$state.isMobile,
+    isTablet = _useDivaCore$state.dimensions.isTablet;
+  //tooltip is going to close itself by timer
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoClose = _useState2[0],
+    setAutoClose = _useState2[1];
+  var autoCloseTimeout = useRef();
+  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
+  var openAr = isMobile || isTablet;
+
+  //for fade animation
+  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tooltipVisible = _useState4[0],
+    setTooltipVisible = _useState4[1];
+  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
+  var _useLayer = useLayer({
+      isOpen: showTooltip,
+      auto: true,
+      placement: 'right-end',
+      triggerOffset: 16
+    }),
+    triggerProps = _useLayer.triggerProps,
+    layerProps = _useLayer.layerProps,
+    renderLayer = _useLayer.renderLayer,
+    arrowProps = _useLayer.arrowProps;
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    url = _useState6[0],
+    setUrl = _useState6[1];
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode == true) {
+      viewHandler.openARObserverConnection(function () {
+        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
+      } // request hqr onreceivehqr triggers update
+      ).then(function (url) {
+        return setUrl(url);
+      });
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode && openAr) openModal({
+      content: /*#__PURE__*/jsx(FullscreenAr, {
+        url: url,
+        isArCompatible: viewHandler.productState.isArCompatible,
+        broswerSupportAR: viewHandler.productState.browserSupportAR,
+        activateAR: viewHandler.productState.activateAR
+      }),
+      fullscreen: true,
+      rejectByIcon: true,
+      dontRenderForm: true,
+      callback: function callback(value) {
+        if (!value) {
+          viewHandler.productState.setDoShowARQRCode(false);
+          viewHandler.productState.loadRTVForAr = false;
+          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+        }
+      }
+    });
+  }, [viewHandler.productState.activateAR, url]);
+  useEffect(function () {
+    //start timeout for auto open the tooltip
+    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
+      var _arQrCodeConfig$timeU;
+      autoCloseTimeout.current = setTimeout(function () {
+        viewHandler.productState.setArCodeWasVisibleOnce();
+        setAutoClose(true);
+        viewHandler.productState.setDoShowARQRCode(true);
+      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
+    }
+    if (!viewHandler.productState.doShowARQRCode && autoClose) {
+      setAutoClose(false);
+    }
+    //delay the state of visible so we animate the fade out
+    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
+      setTimeout(function () {
+        setTooltipVisible(viewHandler.productState.doShowARQRCode);
+      }, 200);
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  var onClick = function onClick() {
+    viewHandler.productState.setDoShowARQRCode(true);
+    if (openAr) {
+      if (!viewHandler.productState.doShowRTV) {
+        viewHandler.productState.loadRTVForAr = true;
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
+      }
+      openModal({
+        content: /*#__PURE__*/jsx(FullscreenAr, {
+          url: url,
+          isArCompatible: viewHandler.productState.isArCompatible,
+          broswerSupportAR: viewHandler.productState.browserSupportAR,
+          activateAR: viewHandler.productState.activateAR
+        }),
+        fullscreen: true,
+        dontRenderForm: true,
+        rejectByIcon: true,
+        callback: function callback(value) {
+          if (!value) {
+            viewHandler.productState.loadRTVForAr = false;
+            viewHandler.productState.setDoShowARQRCode(false);
+            viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+          }
+        }
+      });
+    }
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
+      id: "ar-icon"
+    }, props), {}, {
+      className: classnames(props.className),
+      onClick: onClick,
+      title: t('configurator.ar_qr_title')
+    }, triggerProps), {}, {
+      style: {
+        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV ? 'visible' : 'hidden'
+      }
+    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
+      arrowProps: arrowProps,
+      layerProps: layerProps,
+      autoClose: autoClose,
+      fadeIn: tooltipVisible,
+      fadeout: !viewHandler.productState.doShowARQRCode,
+      url: url
+    }))]
+  });
+};
+var ArQrCodeIcon = observer(ArQrCodeTooltip);
+
+export { ArQrCodeIcon 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-3bf4cac6.js';
+export { W as WebPlannerReact, c as default } from './index-079b7a5c.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-2cb8e7fa.js

@@ -0,0 +1,25 @@
+import { s as styleInject } from './index-079b7a5c.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-35e6b346.js

@@ -0,0 +1,9 @@
+import { s as styleInject } from './index-079b7a5c.js';
+
+var wholeWrapper = "whole-wrapper-5OM64";
+var notExpanded = "not-expanded-A0UYP";
+var list = "list-N44Jp";
+var css_248z = ".whole-wrapper-5OM64 {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.not-expanded-A0UYP {\n  width: calc(25.5%) !important;\n}\n.not-expanded-A0UYP {\n  background-color: white;\n}\n.list-N44Jp {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n";
+styleInject(css_248z);
+
+export { list as l, notExpanded as n, wholeWrapper as w };

package/build/esm/index.module-49519995.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-079b7a5c.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-4b45da5f.js

@@ -0,0 +1,10 @@
+import { s as styleInject } from './index-079b7a5c.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 };