@crystaldesign/diva-web-planner-react 26.2.4-rc.1 → 26.2.4

package/build/esm/index-087c4d94.js

@@ -1,133 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-08498890.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-
-var wrapper = "wrapper-Hyxdk";
-var scrollable = "scrollable-yGfFP";
-var header = "header-u0XPA";
-var table = "table-TPfx-";
-var column = "column-xMOA0";
-var css_248z = ".wrapper-Hyxdk {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-yGfFP {\n  overflow: auto;\n  height: auto;\n  left: 50px;\n}\n.header-u0XPA {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-3YZ9o {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-TPfx- {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-TPfx- thead {\n  font-weight: bold !important;\n}\n.table-TPfx- thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-xMOA0 {\n  text-align: left;\n}\n.column-xMOA0:first-child {\n  height: 20px;\n}\n.column-xMOA0 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-xMOA0 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-xMOA0 th:last-child {\n  font-size: 12px;\n}\n\n.column-xMOA0 td {\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["onMouseDown"];
-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 GridOverview = function GridOverview(_ref) {
-  var _grids$setId;
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var set = viewHandler.divaWebPlanner.actSet();
-  var setId = set === null || set === void 0 ? void 0 : set.getSetId();
-  var grids = viewHandler.settingsState.generalPlanningState;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  if (!setId || viewHandler.uiState.isLoading || !grids) return /*#__PURE__*/jsx(Fragment, {});
-  var grid = (_grids$setId = grids[setId]) === null || _grids$setId === void 0 || (_grids$setId = _grids$setId.grids) === null || _grids$setId === void 0 ? void 0 : _grids$setId[0].matrix;
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        onMouseDown: onMouseDown,
-        children: "Grid \xDCbersicht"
-      }), /*#__PURE__*/jsx("input", {
-        type: "text",
-        placeholder: "Search for option",
-        onChange: function onChange(e) {
-          return setSearch(e.target.value);
-        }
-      }), !!grid.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("h3", {
-          children: "Grid Matrix"
-        }), /*#__PURE__*/jsx("table", {
-          className: table,
-          children: /*#__PURE__*/jsx("tbody", {
-            children: grid.map(function (x, idx) {
-              return /*#__PURE__*/jsx("td", {
-                className: column,
-                children: x.slice().reverse().map(function (y) {
-                  var _y$plannedElement, _y$plannedElement$ele, _y$plannedElement2;
-                  var basketId = (_y$plannedElement = y.plannedElement) === null || _y$plannedElement === void 0 ? void 0 : _y$plannedElement.basketId;
-                  var value = '';
-                  var valueLeft = '';
-                  var valueRight = '';
-                  var valueTop = '';
-                  var valueBottom = '';
-                  if (basketId && search) {
-                    var article = set === null || set === void 0 ? void 0 : set.getArticleByBasketId(basketId);
-                    var variantValues = article === null || article === void 0 ? void 0 : article.VariantValues;
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search]) {
-                      value = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_LINKS']) {
-                      valueLeft = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_LINKS'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_RECHTS']) {
-                      valueRight = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_RECHTS'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_OBEN']) {
-                      valueTop = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_OBEN'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_UNTEN']) {
-                      valueBottom = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_UNTEN'];
-                    }
-                  }
-                  return /*#__PURE__*/jsxs("tr", {
-                    style: {
-                      border: '1px solid black'
-                    },
-                    children: [/*#__PURE__*/jsxs("div", {
-                      style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: 10
-                      },
-                      children: [valueLeft && /*#__PURE__*/jsxs("div", {
-                        children: ["LINKS: ", valueLeft]
-                      }), value && /*#__PURE__*/jsx("div", {
-                        children: value
-                      }), valueRight && /*#__PURE__*/jsxs("div", {
-                        children: ["RECHTS: ", valueRight]
-                      }), valueTop && /*#__PURE__*/jsxs("div", {
-                        children: ["OBEN: ", valueTop]
-                      }), valueBottom && /*#__PURE__*/jsxs("div", {
-                        children: ["UNTEN: ", valueBottom]
-                      })]
-                    }), (_y$plannedElement$ele = (_y$plannedElement2 = y.plannedElement) === null || _y$plannedElement2 === void 0 ? void 0 : _y$plannedElement2.elementId) !== null && _y$plannedElement$ele !== void 0 ? _y$plannedElement$ele : '|']
-                  }, idx + '-' + y.index.y);
-                })
-              }, idx);
-            })
-          })
-        })]
-      })]
-    })
-  }));
-};
-var GridOverview$1 = observer(GridOverview);
-
-export { GridOverview$1 as default };

package/build/esm/index-0a8d3dcf.js

@@ -1,240 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-08498890.js';
-import { useEffect } from 'react';
-import Inputbox from './index-9f39bac3.js';
-import Settings from './index-0339398e.js';
-import TabGroup from './index-c1a2d4a4.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-466d67fa.js';
-import NavigationButtons from './index-85827b8c.js';
-import ContentItemWrapper from './index-82fc762c.js';
-import { jsxs, Fragment, 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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61fe224d.js';
-import './index-87040599.js';
-import './index-71bbd735.js';
-import './index-e56fbfe5.js';
-import './index-97fcb906.js';
-import './index-c8f64af1.js';
-import 'sift';
-import './index-6ffcfed9.js';
-import './index-8ed4c8dc.js';
-import './index-9fcec003.js';
-import './index-1fe25d66.js';
-import './index.module-e7e59c54.js';
-import './index-8745a7bc.js';
-import 'react-switch';
-import './index-f2a9ad72.js';
-import './index-f190d737.js';
-import './index-79bddfa6.js';
-import 'react-countup';
-import './index-cf03303d.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0f2c2d20.js';
-import 'react-dropdown';
-import './index-ca2da470.js';
-import './index-1914463a.js';
-import './index-bc82f02e.js';
-import './index-6a963eb2.js';
-import '@crystaldesign/content-box';
-import './index-e517e1fe.js';
-import './index-b7ab17cc.js';
-import './index-18106d29.js';
-import './index-b4c03bfc.js';
-import './index-2aace440.js';
-import './index-a1d51d01.js';
-import './index-9b799814.js';
-import './index-fa11c425.js';
-import './index-413ea3ee.js';
-import 'react-laag';
-import './index.module-3b472c0f.js';
-import './index-5eacd707.js';
-import './index-5f8ab09a.js';
-import './index-fa592f9f.js';
-import './index-140ddba4.js';
-import './index-a00a89d3.js';
-import './index-7dc572c6.js';
-import './index.module-31eedb30.js';
-import './index-991898d4.js';
-import './index-8dc617d6.js';
-import './index-339d0e8b.js';
-import './index-156422a6.js';
-import './index-520e1e7c.js';
-import './index-527dfe61.js';
-import './index-e184bb6a.js';
-import './index-89be7f59.js';
-import './index-dc6c305d.js';
-import './index-460ec3d8.js';
-import './index-82c1c8a6.js';
-import './index-b79a9345.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-957e2543.js';
-import 'rc-slider';
-import './index-140b61a2.js';
-import './index-aecefbb3.js';
-import './index-98d2ce46.js';
-import './index-c6f1d908.js';
-import './index-fcfd4194.js';
-import 'react-confetti-explosion';
-import './index-7f0a8ab9.js';
-import './index-d8927cb7.js';
-import './index-ec7f011b.js';
-import 'react-qr-code';
-import './index-15c590ff.js';
-import './useCustomDimensions-4d47a22a.js';
-import './index-6492a5a7.js';
-import './ussIsSticky-9bad1e95.js';
-import './index-8f457ff9.js';
-import './index-b59de631.js';
-import './index-6d541806.js';
-import './index.module-d1164153.js';
-import './index-898352ea.js';
-import './index-e92b8dae.js';
-import './index-149fec19.js';
-import './index-0b6bf1fd.js';
-import './index-7bff242c.js';
-import './index.module-46a60842.js';
-import './index-3616677a.js';
-import './index-437a27c1.js';
-import './index-3a6ce295.js';
-import './index-c73a45d4.js';
-import '@mui/material';
-import './index-46744ad0.js';
-import './index-ec5f11cf.js';
-import './index-113e4af4.js';
-import './index-c953184a.js';
-import './index-fb4ed3d4.js';
-import './index-3c9f98de.js';
-import './index-b216b22b.js';
-import './index.module-1f639888.js';
-import './index-8bf6ff0b.js';
-import './index-45481f3a.js';
-import './index-5963fa88.js';
-import './index-b0374409.js';
-import 'react-collapsible';
-import './index-bc6b2aad.js';
-import './index-5c049345.js';
-import './index-e507c104.js';
-import './index.module-d9d1d120.js';
-import 'react-json-view-lite';
-import './react-json-viewer-ff196e16.js';
-import './index-17118fa0.js';
-import './index.module-ef3567e6.js';
-import './DecisionVizualizer-20fb03b9.js';
-import 'react-draggable';
-import './index-0460923a.js';
-import './index-26f7f6ab.js';
-import './index-90c19179.js';
-import 'jsoneditor';
-import './index-88c366a4.js';
-import './index-bbbb70f6.js';
-import './index-e8e7a3e2.js';
-import './index-82d78fae.js';
-import './index-88280cec.js';
-import './index-9d03ad99.js';
-import './index-2f49fa80.js';
-import './index-8f1e4726.js';
-import './index.module-10fcd4db.js';
-import 'react-select';
-import './index-3b04d279.js';
-import './index-fdd5a827.js';
-import './index-62628719.js';
-import './index-40e33a2f.js';
-import './index-7f0ec404.js';
-import './index-b988d53d.js';
-import './index-44fb070c.js';
-import './index-2528f04d.js';
-import './index-b6b14c97.js';
-import './CatalogProperties-d3a9f65e.js';
-import './ArticleProperties-e62650cf.js';
-import './OptionProperties-0e7bcefe.js';
-import './OptionValueProperties-39f1a93f.js';
-import './index-087c4d94.js';
-import '@crystaldesign/content-item';
-
-var wcConfigurator = "wcConfigurator-XqlAg";
-var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
-var mobile = "mobile-PPTgR";
-var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
-var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
-styleInject(css_248z);
-
-var Wysiwyg = function Wysiwyg(props) {
-  var _viewHandler$uiState$;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions,
-        showBackButtonText: true,
-        showCheckoutButtons: false
-      }), /*#__PURE__*/jsx(Toolbar, {}), /*#__PURE__*/jsx(ContentItemWrapper, {
-        direction: "right",
-        mountElement: (_viewHandler$uiState$ = viewHandler.uiState.configuratorRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
-        drawerStyle: {
-          zIndex: 3000,
-          boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
-        }
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionForthWidth': 'calc(50% - 3px)',
-  '--configuratorActionBackWidth': 'calc(50% - 3px)',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Wysiwyg);
-
-export { cssVariables, index as default };

package/build/esm/index-0acf7575.js

@@ -1,39 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-08498890.js';
-import classnames from 'classnames';
-import { toJS } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx, Fragment } 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 '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var infoContainer = "info-container-7yeog";
-var mobile = "mobile-EMOn-";
-var css_248z = ".info-container-7yeog {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.mobile-EMOn-.info-container-7yeog {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var ProductInfo = function ProductInfo(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(Fragment, {
-    children: viewHandler.settingsState.infoBoxContent && /*#__PURE__*/jsx("div", {
-      className: classnames(infoContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
-      children: viewHandler.settingsState.infoBoxContent && toJS(viewHandler.settingsState.infoBoxContent.content)
-    })
-  });
-};
-var ProductInfo$1 = observer(ProductInfo);
-
-export { ProductInfo$1 as default };

package/build/esm/index-0b6bf1fd.js

@@ -1,158 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-08498890.js';
-import 'react';
-import { S as SettingsItem } from './index-c8f64af1.js';
-import ContentItemTeaser from './index-7bff242c.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'sift';
-import './index-6ffcfed9.js';
-import './index-87040599.js';
-import './index-8ed4c8dc.js';
-import './index-9fcec003.js';
-import './index-1fe25d66.js';
-import './index.module-e7e59c54.js';
-import './index-8745a7bc.js';
-import 'react-switch';
-import './index-f2a9ad72.js';
-import './index-f190d737.js';
-import './index-79bddfa6.js';
-import 'react-countup';
-import './index-cf03303d.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0f2c2d20.js';
-import 'react-dropdown';
-import './index-ca2da470.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1914463a.js';
-import './index-bc82f02e.js';
-import './index-6a963eb2.js';
-import '@crystaldesign/content-box';
-import './index-e517e1fe.js';
-import './index-b7ab17cc.js';
-import './index-18106d29.js';
-import './index-b4c03bfc.js';
-import './index-2aace440.js';
-import './index-a1d51d01.js';
-import './index-9b799814.js';
-import './index-fa11c425.js';
-import './index-413ea3ee.js';
-import 'react-laag';
-import './index.module-3b472c0f.js';
-import './index-5eacd707.js';
-import './index-5f8ab09a.js';
-import './index-fa592f9f.js';
-import './index-140ddba4.js';
-import './index-a00a89d3.js';
-import './index-7dc572c6.js';
-import './index.module-31eedb30.js';
-import './index-991898d4.js';
-import './index-8dc617d6.js';
-import './index-339d0e8b.js';
-import './index-156422a6.js';
-import './index-520e1e7c.js';
-import './index-527dfe61.js';
-import './index-e184bb6a.js';
-import './index-89be7f59.js';
-import './index-dc6c305d.js';
-import './index-460ec3d8.js';
-import './index-82c1c8a6.js';
-import './index-b79a9345.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-957e2543.js';
-import 'rc-slider';
-import './index-140b61a2.js';
-import './index-aecefbb3.js';
-import './index-98d2ce46.js';
-import './index-c6f1d908.js';
-import './index-fcfd4194.js';
-import 'react-confetti-explosion';
-import './index-7f0a8ab9.js';
-import './index-d8927cb7.js';
-import './index-ec7f011b.js';
-import 'react-qr-code';
-import './index-15c590ff.js';
-import './useCustomDimensions-4d47a22a.js';
-import './index-6492a5a7.js';
-import './ussIsSticky-9bad1e95.js';
-import './index-8f457ff9.js';
-import './index-b59de631.js';
-import './index-6d541806.js';
-import './index.module-d1164153.js';
-import './index-898352ea.js';
-import './index-e92b8dae.js';
-import './index-149fec19.js';
-
-var wrapper = "wrapper-u-Jk1";
-var left = "left-T5gs2";
-var right = "right-VMURD";
-var verticalSeparator = "verticalSeparator-StcmY";
-var css_248z = ".wrapper-u-Jk1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .wrapper-u-Jk1 {\n  gap: 8px;\n}\n\n.left-T5gs2 {\n  flex: 1;\n}\n\n.right-VMURD {\n  flex: 1;\n}\n\n.verticalSeparator-StcmY {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}";
-styleInject(css_248z);
-
-var SettingsItemsGroup = function SettingsItemsGroup(_ref) {
-  var group = _ref.group;
-  useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: left,
-      children: group.left.map(function (id) {
-        var _item$contentItemTeas, _item$optionCodex, _item$contentItemTeas2;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas = item.contentItemTeaser) === null || _item$contentItemTeas === void 0 ? void 0 : _item$contentItemTeas.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey + item.id), ((_item$contentItemTeas2 = item.contentItemTeaser) === null || _item$contentItemTeas2 === void 0 ? void 0 : _item$contentItemTeas2.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: verticalSeparator
-    }), /*#__PURE__*/jsx("div", {
-      className: right,
-      children: group.right.map(function (id) {
-        var _item$contentItemTeas3, _item$optionCodex2, _item$contentItemTeas4;
-        var item = group.palettes.find(function (p) {
-          return p.id === id;
-        });
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [((_item$contentItemTeas3 = item.contentItemTeaser) === null || _item$contentItemTeas3 === void 0 ? void 0 : _item$contentItemTeas3.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: Number(item.id)
-          }, (_item$optionCodex2 = item.optionCodex) !== null && _item$optionCodex2 !== void 0 ? _item$optionCodex2 : item.configStepKey + item.id), ((_item$contentItemTeas4 = item.contentItemTeaser) === null || _item$contentItemTeas4 === void 0 ? void 0 : _item$contentItemTeas4.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
-            item: item.contentItemTeaser
-          }) : /*#__PURE__*/jsx(Fragment, {})]
-        });
-      })
-    })]
-  });
-};
-
-export { SettingsItemsGroup as default };

package/build/esm/index-0cbba0c6.js

@@ -1,70 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-08498890.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import ConceptGallery from './index-64e908ed.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/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 'swiper/react';
-import 'swiper/modules';
-import './index-3fc42a63.js';
-import './index-f2a9ad72.js';
-import 'react-collapsible';
-import './index-81db484b.js';
-import './index-335f416d.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ConceptFilter = function ConceptFilter(_ref) {
-  var additionalGroupFilter = _ref.additionalGroupFilter,
-    paletteId = _ref.paletteId;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    genericConceptItems = _useState2[0],
-    setGenericConceptItems = _useState2[1];
-  var palette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  useEffect(function () {
-    var _palette$conceptFilte;
-    var selected = (_palette$conceptFilte = palette === null || palette === void 0 ? void 0 : palette.conceptFilterValue) !== null && _palette$conceptFilte !== void 0 ? _palette$conceptFilte : '';
-    var newGenericConceptItems = additionalGroupFilter.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        onClick: function onClick() {
-          viewHandler.paletteViewHandler.onSelectFilter(paletteId, selected == item.key ? '' : item.key, 'CONCEPT');
-        },
-        selected: selected === item.key
-      });
-    });
-    setGenericConceptItems(newGenericConceptItems);
-  }, [additionalGroupFilter, palette]);
-  var bannerTitle = t('configurator.conceptFilter.infoTitle');
-  var bannerText = t('configurator.conceptFilter.infoText');
-  return /*#__PURE__*/jsx(ConceptGallery, {
-    genericConceptItems: genericConceptItems,
-    onClose: function onClose() {
-      return viewHandler.paletteViewHandler.onSelectFilter(paletteId, '', 'CONCEPT');
-    },
-    bannerTitle: bannerTitle,
-    bannerText: bannerText
-  });
-};
-var index = observer(ConceptFilter);
-
-export { index as default };