@crystaldesign/diva-web-planner-react 26.3.0-beta.44 → 26.3.0-beta.46

package/build/esm/index-8d0c5e75.js

@@ -1,190 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-90dcac79.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-21d6bd1a.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import 'react-dom';
-import './index-da40f83f.js';
-import 'react-rnd';
-
-var container = "container-43rJg";
-var item = "item-JRY9h";
-var itemActive = "itemActive-t605y";
-var badge = "badge-5hKWt";
-var badgeError = "badgeError-9Bm52";
-var badgeWarning = "badgeWarning-OJfXJ";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.item-JRY9h:hover {\n  background-color: #e8e8e8;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.itemActive-t605y {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.itemActive-t605y:hover {\n  background-color: #d5d5d5;\n}\n\n.badge-5hKWt {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.badgeError-9Bm52 {\n  background-color: #e53e3e;\n}\n\n.badgeWarning-OJfXJ {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .container-43rJg,\nbody.darkmode .container-43rJg {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .item-JRY9h:hover,\nbody.darkmode .item-JRY9h:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .itemActive-t605y,\nbody.darkmode .itemActive-t605y {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .itemActive-t605y:hover,\nbody.darkmode .itemActive-t605y:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n";
-styleInject(css_248z);
-
-var Toolbar = function Toolbar(_props) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3, _viewHandler$productS;
-  var viewHandler = useViewHandler();
-  var articles = (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 || (_viewHandler$divaWebP3 = _viewHandler$divaWebP2.getDivaArticles) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.call(_viewHandler$divaWebP2, undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
-  var dataCreationIssues = Object.values(articles).flatMap(function (a) {
-    var _a$dataCreationErrors;
-    return (_a$dataCreationErrors = a.dataCreationErrors) !== null && _a$dataCreationErrors !== void 0 ? _a$dataCreationErrors : [];
-  });
-  var errorCount = dataCreationIssues.filter(function (e) {
-    var _e$severity;
-    return ((_e$severity = e.severity) !== null && _e$severity !== void 0 ? _e$severity : 'error') === 'error';
-  }).length;
-  var warningCount = dataCreationIssues.filter(function (e) {
-    return e.severity === 'warning';
-  }).length + viewHandler.productState.plannerMessagesArr.filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      item = _ref2[1];
-    return item.type === 'WARNING';
-  }).length;
-  var infoCount = viewHandler.productState.plannerMessagesArr.filter(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      item = _ref4[1];
-    return item.type === 'INFO';
-  }).length;
-  var _useDivaCore = useDivaCore(),
-    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
-  var toggleWindow = function toggleWindow(type) {
-    if (viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type)) {
-      viewHandler.wysiwygDebugState.removeWysiwygWindow(type);
-    } else {
-      viewHandler.wysiwygDebugState.addWysiwygWindow(type);
-    }
-  };
-  var isActive = function isActive(type) {
-    return viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type);
-  };
-  var handleInspectViewChange = function handleInspectViewChange() {
-    var newValue = !viewHandler.wysiwygDebugState.wysiwygInspectView;
-    viewHandler.wysiwygDebugState.setWysiwygInspectView(newValue);
-    var actSet = viewHandler.divaWebPlanner.actSet();
-    if (actSet) actSet.inspectMode = newValue;
-    viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: item,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      }), /*#__PURE__*/jsx("div", {
-        className: viewHandler.wysiwygDebugState.wysiwygInspectView ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: handleInspectViewChange,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && handleInspectViewChange();
-        },
-        children: "Inspect"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PartList') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PartList');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PartList');
-        },
-        children: "St\xFCckliste"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PriceAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PriceAnalyzer');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PriceAnalyzer');
-        },
-        children: "Preise"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PriceList') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PriceList');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PriceList');
-        },
-        children: "Preisliste"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('DecisionAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('DecisionAnalyzer');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('DecisionAnalyzer');
-        },
-        children: "Decisions"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('OptionTreeTable') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('OptionTreeTable');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('OptionTreeTable');
-        },
-        children: "Option Tree"
-      }), /*#__PURE__*/jsxs("div", {
-        className: isActive('ErrorWarningOverview') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('ErrorWarningOverview');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('ErrorWarningOverview');
-        },
-        children: ["Errors & Warnings", errorCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeError),
-          children: errorCount
-        }), warningCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeWarning),
-          children: warningCount
-        }), errorCount === 0 && warningCount === 0 && infoCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeWarning),
-          children: infoCount
-        })]
-      }), wwsClient === 'Pfister' && /*#__PURE__*/jsx("div", {
-        className: isActive('ekText') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('ekText');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('ekText');
-        },
-        children: "Ek Text"
-      })]
-    })]
-  });
-};
-var Toolbar$1 = observer(Toolbar);
-
-export { Toolbar$1 as default };

package/build/esm/index-8da896b1.js

@@ -1,104 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-90dcac79.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wcToolbarFilter = "wcToolbarFilter-Gz4PK";
-var wcPlToolIcon = "wcPlToolIcon-UBaTH";
-var wcToolbarFilterExpanded = "wcToolbarFilterExpanded-Yi0L8";
-var wcToolbarFilterMaxExpanded = "wcToolbarFilterMaxExpanded-7XK-7";
-var wcToolbarCatalogItem = "wcToolbarCatalogItem-PuT3F";
-var mobile = "mobile-Bp3bL";
-var dockL = "DockL-2XY68";
-var isActive = "is-active-Ta3Um";
-var dockLr = "DockLR-PVa10";
-var dockR = "DockR-uK2j5";
-var dockNone = "DockNone-KdE70";
-var accessoire = "Accessoire-ZN7LO";
-var css_248z = "/*DOCKFilter*/\n.wcToolbarFilter-Gz4PK {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .wcToolbarFilter-Gz4PK {\n    display: none;\n  }\n}\n\n.wcPlToolIcon-UBaTH {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.wcToolbarFilterExpanded-Yi0L8 .wcPlToolIcon-UBaTH,\n.wcToolbarFilterMaxExpanded-7XK-7 .wcPlToolIcon-UBaTH {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.wcToolbarCatalogItem-PuT3F {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.mobile-Bp3bL .wcPlToolIcon-UBaTH {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.mobile-Bp3bL .wcToolbarCatalogItem-PuT3F {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.DockL-2XY68 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockL-2XY68.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockL%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(45.5 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2235 6.5 51.13 22.63 35 38.75 35 22.63 35 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockLR-PVa10 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockLR-PVa10.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 57.25 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockLR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.62%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22 transform%3D%22translate(57.75 45.5) rotate(180)%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 38.75 0 22.63 16.13 6.5 16.13 22.63 16.13 38.75%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2241.13 6.5 57.25 22.63 41.13 38.75 41.13 22.63 41.13 6.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockR-uK2j5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockR-uK2j5.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 51.12 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockR%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%229.12%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Cpolygon class%3D%22cls-2%22 points%3D%2216.13 39.25 0 23.13 16.13 7 16.13 23.13 16.13 39.25%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.DockNone-KdE70 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNone%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.DockNone-KdE70.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45.5 45.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d3d3d3%3Bstroke%3A%23d3d3d3%3Bstroke-miterlimit%3A10%3Bstroke-width%3A7px%3B%7D.cls-2%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EDockNoneOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_6%22 data-name%3D%22Ebene 6%22%3E%3Crect class%3D%22cls-1%22 x%3D%223.5%22 y%3D%223.5%22 width%3D%2238.5%22 height%3D%2238.5%22%2F%3E%3Crect class%3D%22cls-2%22 x%3D%2211.5%22 y%3D%2211%22 width%3D%2223%22 height%3D%2223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.Accessoire-ZN7LO {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Ctitle%3EPlus%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_3%22 data-name%3D%22Ebene 3%22%3E%3Cpath d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.Accessoire-ZN7LO.is-active-Ta3Um {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 43.05 43.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e77031%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EAddAccessoireOrange%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_2-2%22 data-name%3D%22Ebene 2%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M24.79%2C24.79V43.1H18.18V24.79H0V18.18H18.18V0h6.61V18.18H43.05v6.61Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z);
-
-var DockFilter = function DockFilter() {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var plannerItems = viewHandler.paletteViewHandler.plannerItems;
-  if (!plannerItems.doShowFilterTypes()) return /*#__PURE__*/jsx(Fragment, {});
-  var onSelectConfigFilter = function onSelectConfigFilter(paletteId, codex, filterType) {
-    viewHandler.paletteViewHandler.onSelectFilter(paletteId, codex, filterType);
-  };
-  return /*#__PURE__*/jsxs("ul", {
-    style: {
-      "float": viewHandler.getIsInMobileView() ? 'left' : 'none'
-    },
-    className: classnames(wcToolbarFilter, viewHandler.uiState.configSettingsIsExpanded ? wcToolbarFilterExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcToolbarFilterMaxExpanded : undefined, viewHandler.getIsInMobileView() ? mobile : undefined),
-    children: [viewHandler.settingsState.plannerFilter.curFilteredTypes['DockL'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockL', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockL, viewHandler.settingsState.plannerFilter.dockFilter['DockL'] ? isActive : undefined),
-        title: t('configurator.LEFT_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockLR'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockLR', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockLr, viewHandler.settingsState.plannerFilter.dockFilter['DockLR'] ? isActive : undefined),
-        title: t('configurator.MIDDLE_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockR'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockR', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockR, viewHandler.settingsState.plannerFilter.dockFilter['DockR'] ? isActive : undefined),
-        title: t('configurator.RIGHT_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['DockNone'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'DockNone', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, dockNone, viewHandler.settingsState.plannerFilter.dockFilter['DockNone'] ? isActive : undefined),
-        title: t('configurator.SOLO_ELEMENTS')
-      })
-    }), viewHandler.settingsState.plannerFilter.curFilteredTypes['Accessoire'] && /*#__PURE__*/jsx("li", {
-      className: wcToolbarCatalogItem,
-      onClick: function onClick() {
-        return onSelectConfigFilter(1, 'Accessoire', 'DockFilter');
-      },
-      children: /*#__PURE__*/jsx("span", {
-        className: classnames(wcPlToolIcon, accessoire, viewHandler.settingsState.plannerFilter.dockFilter['Accessoire'] ? isActive : undefined),
-        title: t('configurator.ACCESSOIRE_ELEMENTS')
-      })
-    })]
-  });
-};
-var DockFilter$1 = observer(DockFilter);
-
-export { DockFilter$1 as default };

package/build/esm/index-8dbe5a82.js

@@ -1,165 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-90dcac79.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-c723727d.js';
-import classnames from 'classnames';
-import TotalPrice from './index-a946e030.js';
-import SettingsItemsWrapper from './index-24393f84.js';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-b94655a2.js';
-import 'sift';
-import './index-3c43ae78.js';
-import './index-26a63d26.js';
-import './index-c0e6562e.js';
-import './index-3c20b1ad.js';
-import './index.module-f80101b2.js';
-import './index-170ed5e0.js';
-import './index-a2d87024.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-4f49ad7b.js';
-import 'react-dropdown';
-import './index-4a8d1d6f.js';
-import './index-a06e7ac2.js';
-import './index-e7220bc0.js';
-import './index-b5ba6dc2.js';
-import '@crystaldesign/content-box';
-import './index-92d087e6.js';
-import './index-02dda999.js';
-import './index-d36f63bc.js';
-import './index-4279f335.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-4358da5e.js';
-import './index-44f269cc.js';
-import './index-9e4ac98d.js';
-import './index-8f631b79.js';
-import './index-43c54cbe.js';
-import './index-34f5072b.js';
-import './index-02e3ca0a.js';
-import 'react-laag';
-import './index.module-12bffc06.js';
-import './index-122bb405.js';
-import './index-66839581.js';
-import './index-acc96e5a.js';
-import './index-d256a214.js';
-import './index-c026c3a5.js';
-import './index.module-ee166a9e.js';
-import './index-ca73747b.js';
-import './index-8b2a4478.js';
-import './index-84a1e0d8.js';
-import './index-88512c15.js';
-import './index-011691b7.js';
-import './index-33cf3107.js';
-import './index-2271e22c.js';
-import './index-82f461d1.js';
-import './index-4b72ab8b.js';
-import './index-7df5a3d1.js';
-import './index-95250dc0.js';
-import './index-c40190ec.js';
-import './index-dd348014.js';
-import 'rc-slider';
-import './index-b662ad31.js';
-import './index-27d2938c.js';
-import './index-5953ef9d.js';
-import './index-b1fd9648.js';
-import './index-6e1420ed.js';
-import 'react-confetti-explosion';
-import './index-32abe816.js';
-import './index-53e16c4b.js';
-import './index-e6b8b611.js';
-import 'react-qr-code';
-import './index-62a40166.js';
-import './useCustomDimensions-c9ffdeb1.js';
-import './index-0a6f0212.js';
-import './ussIsSticky-7607e75f.js';
-import './index-9fd80526.js';
-import './index-9511eede.js';
-import './index-127add0f.js';
-import './index.module-c967b589.js';
-import './index-5008d261.js';
-import './index-8eca9766.js';
-import './index-8401f60e.js';
-import './index-2fd92c3a.js';
-import './index-5422d67f.js';
-import './index-622ef6e9.js';
-
-var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
-var expanded = "expanded-r-uGX";
-var minExpanded = "minExpanded-oyaLK";
-var scrollerFlex = "scrollerFlex-XVfOS";
-var scrollerContentFill = "scrollerContentFill-p1UEK";
-var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.scrollerFlex-XVfOS {\n  display: flex;\n  flex-direction: column;\n}\n\n.scrollerFlex-XVfOS .scrollerContentFill-p1UEK {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n";
-styleInject(css_248z);
-
-var SettingsScroller = function SettingsScroller(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var settingsScrollerElement = useRef(null);
-  var itemPalettesArr = [];
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  var style = {};
-  var snapPoint = viewHandler.uiState.snapPoints[viewHandler.settingsState.activeSnapPointIndex];
-  var mobileHeight;
-  if (isNaN(Number(snapPoint))) {
-    mobileHeight = snapPoint;
-  } else {
-    mobileHeight = snapPoint - 38 + 'px';
-  }
-  if (viewHandler.uiState.isInMobileView) {
-    style.height = mobileHeight;
-  } else {
-    var _viewHandler$settings, _viewHandler$settings2;
-    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
-  }
-  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
-    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
-    if (!itemPalette.isRenderedNotInSettingPalette && itemPalette.visible) itemPalettesArr.push(itemPalette);
-  }
-  useEffect(function () {
-    if (viewHandler.uiState.configSettingsIsMinExpanded) viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS');else viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS');
-  }, [viewHandler.uiState.configSettingsIsExpanded, viewHandler.uiState.configSettingsIsMinExpanded]);
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, viewHandler.wysiwygDebugState.wysiwygInspectView && scrollerFlex),
-    id: "wcConfigurator-settings-scroller",
-    ref: settingsScrollerElement,
-    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && !viewHandler.wysiwygDebugState.wysiwygInspectView && /*#__PURE__*/jsx(SettingsHeaderContainer, {
-      isScroller: true
-    }, (_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__*/jsxs("div", {
-      className: classnames(viewHandler.wysiwygDebugState.wysiwygInspectView && scrollerContentFill),
-      children: [/*#__PURE__*/jsx(SettingsItemsWrapper, {
-        itemPalettesArr: itemPalettesArr
-      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
-    })]
-  });
-};
-var SettingsScroller$1 = observer(SettingsScroller);
-
-export { SettingsScroller$1 as default };

package/build/esm/index-8eb3e925.js

@@ -1,133 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, c as usePlannerUIHandler } from './index-90dcac79.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var mouseDownDetected = false;
-var polygonSelected = false;
-var Outline3D = function Outline3D(_ref) {
-  var items = _ref.items,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var viewHandler = useViewHandler();
-  var plannerUIHandler = usePlannerUIHandler();
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/jsx(Fragment, {});
-  var on3DPlannerBGClick = function on3DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-  };
-  var renderPolygon = function renderPolygon(item) {
-    switch (item.elemState) {
-      case 'selectable':
-        return /*#__PURE__*/jsx("polygon", {
-          onMouseUp: function onMouseUp(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction;
-              (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onTouchEnd: function onTouchEnd(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction2;
-              (_item$clickFunction2 = item.clickFunction) === null || _item$clickFunction2 === void 0 || _item$clickFunction2.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onMouseEnter: function onMouseEnter() {
-            if (!isDragging) plannerUIHandler.updateOnHoverOutline3D(true, item, 'PosNr');
-          },
-          onMouseLeave: function onMouseLeave() {
-            plannerUIHandler.updateOnHoverOutline3D(false, item, 'PosNr');
-          },
-          points: item.polygonPoints,
-          style: {
-            zIndex: item.zIndex
-          },
-          className: classnames(item.type == 'Outline3D' ? plannerUIProps.classes.outline.outline3D.outlinePolygon : undefined, item.type == 'Outline3D_Contour' ? plannerUIProps.classes.outline.outline3D.outlinePolygonContours : undefined)
-        }, item.key.toString());
-      case 'selected':
-        if (item.type == 'Outline3D_Contour') {
-          return /*#__PURE__*/jsx("polygon", {
-            points: item.polygonPoints,
-            style: {
-              zIndex: item.zIndex
-            },
-            className: classnames(plannerUIProps.classes.outline.outline3D.outlinePolygonContoursSel)
-          }, item.key.toString());
-        }
-    }
-    return '';
-  };
-  return /*#__PURE__*/jsx("svg", {
-    onMouseDown: function onMouseDown(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onTouchStart: function onTouchStart(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onMouseMove: function onMouseMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onTouchMove: function onTouchMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onMouseUp: function onMouseUp(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    ref: function ref(_ref2) {
-      viewHandler.productState.setPlanner3DImageSvgArea(_ref2);
-      //viewHandler.viewModel.htmlElementRefs.planner3DImageSvgArea = ref as any;
-    },
-    style: {
-      zIndex: 100,
-      touchAction: 'pan-x pan-y',
-      height: '100%'
-    },
-    className: classnames(plannerUIProps.classes.outline.outline3D.outlineSVG),
-    children: items.map(function (item, i) {
-      return renderPolygon(item);
-    })
-  }, items.length > 0 ? items[0].key : Math.random());
-};
-var Outline3D$1 = observer(Outline3D);
-
-export { Outline3D$1 as default };