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

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

@@ -1,117 +0,0 @@
-import './index-82b234eb.js';
-import 'react';
-import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-42c4e335.js';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-5c9c3c78.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-9ad55990.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-9f15b846.js';
-import PlannerUI from './index-bf9a9a85.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import './index-4c7f576b.js';
-import './index-1e184d0a.js';
-import './index-e9169464.js';
-import './index-44c1fc1b.js';
-import './index-80f6853e.js';
-import './index-9363ea02.js';
-import './index-b121af10.js';
-import './index-64f81be2.js';
-import './index-2c663159.js';
-import './index-3fbc12c0.js';
-import './index-fc1dd4cf.js';
-import './index-833923be.js';
-import './index-03ceaeb3.js';
-import 'react-draggable';
-import './index-4cab8849.js';
-import './index-a2690851.js';
-import './index-893d62e4.js';
-
-var StandardPlannerUI = function StandardPlannerUI() {
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  var plannerUIProps = {
-    classes: {
-      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
-      dockingPoint: {
-        AVL: {
-          avl: wcUi2DDpAvl,
-          avlSel: wcUi2DDpAvlSel
-        },
-        AVR: {
-          avr: wcUi2DDpAvr,
-          avrSel: wcUi2DDpAvrSel
-        },
-        DPACC: {
-          dp2DAccDocking: wcUi2DDpAvDocking,
-          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
-          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
-          dp3DAccDocking: wcUi3DDpAvDocking,
-          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
-          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
-        }
-      },
-      copy: {
-        BoxPlannerCopy: {
-          copyGlobal: wcBoxPlannerAddElement,
-          copyLeft: wcBoxPlannerAddElementLeft,
-          copyTop: wcBoxPlannerAddElementTop,
-          copyRight: wcBoxPlannerAddElementRight
-        },
-        ElementCopy: wcUiCopy
-      },
-      outline: {
-        outline2D: {
-          draggable: wcUi2DOutlineDraggable,
-          draggableActive: wcUi2DOutlineDraggableActive,
-          selectable: wcUi2DOutlineSelectable
-        },
-        outline3D: {
-          outlineSVG: wc3DOutlineSvg,
-          outlinePolygon: wc3DOutlinePolygon,
-          outlinePolygonContours: wc3DOutlinePolygonContours,
-          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
-        }
-      },
-      posNr: {
-        posNr: wcPlannerPosNr,
-        posNrAcc: '',
-        posNrSelectable: wcPlannerPosNrSelectable,
-        posNrSelectableArea: wcPlannerPosNrSelectableArea,
-        posNrSelected: wcPlannerPosNrSelected,
-        posNrUnSelectable: wcPlannerPosNrUnSelectable,
-        posNrOnHover: wcPlannerPosNrOnHover
-      },
-      rotation: {
-        rotClock: wc2DRotClock,
-        rotCounterClock: wc2DRotCounterClock,
-        rot3DGrid: wcPlanner3DRot
-      },
-      move3DGrid: {
-        move3DGrid: wcPlanner3DMove
-      },
-      trash: wcUiDel,
-      dimension: {
-        distanceToGround: wcPlannerDistanceToGround,
-        distanceToGroundIcon: wcPlannerArrowDistanceToGround
-      }
-    }
-  };
-  return /*#__PURE__*/jsx(PlannerUI, {
-    plannerUIProps: plannerUIProps
-  });
-};
-
-export { StandardPlannerUI as default };

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

@@ -1,55 +0,0 @@
-import { s as styleInject } from './index-82b234eb.js';
-import { observer } from 'mobx-react-lite';
-import Arrow from './index-a04783a4.js';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-
-var selectContainer = "select-container-IwjJt";
-var select = "select-ftXa-";
-var arrow = "arrow-vRzWc";
-var css_248z = ".select-container-IwjJt {\n  position: relative;\n}\n\n.select-ftXa- {\n  outline: none !important;\n}\n\n.select-ftXa- {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: 100%;\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.arrow-vRzWc {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n";
-styleInject(css_248z);
-
-var MobileDropdown = function MobileDropdown(_ref) {
-  var onChange = _ref.onChange,
-    mobileOptions = _ref.mobileOptions,
-    selectedOption = _ref.selectedOption,
-    id = _ref.id;
-  return /*#__PURE__*/jsxs("div", {
-    className: selectContainer,
-    id: id,
-    children: [/*#__PURE__*/jsx(Arrow, {
-      open: false,
-      className: arrow
-    }), /*#__PURE__*/jsx("select", {
-      className: select,
-      onChange: onChange,
-      value: selectedOption,
-      children: mobileOptions.map(function (option) {
-        return /*#__PURE__*/jsx("option", {
-          value: option.codex,
-          dangerouslySetInnerHTML: {
-            __html: option.text + (!!option.price ? '  -  ' + option.price : '')
-          }
-        }, option.codex);
-      })
-    })]
-  });
-};
-var MobileDropdown$1 = observer(MobileDropdown);
-
-export { MobileDropdown$1 as default };

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

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

package/build/esm/index-10ce4e1e.js

@@ -1,82 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-82b234eb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
-var portrait = "portrait-begxM";
-var settingsHidden = "settings-hidden-9Ubgy";
-var landscape = "landscape-m3RkP";
-var expanded = "expanded-D5PIt";
-var wcButton = "wcButton-2kxBv";
-var sel = "sel-4wfuc";
-var wcViewAs = "wc_ViewAs-QJyAI";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-SQUKh {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  bottom: 0px;\n}\n\n.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.landscape-m3RkP.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-D5PIt.wcConfigurator-product-footer-SQUKh {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:hover {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:active,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:active {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 260px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  min-width: 140px;\n}\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.wc_ViewAs-QJyAI {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.wc_ViewAs-QJyAI li {\n  display: block;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-10eb4c9f.js

@@ -1,49 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-82b234eb.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-85d8da27.js';
-import SVGViewer from './index-19d7459d.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index.module-0498c63f.js';
-import './index.module-c8c7a237.js';
-import 'classnames';
-import './index.module-0d920fdd.js';
-import 'react-collapsible';
-import './index-e0199350.js';
-import './index.module-f47f9e1a.js';
-import './index-1a09ef99.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 SVGAnalyser = function SVGAnalyser(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    ChildComponent: SVGViewer,
-    settings: [{
-      key: 'SVGSOURCE',
-      name: 'SVG Source'
-    }, {
-      key: 'SVGOVERVIEW',
-      name: 'SVG Übersicht'
-    }],
-    title: 'SVG Übersicht'
-  }));
-};
-var SVGAnalyzer = observer(SVGAnalyser);
-
-export { SVGAnalyzer as default };

package/build/esm/index-13f1f5b0.js

@@ -1,113 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-82b234eb.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import RalDropdownFilter from './index-d7479f3c.js';
-import SlideFilter from './index-59e479c5.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-dropdown';
-import 'classnames';
-import './index-a04783a4.js';
-import '@crystaldesign/content-box';
-import './index-232a731f.js';
-
-var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
-styleInject(css_248z);
-
-var defaultColorFilters = [{
-  rgb: '#CC3300',
-  text: 'red'
-}, {
-  rgb: '#FF8C00',
-  text: 'orange'
-}, {
-  rgb: '#E1C699',
-  text: 'beige'
-}, {
-  rgb: '#330000',
-  text: 'brown'
-}, {
-  rgb: '#F0E68C',
-  text: 'yellow'
-}, {
-  rgb: '#006633',
-  text: 'green'
-}, {
-  rgb: '#3333FF',
-  text: 'blue'
-}, {
-  rgb: '#6633FF',
-  text: 'violet'
-}, {
-  rgb: '#CCCCCC',
-  text: 'grey'
-}, {
-  rgb: '#000000',
-  text: 'black'
-}, {
-  rgb: '#eeeeee',
-  text: 'white'
-}, {
-  rgb: '#eeeeee',
-  text: 'else'
-}];
-
-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 RalFilter = function RalFilter(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var palette = viewHandler.settingsState.itemPalettes.get(props.id);
-  var visibleColorItems = [];
-  var deleteCurValue = function deleteCurValue() {
-    viewHandler.paletteViewHandler.onSelectFilter(props.id, '', 'RAL');
-  };
-  useEffect(function () {
-    if (palette && !(palette !== null && palette !== void 0 && palette.deleteCurFilter)) palette.deleteCurFilter = deleteCurValue;
-  }, [palette]);
-  palette === null || palette === void 0 || palette.groups.map(function (group) {
-    return group.items.map(function (itemP) {
-      var _item$colorGroups;
-      var item = itemP;
-      if (!((_item$colorGroups = item.colorGroups1) !== null && _item$colorGroups !== void 0 && _item$colorGroups.length)) return;
-      var colorGroups = [item.colorGroups1, item.colorGroups2, item.colorGroups3];
-      var _loop = function _loop() {
-        var groups = colorGroups[i];
-        var group = defaultColorFilters.find(function (group) {
-          return group.text === groups;
-        });
-        if (group && !visibleColorItems.find(function (i) {
-          return i.text === groups;
-        })) {
-          visibleColorItems.push(group);
-        }
-      };
-      for (var i = 0; i < colorGroups.length; i++) {
-        _loop();
-      }
-    });
-  });
-  if (viewHandler.uiState.isInMobileView && viewHandler.getViewConfig().ralFilter) return /*#__PURE__*/jsx(SlideFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));else return /*#__PURE__*/jsx(RalDropdownFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));
-};
-var RALFilter = observer(RalFilter);
-
-export { RALFilter as default };

package/build/esm/index-162653a9.js

@@ -1,110 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-82b234eb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import OptionSelector from './index-5875b6d8.js';
-import LayoutSelection from './index-c634a2ef.js';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-dropdown';
-import './index.module-5c7c3216.js';
-import './index-a04783a4.js';
-
-var wrapper = "wrapper-XC8ci";
-var scrollable = "scrollable-Smp2u";
-var header = "header-Jz4n0";
-var container = "container-sjWkB";
-var css_248z = ".wrapper-XC8ci {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-Smp2u {\n  overflow: auto;\n  left: 50px;\n}\n.header-Jz4n0 {\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.container-sjWkB {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\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 CatalogMakeup = function CatalogMakeup(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    origOptions = _useState2[0],
-    setOrigOptions = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOption = _useState4[0],
-    setSelectedOptions = _useState4[1];
-  var currentOption = origOptions === null || origOptions === void 0 ? void 0 : origOptions.find(function (o) {
-    return o.codex === selectedOption;
-  });
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    var options = set === null || set === void 0 ? void 0 : set.CatalogData.getOptions();
-    if (options !== null && options !== void 0 && options.length) {
-      setOrigOptions(options);
-    }
-  }, [viewHandler.settingsState.configChanged]);
-  useEffect(function () {
-    var currentOption = origOptions === null || origOptions === void 0 ? void 0 : origOptions.find(function (o) {
-      return o.codex === selectedOption;
-    });
-    if (currentOption) {
-      naviagateToOption(currentOption);
-    }
-  }, [selectedOption]);
-  var naviagateToOption = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(option) {
-      var configStep;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            configStep = viewHandler.configuratorStructureHandler.getFirstConfigStepByOptionCodex(option.codex);
-            if (!configStep) {
-              _context.next = 7;
-              break;
-            }
-            viewHandler.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(configStep === null || configStep === void 0 ? void 0 : configStep.key);
-            viewHandler.updateConfiguratorState(true);
-            _context.next = 6;
-            return DivaUtils.Sleep(100);
-          case 6:
-            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(configStep.posNr, true);
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function naviagateToOption(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "CatalogMakeup"
-      }), /*#__PURE__*/jsxs("div", {
-        className: container,
-        children: [/*#__PURE__*/jsx(OptionSelector, {
-          options: origOptions,
-          optionState: [selectedOption, setSelectedOptions]
-        }), currentOption && /*#__PURE__*/jsx(LayoutSelection, {
-          option: currentOption
-        }, currentOption.codex)]
-      })]
-    })
-  }));
-};
-var CatalogMakeup$1 = observer(CatalogMakeup);
-
-export { CatalogMakeup$1 as default };

package/build/esm/index-16326f1f.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-82b234eb.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var NavigationButtons = function NavigationButtons(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Action/Navigation"
-  }));
-};
-
-export { NavigationButtons as default };