@crystaldesign/diva-web-planner-react 25.9.0-beta.8 → 25.9.0-rc.0

package/build/esm/index-c5267b61.js

@@ -1,254 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-ba2ebee2.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect, createElement } from 'react';
-import Product from './index-335825cf.js';
-import Sidebar from './index-2b7ec702.js';
-import OptionTree from './index-a9bbb880.js';
-import PartListTable from './index-eb4f449e.js';
-import MaskEditor from './index-041f97bb.js';
-import SVGAnalyzer from './index-745d199f.js';
-import { l as list } from './index.module-745c5fde.js';
-import EkTextViewer from './index-2d2bc62c.js';
-import CatalogMakeup from './index-789d1845.js';
-import DecisionAnalyzer from './index-63c0fd44.js';
-import RTVAnalyzer from './index-47a214d6.js';
-import J3DEditor from './index-b250f75d.js';
-import PropertiesEditor from './index-87c75f68.js';
-import ArticleOverview from './index-3ac31796.js';
-import PriceAnalyzer from './index-f3421b07.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-c5ca2deb.js';
-import './index-c4339c72.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-d09babbe.js';
-import 'react-i18next';
-import './index-886c20cd.js';
-import './index-4b527171.js';
-import 'sift';
-import './index-b381a4c3.js';
-import './index-91bc02d2.js';
-import './index-26ee7a3f.js';
-import './index-67e743b8.js';
-import './index-c6510bde.js';
-import './index.module-dd133530.js';
-import './index-94ba821c.js';
-import 'react-switch';
-import './index-841cdef4.js';
-import './index-666abd23.js';
-import './index-94d62be3.js';
-import 'react-dropdown';
-import './index-0f73098c.js';
-import './index-0d6d6da4.js';
-import './index-e81a7d2d.js';
-import './index-f9625ce1.js';
-import '@crystaldesign/content-box';
-import './index-92a0a6f8.js';
-import './index-52afee2d.js';
-import './index-fb531729.js';
-import './index-5be729c6.js';
-import './index-39c37698.js';
-import './index-f5ad4df0.js';
-import 'react-laag';
-import './index-cbf61707.js';
-import './index-5d52afbf.js';
-import './index-1725c3a0.js';
-import './index-281a5533.js';
-import './index-d982e4d6.js';
-import './index-b66d3f4f.js';
-import './index-db59b81d.js';
-import './index-072f8020.js';
-import './index-0fd8ee1c.js';
-import './index-56479dd9.js';
-import './index.module-6f142235.js';
-import './index-b52dd39e.js';
-import './index-df1fbfeb.js';
-import './index-45e7eccd.js';
-import './index-c1fa0b1c.js';
-import './index-57cccc2e.js';
-import './index-d2ca7d02.js';
-import './index-2a18416e.js';
-import './index.module-f858c134.js';
-import './index-3e9fcba0.js';
-import './index-4c9efef2.js';
-import './index-61a438cd.js';
-import './index-c65d54a7.js';
-import './index-48de0976.js';
-import './index-8b9cd399.js';
-import './index.module-58d28301.js';
-import './index-8a6d3369.js';
-import './index-98dd3cf9.js';
-import './index-3b86577d.js';
-import './index-aea09632.js';
-import './index-820be6cb.js';
-import './index-babe06e8.js';
-import './index-ad2c4145.js';
-import './index-126b7573.js';
-import './index-8e43497d.js';
-import './index-ff617d5d.js';
-import 'react-qr-code';
-import './index-731c8b48.js';
-import './index-1f5ced7b.js';
-import './index-d795ec37.js';
-import './index-66a6feb3.js';
-import './index-8293f2ca.js';
-import './index-30d61229.js';
-import 'react-collapsible';
-import './index-c4ff4e60.js';
-import './index-61016a7d.js';
-import './index.module-88f98829.js';
-import 'react-json-view-lite';
-import './react-json-viewer-a1381b69.js';
-import './index.module-39c31e35.js';
-import './DecisionVizualizer-bae02da0.js';
-import './index-83f542a8.js';
-import './index-05fbfb98.js';
-import 'jsoneditor';
-import './index-902517f9.js';
-import './index-9e7b2d4e.js';
-import './index-4deece2a.js';
-import './index-df4c41ee.js';
-import './index.module-d11b8f72.js';
-import './index-90e1ce14.js';
-import './index-a17e31b8.js';
-import 'react-select';
-import './index-ae65ab47.js';
-import './index-b0827428.js';
-import './CatalogProperties-af3eb440.js';
-import './ArticleProperties-714281b8.js';
-import './OptionProperties-1d2e76c9.js';
-import './OptionValueProperties-df10d675.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 CatalogProduct = function CatalogProduct(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var changeVal = function changeVal(newValue) {
-    localStorage.setItem('lastWindow', newValue);
-    viewHandler.uiState.setActiveCatalogSection(newValue);
-  };
-  useEffect(function () {
-    switch (viewHandler.uiState.activeCatalogSection) {
-      case 'Options':
-        viewHandler.uiState.setConfigSettingsIsExpanded(true);
-        break;
-      case 'ekText':
-      case '3D/2D':
-      case 'PartList':
-      case 'Artikelübersicht':
-      case 'SVGübersicht':
-      case 'DecisionAnalyzer':
-      case 'CatalogMakeup':
-      case 'RTVAnalyzer':
-      case 'J3DEditor':
-      case 'PropertiesEditor':
-      case 'MaskEditor':
-        viewHandler.uiState.setConfigSettingsIsExpanded(false);
-        break;
-    }
-  }, [viewHandler.uiState.activeCatalogSection]);
-  useEffect(function () {
-    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
-  }, []);
-  var activeWindow = undefined;
-  var classname = props.className + ' ' + list;
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'DecisionAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PriceAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(PriceAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
-      currentWindowActive: viewHandler.uiState.activeCatalogSection,
-      setCurrentWindowActive: changeVal
-    })), /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
-      style: {
-        boxSizing: 'border-box',
-        borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
-      },
-      key: 'product'
-    })), activeWindow]
-  });
-};
-var index = observer(CatalogProduct);
-
-export { index as default };

package/build/esm/index-c5ca2deb.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ba2ebee2.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 ProductHeader = function ProductHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductHeader/ProductHeader"
-  }));
-};
-
-export { ProductHeader as default };

package/build/esm/index-c616b802.js

@@ -1,64 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-ba2ebee2.js';
-import 'react';
-import SettingsItemHeader from './index-26540ca9.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-6168df84.js';
-import './index-0f73098c.js';
-import './index-0d6d6da4.js';
-import 'react-dropdown';
-import './index-e81a7d2d.js';
-import './index-f9625ce1.js';
-import '@crystaldesign/content-box';
-import './index-92a0a6f8.js';
-import './index-52afee2d.js';
-import './index-d7cc13b1.js';
-import './index-94ba821c.js';
-import 'react-switch';
-import './index-14a15b5c.js';
-import './index-c726694a.js';
-import './index-24933b2c.js';
-import './index-68e2cb63.js';
-import './index-625d13f8.js';
-import './index-3d17b33c.js';
-import 'react-laag';
-import './index-5d52afbf.js';
-import './index-666abd23.js';
-import './index-cbf61707.js';
-import './index-841cdef4.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
-var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";
-var css_248z = ".settingsHeaderContainer-ywbxo {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-ywbxo {\n  height: 100%;\n  position: relative;\n  display: block;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  position: relative;\n  --infoIconSize: 24px;\n}\n\n.settingsHeaderTitle-AeKfm {\n  font-size: 26px;\n  line-height: 1;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SettingsItemHeaderSerious = function SettingsItemHeaderSerious(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderSerious as default };

package/build/esm/index-c6510bde.js

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

package/build/esm/index-c65d54a7.js

@@ -1,81 +0,0 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-ba2ebee2.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wcConfiguratorGrid = "wcConfigurator-grid-DANlC";
-var wcConfiguratorGrid2DCanvas = "wcConfigurator-grid-2D-canvas-kC0d5";
-var grid2DBg = "Grid2D_BG-qKtq3";
-var css_248z = ".wcConfigurator-grid-DANlC {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  z-index: 5;\n}\n\n.Grid2D_BG-qKtq3 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg==');\n  /*background-image: url(\"images/Standard/grid_standard.png\");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n";
-styleInject(css_248z);
-
-var touchMoveDetected = false;
-var Planner2DGrid = function Planner2DGrid(props) {
-  var viewHandler = useViewHandler();
-  var uiHandler = usePlannerUIHandler();
-  var gridRef = useRef(null);
-  useEffect(function () {
-    if (!gridRef) return;
-    viewHandler.productState.setPlanner2DGridElement(gridRef.current);
-    if (gridRef.current) uiHandler.setGrid2DUIElement(gridRef.current);
-  }, [gridRef]);
-  var on2DPlannerBGClick = function on2DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-    e.stopPropagation();
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: gridRef,
-    className: wcConfiguratorGrid,
-    id: "wcConfigurator-grid-container",
-    style: {
-      width: '100%',
-      height: '100%',
-      zIndex: 2,
-      visibility: viewHandler.productState.doShowGrid ? 'visible' : 'hidden'
-    },
-    onClick: on2DPlannerBGClick,
-    onTouchStart: function onTouchStart() {
-      touchMoveDetected = false;
-    },
-    onTouchMove: function onTouchMove() {
-      touchMoveDetected = true;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!touchMoveDetected) {
-        on2DPlannerBGClick(e);
-      }
-      touchMoveDetected = false;
-    },
-    children: [/*#__PURE__*/jsx("canvas", {
-      className: wcConfiguratorGrid2DCanvas,
-      id: "wcConfigurator-grid-2D-canvas"
-    }), /*#__PURE__*/jsx("div", {
-      className: grid2DBg,
-      style: {
-        zoom: uiHandler.get2DGridBackgroundState().zoom,
-        backgroundPosition: uiHandler.get2DGridBackgroundState().position.x + 'px ' + uiHandler.get2DGridBackgroundState().position.y + 'px'
-      }
-    })]
-  });
-};
-var Planner2DGrid$1 = observer(Planner2DGrid);
-
-export { Planner2DGrid$1 as default };

package/build/esm/index-c726694a.js

@@ -1,87 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ba2ebee2.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var infoButton = "infoButton-1VGiK";
-var css_248z = ".infoButton-1VGiK {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n";
-styleInject(css_248z);
-
-var InfoButton = function InfoButton(_ref) {
-  var _selectedElement$grou, _selectedElement$long;
-  var selectedElement = _ref.selectedElement,
-    id = _ref.id,
-    openUrl = _ref.openUrl;
-  var viewHandler = useViewHandler();
-  var text = selectedElement ? ((_selectedElement$grou = selectedElement.groupName) !== null && _selectedElement$grou !== void 0 ? _selectedElement$grou : '') + (selectedElement.parentName ? " (".concat(selectedElement.parentName, ")") : '') + ' ' + ((_selectedElement$long = selectedElement.longDescription) !== null && _selectedElement$long !== void 0 ? _selectedElement$long : '') : '';
-  var updateInfoBox = function updateInfoBox() {
-    if (!selectedElement) return;
-    viewHandler.settingsState.updateInfoBox({
-      type: 'info',
-      content: /*#__PURE__*/jsx(ContentBoxComponent, {
-        onClose: function onClose() {
-          return viewHandler.settingsState.updateInfoBox();
-        },
-        settings: {
-          contentBoxProps: {
-            type: 'CloseButtonContainer',
-            style: {
-              background: 'transparent',
-              padding: 0
-            },
-            closeIconSize: '24px',
-            content: {
-              type: 'InfoBox',
-              imageUrl: selectedElement.image,
-              title: selectedElement.text,
-              text: text
-            }
-          }
-        }
-      }),
-      id: id,
-      key: selectedElement.codex
-    });
-  };
-  var onClick = function onClick() {
-    if (openUrl && selectedElement) {
-      window.open(selectedElement.url, '_blank');
-      return;
-    }
-    viewHandler.settingsState.setContentItemVisible(false);
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'info') viewHandler.settingsState.updateInfoBox();else updateInfoBox();
-  };
-  var boxContent = viewHandler.settingsState.infoBoxContent;
-  if (boxContent && boxContent.id === id && boxContent.key !== (selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.codex) && boxContent.type === 'info') {
-    updateInfoBox();
-  }
-  return /*#__PURE__*/jsx("div", {
-    title: 'Info',
-    onClick: onClick,
-    className: infoButton,
-    children: "i"
-  });
-};
-var InfoButton$1 = observer(InfoButton);
-
-export { InfoButton$1 as default };