@crystaldesign/diva-web-planner-react 24.12.0 → 24.12.1

package/build/esm/index-16b4b87a.js

@@ -0,0 +1,31 @@
+import { u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import { j as wcPlanner3DGrid } from './index.module-1f82676e.js';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var Planner3DGrid = function Planner3DGrid(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(_ref) {
+      return viewHandler.productState.setPlanner3DGridElement(_ref);
+    },
+    id: "diva3dImg_3DGrid",
+    className: wcPlanner3DGrid
+  });
+};
+
+export { Planner3DGrid as default };

package/build/esm/index-17b0508b.js

@@ -0,0 +1,95 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import PlannerMsgItem from './index-74254f6f.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 {\r\n  position: absolute;\r\n  top: 9%;\r\n  left: 50%;\r\n  max-width: 80%;\r\n  z-index: 101;\r\n}\r\n\r\n.expanded-U8H0E.wcPlanner_MsgContainerParent-WfaBR {\r\n  left: 27%;\r\n  max-width: 30%;\r\n}\r\n.wcPlanner_MsgContainer-pAU-r {\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  height: -moz-fit-content;\r\n  height: fit-content;\r\n  min-height: 35px;\r\n  transform: translate(-50%, 0);\r\n  background-color: rgba(255, 255, 255, 0.7);\r\n  padding: 1.2rem;\r\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\r\n  animation: fadein-3hKT0 0.5s;\r\n}\r\n\r\n.wcPlanner_MsgContainer_Hide-d6Efu {\r\n  animation: cssAnimation-PxysF 5s forwards;\r\n}\r\n\r\n@keyframes fadein-3hKT0 {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* Firefox < 16 */\r\n\r\n/* Safari, Chrome and Opera > 12.1 */\r\n\r\n/* Internet Explorer */\r\n\r\n/* Opera < 12.1 */\r\n@keyframes cssAnimation-PxysF {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  90% {\r\n    opacity: 0.8;\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n.wcPlanner_InfoContainer-31NTl {\r\n  border: 1px solid #3792cb;\r\n  float: left;\r\n}\r\n.wcPlanner_WarningContainer-iDg2J {\r\n  margin-bottom: 16px;\r\n  border: 1px solid #dfdfdf;\r\n}\r\n\r\n.wcPlanner_msgImg-QHnJP {\r\n  height: 30px;\r\n  width: 30px;\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n  top: calc(50% - 15px);\r\n  left: 10px;\r\n  position: absolute;\r\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%0D%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%0D%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcPlanner_InfoImg-E-1pp {\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%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%0D%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%0D%3Cstyle type%3D%22text%2Fcss%22%3E%0D%09.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%0D%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-linecap%3Around%3B%7D%0D%3C%2Fstyle%3E%0D%3Ccircle class%3D%22st0%22 cx%3D%2213%22 cy%3D%2213.2%22 r%3D%2211.8%22%2F%3E%0D%3Cpath class%3D%22st1%22 d%3D%22M13%2C11.6v7.8%22%2F%3E%0D%3Ccircle cx%3D%2213%22 cy%3D%227.9%22 r%3D%220.8%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcPlanner_WarningImg-Jbeq8 {\r\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%0D%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%0D%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n.wcPlanner_MsgText-JYxg8 {\r\n  font-size: 17px;\r\n  line-height: 20px;\r\n  word-break: break-word;\r\n  margin-left: 30px;\r\n  -webkit-text-stroke: 0.3px;\r\n  max-height: 200px;\r\n  overflow: auto;\r\n}\r\n\r\n.wcConfigurator-is-mobile-landscape--lWJs .wcPlanner_MsgText-JYxg8,\r\n.wcConfigurator-is-mobile-portrait-ipbTW .wcPlanner_MsgText-JYxg8 {\r\n  max-height: 70px;\r\n  overflow: auto;\r\n}\r\n\r\n.wcPlanner_WarningText-byrqX {\r\n  color: var(--primaryColor);\r\n}\r\n.wcPlanner_InfoText-qP0nc {\r\n  color: black;\r\n}\r\n\r\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 10px;\r\n  color: #747474;\r\n  width: 20px;\r\n  height: calc(100% - 40px);\r\n  cursor: pointer;\r\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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: 70%;\r\n}\r\n\r\n.wcPlanner_InfoContainerCollapsed-6uydm .wcClose-zokxf {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.wcPlanner_InfoContainerCollapsed-6uydm {\r\n  width: 10px;\r\n}\r\n\r\n.wcPlanner_InfoContainerCollapsed-6uydm .wcPlanner_InfoText-qP0nc {\r\n  display: none;\r\n}\r\n\r\n/* pfister style */\r\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\r\n  display: none;\r\n}\r\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-19008c8c.js

@@ -0,0 +1,112 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import SettingsHeaderContainer from './index-8d1d697a.js';
+import SettingsScroller from './index-87812dfe.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsxs, jsx, Fragment } 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 './index-ca0e4969.js';
+import './index-053d32e4.js';
+import './index-0b2690bb.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-327cd278.js';
+import 'react-laag';
+import './index-68f24f4a.js';
+import './index-a8f4c6d0.js';
+import 'sift';
+import './index-c84e2c9d.js';
+import './index-2ce21b8e.js';
+import './index-a638b452.js';
+import './index-339fe263.js';
+import './index.module-0c3a1f94.js';
+import './index-caa33034.js';
+import 'react-switch';
+import './index-55f945c0.js';
+import './index-a8d969d8.js';
+import 'react-dropdown';
+import './index-7dbf560b.js';
+import './index-abcc0f82.js';
+import './index-b34188dc.js';
+import './index-63cce023.js';
+import '@crystaldesign/content-box';
+import './index-2f1a0e04.js';
+import './index-972a9fb1.js';
+import './index-b5b683b5.js';
+import './index-4f5189b5.js';
+import './index-8161d3d2.js';
+import '@crystaldesign/products-component';
+import './index-0f8e2602.js';
+import './index-f5a4b8a0.js';
+import './index-bd162ad8.js';
+import './index-e4dd8413.js';
+import './index-2b309493.js';
+import './index-ef85426a.js';
+import './index-6891af5f.js';
+import './index-48a8a155.js';
+import './index-1a28e9b5.js';
+import './index-1bb9122f.js';
+import './index-473e0393.js';
+import './index-a76c6752.js';
+import './index-89cc3b90.js';
+import './index.module-d4c0130b.js';
+import './index-783af724.js';
+import './index-eefd4032.js';
+import './index-770767c2.js';
+import './index-7cab0762.js';
+import './index-b5e6499c.js';
+import './index-7531df3b.js';
+import './index-f214f28a.js';
+import './index.module-cb0c03a2.js';
+import './index-fde74907.js';
+import './index-9b97271d.js';
+import './index-0668dc6a.js';
+
+var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
+var tabsHorizontal = "tabs-horizontal-052sb";
+var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";
+var expanded = "expanded-iYIJH";
+var wcConfiguratorSettingsMinExpander = "wcConfigurator-settings-Min-expander-MkfBV";
+var wcConfiguratorSettingsMaxExpander = "wcConfigurator-settings-Max-expander-3DqcZ";
+var css_248z = ".wcConfigurator-settings-nB7sW {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n\r\n  /*pfister positionierung*/\r\n  background-color: var(--settingsBackgroundColor);\r\n\r\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\r\n}\r\n\r\n.tabs-horizontal-052sb .wcConfigurator-settings-nB7sW {\r\n  transition: height 0.45s ease, top 0.45s ease;\r\n}\r\n\r\n/* normal expander */\r\n.wcConfigurator-settings-expander-mf-Rs {\r\n  position: absolute;\r\n  top: calc(50% + 32px);\r\n  left: -32px;\r\n  width: 32px;\r\n  height: 48px;\r\n  background-color: var(--secondaryColor);\r\n  z-index: 300;\r\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%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%0D%09 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cstyle type%3D%22text%2Fcss%22%3E%0D%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0D%3C%2Fstyle%3E%0D%3Cg%3E%0D%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%0D%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");\r\n  background-size: 19.2px;\r\n}\r\n\r\n.expanded-iYIJH .wcConfigurator-settings-expander-mf-Rs {\r\n  transform: rotate(180deg);\r\n  border-radius: 0 3px 3px 0;\r\n}\r\n\r\n/*Min Max expander*/\r\n\r\n.wcConfigurator-settings-Min-expander-MkfBV,\r\n.wcConfigurator-settings-Max-expander-3DqcZ {\r\n  position: absolute;\r\n  top: calc(50% + 2rem);\r\n  width: 1rem;\r\n  height: 2rem;\r\n  z-index: 1060;\r\n  border-radius: var(--globalBorderRadius) 0 0 3px;\r\n  background-repeat: no-repeat;\r\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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  background-size: 1.2rem;\r\n  background-position: left;\r\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.wcConfigurator-settings-Max-expander-3DqcZ {\r\n  left: -1.1rem;\r\n}\r\n\r\n.wcConfigurator-settings-Min-expander-MkfBV {\r\n  left: 0.3rem;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.wcConfigurator-settings-Max-Expanded-zmWy6 .wcConfigurator-settings-Min-expander-MkfBV {\r\n  left: 0.5rem;\r\n  width: 1rem;\r\n}\r\n.wcConfigurator-settings-Min-Expanded-ZRHtW .wcConfigurator-settings-Max-expander-3DqcZ {\r\n  left: calc(-1 * (1.9rem));\r\n  left: calc(-1 * calc(1.9rem));\r\n  width: 1rem;\r\n}\r\n";
+styleInject(css_248z);
+
+var _excluded = ["className"];
+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 Settings = function Settings(_ref) {
+  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(className, wcConfiguratorSettings, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? tabsHorizontal : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
+    children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
+      className: wcConfiguratorSettingsExpander,
+      onClick: viewHandler.uiState.onClickExpandConfigSettings
+    }), !viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
+      children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
+        className: wcConfiguratorSettingsMaxExpander,
+        onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
+      }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
+        className: wcConfiguratorSettingsMinExpander,
+        onClick: viewHandler.uiState.onClickExpandMinConfigSettings
+      })]
+    })]
+  }));
+};
+var Settings$1 = observer(Settings);
+
+export { Settings$1 as default };

package/build/esm/index-1a28e9b5.js

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

package/build/esm/index-1a3da34b.js

@@ -0,0 +1,51 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-945074f1.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import ArticleOverview from './index-d4a87c7e.js';
+import JsonViewer from './index-26fd5353.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 './index.module-d4c830a3.js';
+import './index.module-03df1a8f.js';
+import 'classnames';
+import './index.module-94a16855.js';
+import 'react-collapsible';
+import 'react-json-view';
+
+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 JsonAnaylser = function JsonAnaylser(props) {
+  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
+    className: props.className,
+    style: {
+      userSelect: 'text'
+    },
+    ChildComponent: JsonViewer,
+    settings: [{
+      key: 'OPTIONSTATES',
+      name: 'Options States'
+    }, {
+      key: 'DECISIONS',
+      name: 'Decisions'
+    }, {
+      key: 'CONFIGTREE',
+      name: 'configtree'
+    }],
+    title: 'Artikel Übersicht'
+  }));
+};
+var JsonAnalyzer = observer(JsonAnaylser);
+
+export { JsonAnalyzer as default };

package/build/esm/index-1bb9122f.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-945074f1.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-1f4d58c4.js

@@ -0,0 +1,67 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import Toggle from './index-caa33034.js';
+import DivaUtils from '@crystaldesign/diva-utils';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+import 'classnames';
+import 'react-switch';
+
+var SummaryVariantButton = function SummaryVariantButton(_ref) {
+  var _variantPalette$1$gro;
+  _ref.item;
+  var viewHandler = useViewHandler();
+  var variantPalette = viewHandler.settingsState.itemPaletteArr.find(function (item) {
+    return item[1].type === 'VARIANTS' && item[1].visible;
+  });
+  if (!variantPalette) return /*#__PURE__*/jsx(Fragment, {});
+  var variants = (_variantPalette$1$gro = variantPalette[1].groups) === null || _variantPalette$1$gro === void 0 || (_variantPalette$1$gro = _variantPalette$1$gro[0]) === null || _variantPalette$1$gro === void 0 ? void 0 : _variantPalette$1$gro.items;
+  if (!(variants !== null && variants !== void 0 && variants.length)) return /*#__PURE__*/jsx(Fragment, {});
+  var copyTableToClipboard = function copyTableToClipboard() {
+    var html = '<h3>' + viewHandler.productState.webConifguratorTitle + ' - ' + Object.values(viewHandler.settingsState.articleInfos).map(function (article) {
+      return article.name;
+    }).join(', ') + '</h3>' + '<table>' + variants.map(function (variant) {
+      if (variant.index === undefined) return '';
+      return '<tr>' + '<td>' + 'index: ' + variant.index + '</td>' + variant.variantValues.map(function (values) {
+        return (values.optionValueImage ? '<td>' + '<img src="' + values.optionValueImage + '"/>' + '</td>' : '') +
+        //::::
+        '<td>' + (values.optionName + ' (' + values.opt.substring(3) + '):') + '<br/>' + (values.optionValueName + ' (' + values.opv.substring(3) + ')') + '</td>';
+      }).join('') + '<td>' + DivaUtils.formatPrice(variant.price) + '</td>' + '</tr>';
+    }).join('') + '</table>';
+    var blob = new Blob([html], {
+      type: 'text/html'
+    });
+    navigator.clipboard.write([new ClipboardItem(_defineProperty({}, blob.type, blob))]);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("button", {
+      onClick: copyTableToClipboard,
+      children: "als Tabelle kopieren"
+    }), /*#__PURE__*/jsx(Toggle, {
+      height: 32,
+      handleDiameter: 22,
+      width: 60,
+      onChange: function onChange() {
+        variants[0].onToggle(true);
+        viewHandler.paletteViewHandler.updateCurPaletteData(true);
+      },
+      state: !variants.find(function (variant) {
+        return variant.disabled;
+      })
+    })]
+  });
+};
+
+export { SummaryVariantButton as default };

package/build/esm/index-20c8e05c.js

@@ -0,0 +1,53 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var sumWrapper = "sum-wrapper-gnJDJ";
+var isMobile = "is-mobile-MyAw2";
+var priceWrapper = "price-wrapper-OEjmk";
+var price = "price-JPhUm";
+var betterPrice = "better-price-q5J8D";
+var canceled = "canceled-sYf8-";
+var css_248z = ".sum-wrapper-gnJDJ {\r\n  height: 40px;\r\n  line-height: 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  flex-grow: 1;\r\n}\r\n\r\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\r\n  line-height: 38px;\r\n  font-size: 18px;\r\n  justify-content: flex-end;\r\n  flex-wrap: nowrap;\r\n  gap: 12px;\r\n}\r\n\r\n.price-wrapper-OEjmk {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.price-JPhUm {\r\n  position: relative;\r\n  color: #262626;\r\n  text-wrap: nowrap;\r\n}\r\n\r\n.is-mobile-MyAw2 .price-JPhUm {\r\n  font-size: 15px;\r\n}\r\n\r\n.better-price-q5J8D {\r\n  color: #b1223f;\r\n  margin-right: 12px;\r\n}\r\n\r\n.price-JPhUm.canceled-sYf8- {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.price-JPhUm.canceled-sYf8-:before {\r\n  position: absolute;\r\n  content: '';\r\n  left: 0;\r\n  top: 42%;\r\n  right: 0;\r\n  border-top: 2px solid;\r\n  border-color: #b1223f;\r\n  transform: rotate(-7deg);\r\n}\r\n\r\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\r\n  top: 45%;\r\n}\r\n";
+styleInject(css_248z);
+
+var PriceSumm = function PriceSumm(props) {
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      children: t('configurator.Sum', 'Summe')
+    }), /*#__PURE__*/jsxs("div", {
+      className: priceWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
+        children: !hidePrices && viewHandler.productState.formatedCurSetPrice
+      }), viewHandler.productState.formatedBruttoPrice && !hidePrices && /*#__PURE__*/jsxs("div", {
+        className: classnames(price, canceled),
+        children: [" ", viewHandler.productState.formatedBruttoPrice]
+      })]
+    })]
+  });
+};
+var PriceSumm$1 = observer(PriceSumm);
+
+export { PriceSumm$1 as default };

package/build/esm/index-223b7361.js

@@ -0,0 +1,65 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var wrapper = "wrapper-GKYw3";
+var wcTabGroupItem = "wcTabGroupItem-xfakc";
+var portrait = "portrait-R75Hr";
+var landscape = "landscape-GMTKj";
+var wcActiveStep = "wcActiveStep-E81Bg";
+var wcStepNum = "wcStepNum-fDZJn";
+var horizontalLine = "horizontal-line-RQbQm";
+var css_248z = ".wrapper-GKYw3 {\r\n  display: flex;\r\n  align-items: center;\r\n  float: left;\r\n}\r\n\r\n.wcTabGroupItem-xfakc {\r\n  height: 100%;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  border: none;\r\n  transition: background-color 0.3s ease-out;\r\n  line-height: 56px;\r\n  padding: 0 13px;\r\n  color: #b5b5b5;\r\n}\r\n.portrait-R75Hr.wcTabGroupItem-xfakc,\r\n.landscape-GMTKj.wcTabGroupItem-xfakc {\r\n  line-height: 50px;\r\n}\r\n\r\n.wcTabGroupItem-xfakc:hover {\r\n  color: #262626;\r\n}\r\n\r\n.wcTabGroupItem-xfakc.wcActiveStep-E81Bg {\r\n  color: #262626;\r\n}\r\n\r\n.wcStepNum-fDZJn {\r\n  display: inline-block;\r\n  height: 24px;\r\n  width: 24px;\r\n  margin-right: 11px;\r\n  margin-top: 3px;\r\n  border: 1px solid #b5b5b5;\r\n  border-radius: 12px;\r\n  text-align: center;\r\n  line-height: 25px;\r\n  font-size: 16px;\r\n  color: #b5b5b5;\r\n}\r\n\r\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\r\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\r\n  color: #4f555b;\r\n  border: 1px solid #4f555b;\r\n}\r\n\r\n.horizontal-line-RQbQm {\r\n  width: 26px;\r\n  height: 0px;\r\n  border: 1px solid #bfbfbf;\r\n}\r\n";
+styleInject(css_248z);
+
+var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
+  var tabGroup = _ref.tabGroup;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+  };
+  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
+  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
+  var isLastItem = keys[keys.length - 1] == tabGroup.key;
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: tabGroupItemRef,
+      onClick: function onClick() {
+        return onTabGroupClick(tabGroup);
+      },
+      className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
+      children: [/*#__PURE__*/jsx("span", {
+        className: classnames(wcStepNum),
+        children: tabGroup.posNr
+      }), t('configurator.' + tabGroup.title, tabGroup.title)]
+    }), !isLastItem && /*#__PURE__*/jsx("div", {
+      className: horizontalLine
+    })]
+  });
+};
+var index = observer(TabGroupItemHorizontaRalph);
+
+export { index as default };