@crystaldesign/diva-web-planner-react 25.12.0 → 25.12.1

package/build/esm/index-27bae2af.js

@@ -1,206 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-c1f989fe.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-adef054f.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-f5f2b8d1.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-807f2661.js';
-import ArticleSelector from './index-79101fa9.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-json-view-lite';
-import 'react-draggable';
-import 'react-select';
-
-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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
-  var _article$decisionDebu;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return DivaUtils.Sleep(1000);
-            case 2:
-              setRerender(!rerender);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.tabGroupState.allTabGroups]);
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (set && !set.logDecisions) set.logDecisions = true;
-    return function () {
-      var set = viewHandler.divaWebPlanner.actSet();
-      if (set) set.logDecisions = false;
-    };
-  }, [viewHandler.uiState.isLoading]);
-  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-      return a.posNr == 1;
-    })),
-    _useState4 = _slicedToArray(_useState3, 2),
-    article = _useState4[0],
-    setArticle = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedRow = _useState6[0],
-    setSelectedRow = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filter$1 = _useState8[0],
-    setFilter = _useState8[1];
-  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - plann article"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var isIDMFormat = article.CatalogData.isIDMFormat;
-  var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
-  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - change config"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var entries = _toConsumableArray(Array(longestStack).keys());
-  var _onClick = function onClick(nr, row) {
-    var _selectedRow$decision, _selectedRow$decision2;
-    if (nr == ((selectedRow === null || selectedRow === void 0 || (_selectedRow$decision = selectedRow.decision) === null || _selectedRow$decision === void 0 ? void 0 : _selectedRow$decision.Number) || (selectedRow === null || selectedRow === void 0 || (_selectedRow$decision2 = selectedRow.decision) === null || _selectedRow$decision2 === void 0 ? void 0 : _selectedRow$decision2.decisionNo))) {
-      setSelectedRow(undefined);
-    } else setSelectedRow(row);
-  };
-  var filteredDecisions = [];
-  if (isIDMFormat) {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _featureRefs;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter$1 !== undefined && (_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter$1)
-          //!!(d.decision as IDMDecision).optionCombinations?.find((o) => Object.values(o.projectActions)?.find((da) => (da) == filter || da == filter)))
-          )
-        });
-      });
-    });
-  } else {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _DOC, _Options;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter$1 !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
-            var _doc$DA, _doc$JsFormula;
-            return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
-              return da.OptionCodex == filter$1 || da.DecisionNr == filter$1;
-            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter$1 + "'"));
-          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter$1))))
-        });
-      });
-    });
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsxs("a", {
-      className: header,
-      children: ["Decision history", /*#__PURE__*/jsx("input", {
-        value: filter$1,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT",
-        className: filter
-      })]
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsx("tr", {
-          className: column,
-          children: filteredDecisions.map(function (d, i) {
-            return /*#__PURE__*/jsx("th", {
-              children: i
-            }, i);
-          })
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: entries.map(function (x, i) {
-          return /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: filteredDecisions.map(function (d, j) {
-              var _d$i, _d$i2;
-              return /*#__PURE__*/jsx("th", {
-                onClick: function onClick() {
-                  return _onClick(d[i].nr, d[i]);
-                },
-                children: d[i].bold ? /*#__PURE__*/jsx("strong", {
-                  children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
-                }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
-              }, j);
-            })
-          }, i);
-        })
-      })]
-    }), selectedRow && /*#__PURE__*/jsx("div", {
-      className: decision,
-      children: /*#__PURE__*/jsx(DecisionVisualization, {
-        decision: selectedRow.decision,
-        snapshots: selectedRow.snapshots,
-        onClose: function onClose() {
-          return setSelectedRow(undefined);
-        }
-      })
-    })]
-  }));
-};
-var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
-
-export { DecisionAnalyzer$1 as default };

package/build/esm/index-28d482aa.js

@@ -1,43 +0,0 @@
-import { u as useViewHandler } from './index-c1f989fe.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import SettingsHeader from './index-4b789d70.js';
-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 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var SettingsHeaderContainer = function SettingsHeaderContainer(_ref) {
-  var _headerPalette$type, _headerPalette$type2;
-  var _ref$isScroller = _ref.isScroller,
-    isScroller = _ref$isScroller === void 0 ? false : _ref$isScroller;
-  var viewHandler = useViewHandler();
-  var headerPalette = viewHandler.settingsState.itemPalettes.get(1);
-  if (!headerPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var showHeader = headerPalette.configStepKey !== 'CHECKOUT' && viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || ['PLANNER_2.0', 'SUMMARY', 'ACCESSOIRES', 'DoorPlanner'].includes(headerPalette.configStepKey) || headerPalette.configStepKey.startsWith('SHELFARTICLE') || !viewHandler.settingsState.allArticlesAreActive);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: showHeader && /*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: isScroller,
-      isSettingsHeader: !headerPalette.isHeader,
-      item: headerPalette,
-      header: true
-    })
-  });
-};
-var SettingsHeaderContainer$1 = observer(SettingsHeaderContainer);
-
-export { SettingsHeaderContainer$1 as default };

package/build/esm/index-2a55fd96.js

@@ -1,66 +0,0 @@
-import { u as useViewHandler } from './index-c1f989fe.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-3453215d.js';
-import Header from './index-a55f78dc.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassification(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _ref.height;
-    _ref.minHeight;
-  var viewHandler = useViewHandler();
-  var tabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var configSteps = Object.values(tabGroup.options).map(function (o) {
-    return Object.values(o.configSteps).map(function (s) {
-      return {
-        configStep: s,
-        option: o
-      };
-    });
-  }).flat();
-  return /*#__PURE__*/jsx("div", {
-    ref: tabGroupItemRef,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      open: true,
-      easing: "ease",
-      trigger: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: false
-      }),
-      triggerWhenOpen: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: true
-      }),
-      children: configSteps.map(function (step) {
-        return /*#__PURE__*/jsx(ConfigStep, {
-          step: step
-        }, step.configStep.key);
-      })
-    })
-  });
-};
-var index = observer(VerticalTabGroupItemClassification);
-
-export { index as default };

package/build/esm/index-2b219d2e.js

@@ -1,39 +0,0 @@
-import './index-c1f989fe.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import SVGSourceViewer from './index-c90ac99d.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var index = function index(props) {
-  var Component = /*#__PURE__*/jsx(SVGSourceViewer, {
-    curBox: props.curBox,
-    isExpanded: props.isExpanded,
-    state: props.selectedJson
-  });
-
-  //var Component = <SVGOverview plannerArticles={props.plannerArticles} curBox={props.curBox} isExpanded={props.isExpanded} />;
-
-  return /*#__PURE__*/jsx("div", {
-    children: Component
-  });
-};
-var SVGViewer = observer(index);
-
-export { SVGViewer as default };

package/build/esm/index-2b904bdf.js

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c1f989fe.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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 ProductRoomList = function ProductRoomList(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductCenter/RoomListSelection"
-  }));
-};
-
-export { ProductRoomList as default };

package/build/esm/index-2d18eded.js

@@ -1,44 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-c1f989fe.js';
-import 'react';
-import BasketAction from './index-128164d8.js';
-import { observer } from 'mobx-react-lite';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index.module-8e7ea0bd.js';
-import './index-9525f5b3.js';
-import 'react-countup';
-
-var wcCheckoutButtonText = "wcCheckoutButtonText-bETEx";
-var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-iT78h";
-var css_248z = ".wcCheckoutButtonText-bETEx {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.wcCheckoutButtonPrice-iT78h {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var BasketActionGold = function BasketActionGold(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(BasketAction, _objectSpread(_objectSpread({}, props), {}, {
-    buttonTextClassName: wcCheckoutButtonText,
-    buttonPriceClassName: wcCheckoutButtonPrice,
-    price: viewHandler.productState.formatedCurSetPrice
-  }));
-};
-var ActionBasket = observer(BasketActionGold);
-
-export { ActionBasket as default };

package/build/esm/index-2dab009e.js

@@ -1,65 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-c1f989fe.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-var wrapper = "wrapper-ME1ik";
-var articleItem = "article-item-QRsJ3";
-var mobile = "mobile-OaLLm";
-var tablet = "tablet--AXuC";
-var small = "small--NOHl";
-var plus = "plus-V8-nJ";
-var imageWrapper = "imageWrapper-ZyJki";
-var sel = "sel-F3oym";
-var wcImage = "wcImage-GmO2-";
-var titleWrapper = "titleWrapper-Ai4x0";
-var title = "title-mY2cN";
-var trashIcon = "trash-icon-vdYHe";
-var css_248z = "/*Size Normal */\n\n.wrapper-ME1ik {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.article-item-QRsJ3 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .article-item-QRsJ3 {\n  width: 70px;\n}\n\n.small--NOHl.article-item-QRsJ3 {\n  width: 60px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .small--NOHl.article-item-QRsJ3 {\n  width: 46px;\n}\n\n.plus-V8-nJ {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.mobile-OaLLm .plus-V8-nJ {\n  width: 28px;\n  height: 28px;\n}\n.tablet--AXuC .plus-V8-nJ {\n  width: 32px;\n  height: 32px;\n}\n.small--NOHl.plus-V8-nJ {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.mobile-OaLLm .small--NOHl.plus-V8-nJ {\n  width: 22px;\n  height: 22px;\n}\n.tablet--AXuC .small--NOHl.plus-V8-nJ {\n  width: 26px;\n  height: 26px;\n}\n\n.article-item-QRsJ3:active,\n.article-item-QRsJ3:hover,\n.plus-V8-nJ:hover,\n.plus-V8-nJ:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper-ZyJki {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ.sel-F3oym:hover .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-F3oym .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GmO2- {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.plus-V8-nJ .imageWrapper-ZyJki {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.plus-V8-nJ .wcImage-GmO2- {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.sel-F3oym .wcImage-GmO2-,\n.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.plus-V8-nJ.sel-F3oym .wcImage-GmO2-,\n.plus-V8-nJ.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.titleWrapper-Ai4x0 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  opacity: 0;\n  display: none;\n}\n\n.title-mY2cN {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .title-mY2cN {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-QRsJ3:hover .title-mY2cN,\n.article-item-QRsJ3:focus .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:hover .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:focus .title-mY2cN {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.small--NOHl .title-mY2cN {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  max-height: 14px;\n}\n\n.trash-icon-vdYHe {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .trash-icon-vdYHe {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.sel-F3oym .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.article-item-QRsJ3.small--NOHl .trash-icon-vdYHe {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wrapper-ME1ik:not(.mobile-OaLLm) .article-item-QRsJ3:hover .trash-icon-vdYHe,\n.wrapper-ME1ik:not(.mobile-OaLLm) .small--NOHl.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .sel-F3oym.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trash-icon-vdYHe:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n";
-styleInject(css_248z);
-
-var addElementImage = "data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.1518%2021.4198C17.064%2021.4198%2021.8568%2016.627%2021.8568%2010.7148C21.8568%204.80262%2017.064%200.00982666%2011.1518%200.00982666C5.23957%200.00982666%200.446777%204.80262%200.446777%2010.7148C0.446777%2016.627%205.23957%2021.4198%2011.1518%2021.4198Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%3Cpath%20d%3D%22M11.2469%205.00983V16.6098%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.44678%2010.8097H17.0468%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
-
-var AddElement = function AddElement(_ref) {
-  var _viewHandler$settings;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var isSelected = ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) == 'add' || Object.keys(viewHandler.settingsState.articleInfos).length == 0;
-  var onClick = function onClick() {
-    var elements = viewHandler.paletteViewHandler.planner2Dot0Items.getAllItems();
-    var incompleteElement = elements.find(function (p) {
-      return p.incomplete;
-    });
-    var selectedElement = elements.find(function (p) {
-      var _viewHandler$settings2;
-      return p.basketId == ((_viewHandler$settings2 = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.basketId);
-    });
-    viewHandler.paletteViewHandler.elementOverviewSelectionChanged(true, incompleteElement, selectedElement, 'add');
-    if ((incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id) === undefined) viewHandler.viewPlannerHandler.onClearElementSelection();else viewHandler.viewPlannerHandler.onElementSelected(incompleteElement.setId, incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id);
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    children: /*#__PURE__*/jsx("div", {
-      id: 'add',
-      className: classnames(plus, viewHandler.settingsState.isScrollingDown ? small : undefined, isSelected ? sel : undefined),
-      onClick: onClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(imageWrapper),
-        children: /*#__PURE__*/jsx("img", {
-          className: classnames(wcImage),
-          src: addElementImage
-        })
-      })
-    })
-  });
-};
-var AddElement$1 = observer(AddElement);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': AddElement$1
-});
-
-export { AddElement$1 as A, articleItem as a, sel as b, title as c, trashIcon as d, wrapper as e, tablet as f, index as g, imageWrapper as i, mobile as m, small as s, titleWrapper as t, wcImage as w };

package/build/esm/index-2e174d0b.js

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c1f989fe.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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 IsActive = function IsActive(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"
-  }));
-};
-
-export { IsActive as default };

package/build/esm/index-2efdd44c.js

@@ -1,54 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-c1f989fe.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { jsx } 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';
-
-var wrapper = "wrapper-8LcgO";
-var icon = "icon-TWMmb";
-var visible = "visible-RvpD0";
-var tablet = "tablet-XGdK1";
-var css_248z = ".wrapper-8LcgO {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.wrapper-8LcgO:hover {\n  scale: 0.8;\n}\n\n.wrapper-8LcgO:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.icon-TWMmb {\n  width: 20px;\n  height: 20px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.visible-RvpD0 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .wrapper-8LcgO {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.tablet-XGdK1 {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.tablet-XGdK1 .icon-TWMmb {\n  width: 26px;\n  height: 26px;\n}\n";
-styleInject(css_248z);
-
-var NavForwardButton = function NavForwardButton(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isVisible = _useState2[0],
-    setIsVisible = _useState2[1];
-  useEffect(function () {
-    setTimeout(function () {
-      setIsVisible(!viewHandler.actionButtonState.isOnLastStep && !viewHandler.actionButtonState.isOnFirstStepDisabled);
-    }, 400);
-  }, [viewHandler.actionButtonState.isOnLastStep, viewHandler.actionButtonState.isOnFirstStepDisabled]);
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, isVisible && visible, viewHandler.uiState.isTablet ? tablet : undefined),
-    onClick: function onClick() {
-      window.lastNavigationType = 'SETTINGS_SWIPER_FORWARD_BUTTON';
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: icon
-    })
-  });
-};
-var NavForwardButton$1 = observer(NavForwardButton);
-
-export { NavForwardButton$1 as default };