@crystaldesign/diva-web-planner-react 24.14.0-beta.2 → 24.14.0-beta.21

package/build/esm/index-ba578125.js

@@ -1,95 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import PlannerMsgItem from './index-d38c9280.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 wcPlannerMsgContainerParent = "wcPlanner_MsgContainerParent-WfaBR";
-var expanded = "expanded-U8H0E";
-var wcPlannerMsgContainer = "wcPlanner_MsgContainer-pAU-r";
-var wcPlannerInfoContainer = "wcPlanner_InfoContainer-31NTl";
-var wcPlannerWarningContainer = "wcPlanner_WarningContainer-iDg2J";
-var wcPlannerMsgImg = "wcPlanner_msgImg-QHnJP";
-var wcPlannerInfoImg = "wcPlanner_InfoImg-E-1pp";
-var wcPlannerWarningImg = "wcPlanner_WarningImg-Jbeq8";
-var wcPlannerMsgText = "wcPlanner_MsgText-JYxg8";
-var wcPlannerWarningText = "wcPlanner_WarningText-byrqX";
-var wcPlannerInfoText = "wcPlanner_InfoText-qP0nc";
-var wcClose = "wcClose-zokxf";
-var wcPlannerInfoContainerCollapsed = "wcPlanner_InfoContainerCollapsed-6uydm";
-var css_248z = ".wcPlanner_MsgContainerParent-WfaBR {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 101;\n}\n\n.expanded-U8H0E.wcPlanner_MsgContainerParent-WfaBR {\n  left: 27%;\n  max-width: 30%;\n}\n.wcPlanner_MsgContainer-pAU-r {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 1.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: fadein-3hKT0 0.5s;\n}\n\n.wcPlanner_MsgContainer_Hide-d6Efu {\n  animation: cssAnimation-PxysF 5s forwards;\n}\n\n@keyframes fadein-3hKT0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes cssAnimation-PxysF {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.wcPlanner_InfoContainer-31NTl {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.wcPlanner_WarningContainer-iDg2J {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-QHnJP {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_InfoImg-E-1pp {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 26 26%22 style%3D%22enable-background%3Anew 0 0 26 26%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2213%22 cy%3D%2213.2%22 r%3D%2211.8%22%2F%3E%3Cpath class%3D%22st1%22 d%3D%22M13%2C11.6v7.8%22%2F%3E%3Ccircle cx%3D%2213%22 cy%3D%227.9%22 r%3D%220.8%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_WarningImg-Jbeq8 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcPlanner_MsgText-JYxg8 {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.wcConfigurator-is-mobile-landscape--lWJs .wcPlanner_MsgText-JYxg8,\n.wcConfigurator-is-mobile-portrait-ipbTW .wcPlanner_MsgText-JYxg8 {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.wcPlanner_WarningText-byrqX {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-qP0nc {\n  color: black;\n}\n\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcClose-zokxf {\n  transform: rotate(180deg);\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcPlanner_InfoText-qP0nc {\n  display: none;\n}\n\n/* pfister style */\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var PlannerMsgContainer = function PlannerMsgContainer(_ref) {
-  var _ref$wcPlannerMsgCont = _ref.wcPlannerMsgContainerParentClass,
-    wcPlannerMsgContainerParentClass = _ref$wcPlannerMsgCont === void 0 ? wcPlannerMsgContainerParent : _ref$wcPlannerMsgCont,
-    _ref$wcPlannerMsgCont2 = _ref.wcPlannerMsgContainerClass,
-    wcPlannerMsgContainerClass = _ref$wcPlannerMsgCont2 === void 0 ? wcPlannerMsgContainer : _ref$wcPlannerMsgCont2,
-    _ref$wcPlannerWarning = _ref.wcPlannerWarningContainerClass,
-    wcPlannerWarningContainerClass = _ref$wcPlannerWarning === void 0 ? wcPlannerWarningContainer : _ref$wcPlannerWarning,
-    _ref$wcPlannerInfoCon = _ref.wcPlannerInfoContainerClass,
-    wcPlannerInfoContainerClass = _ref$wcPlannerInfoCon === void 0 ? wcPlannerInfoContainer : _ref$wcPlannerInfoCon,
-    _ref$wcPlannerInfoCon2 = _ref.wcPlannerInfoContainerCollapsedClass,
-    wcPlannerInfoContainerCollapsedClass = _ref$wcPlannerInfoCon2 === void 0 ? wcPlannerInfoContainerCollapsed : _ref$wcPlannerInfoCon2,
-    _ref$wcPlannerMsgImgC = _ref.wcPlannerMsgImgClass,
-    wcPlannerMsgImgClass = _ref$wcPlannerMsgImgC === void 0 ? wcPlannerMsgImg : _ref$wcPlannerMsgImgC,
-    _ref$wcPlannerMsgText = _ref.wcPlannerMsgTextClass,
-    wcPlannerMsgTextClass = _ref$wcPlannerMsgText === void 0 ? wcPlannerMsgText : _ref$wcPlannerMsgText,
-    _ref$wcPlannerWarning2 = _ref.wcPlannerWarningImgClass,
-    wcPlannerWarningImgClass = _ref$wcPlannerWarning2 === void 0 ? wcPlannerWarningImg : _ref$wcPlannerWarning2,
-    _ref$wcPlannerInfoImg = _ref.wcPlannerInfoImgClass,
-    wcPlannerInfoImgClass = _ref$wcPlannerInfoImg === void 0 ? wcPlannerInfoImg : _ref$wcPlannerInfoImg,
-    _ref$wcPlannerWarning3 = _ref.wcPlannerWarningTextClass,
-    wcPlannerWarningTextClass = _ref$wcPlannerWarning3 === void 0 ? wcPlannerWarningText : _ref$wcPlannerWarning3,
-    _ref$wcPlannerInfoTex = _ref.wcPlannerInfoTextClass,
-    wcPlannerInfoTextClass = _ref$wcPlannerInfoTex === void 0 ? wcPlannerInfoText : _ref$wcPlannerInfoTex,
-    _ref$wcCloseClass = _ref.wcCloseClass,
-    wcCloseClass = _ref$wcCloseClass === void 0 ? wcClose : _ref$wcCloseClass,
-    _ref$wcCloseButtonCla = _ref.wcCloseButtonClass,
-    wcCloseButtonClass = _ref$wcCloseButtonCla === void 0 ? '' : _ref$wcCloseButtonCla,
-    _ref$landscapeClass = _ref.landscapeClass,
-    landscapeClass = _ref$landscapeClass === void 0 ? '' : _ref$landscapeClass,
-    _ref$portraitClass = _ref.portraitClass,
-    portraitClass = _ref$portraitClass === void 0 ? '' : _ref$portraitClass,
-    _ref$expandedClass = _ref.expandedClass,
-    expandedClass = _ref$expandedClass === void 0 ? expanded : _ref$expandedClass;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcPlannerMsgContainerParentClass, viewHandler.uiState.configSettingsIsExpanded ? expandedClass : undefined, viewHandler.uiState.isMobileLandscape ? landscapeClass : undefined, viewHandler.uiState.isMobilePortrait ? portraitClass : undefined),
-    children: viewHandler.productState.plannerMessagesArr.map(function (item) {
-      return /*#__PURE__*/jsx(PlannerMsgItem, {
-        wcPlannerMsgContainer: wcPlannerMsgContainerClass,
-        wcPlannerWarningContainer: wcPlannerWarningContainerClass,
-        wcPlannerInfoContainer: wcPlannerInfoContainerClass,
-        wcPlannerInfoContainerCollapsed: wcPlannerInfoContainerCollapsedClass,
-        wcPlannerMsgImg: wcPlannerMsgImgClass,
-        wcPlannerMsgText: wcPlannerMsgTextClass,
-        wcPlannerWarningImg: wcPlannerWarningImgClass,
-        wcPlannerInfoImg: wcPlannerInfoImgClass,
-        wcPlannerWarningText: wcPlannerWarningTextClass,
-        wcPlannerInfoText: wcPlannerInfoTextClass,
-        wcClose: wcCloseClass,
-        wcCloseButton: wcCloseButtonClass,
-        item: item[1],
-        codex: item[0]
-      }, item[0]);
-    })
-  });
-};
-var index = observer(PlannerMsgContainer);
-
-export { index as default };

package/build/esm/index-bc9f0ca1.js

@@ -1,59 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-eb690ecd.js';
-import 'react';
-import SettingsItemHeader from './index-9eef9b9a.js';
-import { jsx } 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 'mobx-react-lite';
-import 'classnames';
-import './index-371fa828.js';
-import './index-6eb7f588.js';
-import './index-76e95b39.js';
-import 'react-dropdown';
-import './index-fd078166.js';
-import './index-3b566d58.js';
-import '@crystaldesign/content-box';
-import './index-4869e5e1.js';
-import './index-286d2c7b.js';
-import './index-24a34903.js';
-import './index-e242388c.js';
-import 'react-switch';
-import './index-b83c3daa.js';
-import './index-84b83a37.js';
-import './index-251a121e.js';
-import './index-c6af5e17.js';
-import './index-8b2dfdeb.js';
-import './index-66479def.js';
-import 'react-laag';
-import './index-b3ece5aa.js';
-import './index-77f95681.js';
-import './index-b101a47d.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}\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-c2e572aa.js

@@ -1,98 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.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';
-
-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-c382476a.js

@@ -1,77 +0,0 @@
-import { u as useViewHandler } from './index-eb690ecd.js';
-import { observer } from 'mobx-react-lite';
-import React, { Suspense } from 'react';
-import Planner2DGrid from './index-4194f2b3.js';
-import Planner3DImage from './index-f1d43871.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-47b8b4bb.js';
-import classnames from 'classnames';
-import Planner3DGrid from './index-2462905f.js';
-import PlannerMsgContainer from './index-eccf91a4.js';
-import PlannerUIVariant from './index-354e9281.js';
-import RotateInfo from './index-681a6238.js';
-import PromotedOpvs from './index-35b17283.js';
-import OrbitInteraction from './index-572ed59f.js';
-import { jsxs, 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-aa23a75e.js';
-import './index-2cb1ff25.js';
-import '@crystaldesign/content-box';
-
-var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-9407cb10.js');
-});
-var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-fda2cb47.js');
-});
-var ProductCenter = function ProductCenter(_ref) {
-  var style = _ref.style,
-    _ref$folderPosition = _ref.folderPosition,
-    folderPosition = _ref$folderPosition === void 0 ? 'right' : _ref$folderPosition;
-  var viewHandler = useViewHandler();
-  var showFolderButton = !viewHandler.uiState.ViewConfig.hideMobileFolder || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showFoldup = !viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsFoldedUp && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isMobilePortrait && !viewHandler.productState.roomListExpanded;
-  var showFoldDown = viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showOrbitCube = viewHandler.productState.doShowRenderImage && (!viewHandler.uiState.ViewConfig.dontShowOrbitInMobile || !viewHandler.getIsInMobileView()) && viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DImage' && viewHandler.productState.doShowRenderImage && !viewHandler.productState.plannerRenderingIsStaticBG;
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorProductCenter, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen ? undefined : fullscreen),
-    children: [/*#__PURE__*/jsx(PlannerMsgContainer, {}), /*#__PURE__*/jsx(Planner3DImage, {}), viewHandler.productState.allow3DComb && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(Planner3D, {})
-    }), /*#__PURE__*/jsx(Planner3DGrid, {}), (viewHandler.productState.allowRTV || viewHandler.productState.allowQRCodeAR) && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(PlannerRTV, {})
-    }), showOrbitCube && /*#__PURE__*/jsx(OrbitInteraction, {}), /*#__PURE__*/jsx(Planner2DGrid, {}), /*#__PURE__*/jsx(RotateInfo, {}), /*#__PURE__*/jsx(PromotedOpvs, {}), !viewHandler.productState.hidePlannerUiIcons && !(viewHandler.productState.doShowRTV || viewHandler.productState.doShow3DComb) && /*#__PURE__*/jsx(PlannerUIVariant, {}), viewHandler.productState.plannerMode == 'No' && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorArticleImage,
-      children: viewHandler.productState.articleImage && /*#__PURE__*/jsx("img", {
-        src: viewHandler.productState.articleImage,
-        className: center
-      })
-    }), showFolderButton && /*#__PURE__*/jsxs(Fragment, {
-      children: [showFoldDown && /*#__PURE__*/jsx("div", {
-        className: classnames(foldback, folderPosition === 'left' ? foldbackLeft : undefined),
-        onClick: viewHandler.uiState.onClickHideConfigSettings,
-        id: "btnFoldDown"
-      }), showFoldup && /*#__PURE__*/jsx("div", {
-        id: "btnFoldUp",
-        className: classnames(foldup),
-        onClick: viewHandler.uiState.onClickFoldupConfigSettings
-      })]
-    })]
-  });
-};
-var ProductCenter$1 = observer(ProductCenter);
-
-export { ProductCenter$1 as default };

package/build/esm/index-c48f61a8.js

@@ -1,97 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-6a3ab4c0.js';
-import ProductCenter from './index-c382476a.js';
-import ContentItemWrapper from './index-16a3b938.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import './index-e242388c.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-9a6def86.js';
-import './index-4194f2b3.js';
-import './index-f1d43871.js';
-import './index-aa23a75e.js';
-import './index.module-47b8b4bb.js';
-import './index-2cb1ff25.js';
-import './index-2462905f.js';
-import './index-eccf91a4.js';
-import './index-354e9281.js';
-import './index-681a6238.js';
-import './index-35b17283.js';
-import '@crystaldesign/content-box';
-import './index-572ed59f.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var arrow = "arrow-GTKSC";
-var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%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: contain;\n  z-index: 300;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["contentItemStartPos"];
-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(_ref) {
-  var _viewHandler$configSt2;
-  var contentItemStartPos = _ref.contentItemStartPos,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var ref = useRef(null);
-  var onClick = function onClick() {
-    if (ref.current) {
-      var scrollTo = ref.current.getBoundingClientRect().height;
-      if (ref.current.scrollTop > 100) {
-        scrollTo = 0;
-      }
-      ref.current.scrollTo({
-        top: scrollTo,
-        behavior: 'smooth'
-      });
-    }
-  };
-  useEffect(function () {
-    if (!ref) return;
-    viewHandler.productState.setProductElement(ref.current);
-  }, [ref]);
-  useEffect(function () {
-    var _viewHandler$configSt;
-    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
-      onClick();
-    }
-  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: ref
-  }, props), {}, {
-    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
-      className: arrow,
-      onClick: onClick
-    }), /*#__PURE__*/jsx(ProductCenter, {
-      style: {
-        height: 'calc(100% - 40px)',
-        width: 'calc(100% - 40px)',
-        top: 0,
-        margin: '20px'
-      }
-    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-      id: viewHandler.settingsState.contentItemId,
-      startPos: contentItemStartPos
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-c4c800ee.js

@@ -1,163 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import JSONEditor from 'jsoneditor';
-import DivaUtils from '@crystaldesign/diva-utils';
-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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-6V6Wr";
-var button = "button-VZm94";
-var infoWrapper = "infoWrapper-2WauG";
-var modifiedArticleList = "modifiedArticleList-jWfXL";
-var css_248z = ".wrapper-6V6Wr {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.button-VZm94 {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.infoWrapper-2WauG {\n  display: flex;\n  flex-direction: column;\n}\n\n.modifiedArticleList-jWfXL {\n  font-size: 10px;\n}\n";
-styleInject(css_248z);
-
-var JsonEditor = function JsonEditor(_ref) {
-  var json = _ref.json;
-    _ref.plannerArticles;
-    var curBox = _ref.curBox,
-    divaArticles = _ref.divaArticles;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(json !== null && json !== void 0 ? json : {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    validJson = _useState4[0],
-    setValidJson = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    modifiedArticles = _useState6[0],
-    setModifiedArticles = _useState6[1];
-  var actDivaArticle = divaArticles[curBox];
-  var options = {
-    mode: 'code',
-    onChange: function onChange() {
-      try {
-        var current = jsonEditor.current;
-        var e = current.get();
-        var valid = current.validate();
-        setValidJson(valid);
-      } catch (_unused) {
-        setValidJson(false);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    setValue(json);
-  });
-  useEffect(function () {
-    if (container.current) {
-      if (!jsonEditor.current) jsonEditor.current = new JSONEditor(container.current, options);
-      if (jsonEditor.current) jsonEditor.current.set(value);
-    }
-  }, [value]);
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var current;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            current = jsonEditor.current;
-            if (!(!current.get() || Object.keys(current.get()).length === 0)) {
-              _context.next = 4;
-              break;
-            }
-            alert('Cannot save empty value');
-            return _context.abrupt("return");
-          case 4:
-            actDivaArticle.catalogArticle.modifiedJ3D = current.get();
-            actDivaArticle.resetShelfPlanner();
-            _context.next = 8;
-            return actDivaArticle.updateShelfPlannerState();
-          case 8:
-            viewHandler.paletteViewHandler.updateCurPaletteData(false);
-            setModifiedInfo();
-            alert('Saved');
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickExport = function onClickExport() {
-    if (!modifiedArticles || modifiedArticles.length === 0) {
-      alert('No modified Article found');
-      return;
-    }
-    for (var i = 0; i < modifiedArticles.length; i++) {
-      DivaUtils.downloadStringAsTxtFile(modifiedArticles[i].j3d, 'text/plain', modifiedArticles[i].articleCodex + '.txt');
-    }
-  };
-  function setModifiedInfo() {
-    var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.allCatalogArticles;
-    var arr = [];
-    for (var key in articles) {
-      if (articles[key]['catalogArticle'].modifiedJ3D) arr.push({
-        articleCodex: key,
-        j3d: JSON.stringify(articles[key]['catalogArticle'].modifiedJ3D)
-      });
-    }
-    setModifiedArticles(arr);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '90%',
-        height: '100%'
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: infoWrapper,
-      children: [/*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      }), /*#__PURE__*/jsx("button", {
-        className: button,
-        onClick: function onClick() {
-          return onClickExport();
-        },
-        children: "Export modified J3D"
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("h5", {
-          children: "Modified Articles"
-        }), modifiedArticles.map(function (item, index) {
-          return /*#__PURE__*/jsx("p", {
-            className: modifiedArticleList,
-            children: item.articleCodex
-          }, index);
-        })]
-      })]
-    })]
-  });
-};
-var JsonEditor$1 = observer(JsonEditor);
-
-export { JsonEditor$1 as default };