@crystaldesign/diva-web-planner-react 24.11.0 → 24.11.1

package/build/esm/index-506b05bd.js

@@ -1,167 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import { useEffect } from 'react';
-import Inputbox from './index-d0f28655.js';
-import Product from './index-3e7715a6.js';
-import Settings from './index-ea6e93f1.js';
-import TabGroup from './index-f848f570.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-90c552cd.js';
-import './index-a6a32ebd.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-ed959987.js';
-import './index-0cc75729.js';
-import './index-94db34a7.js';
-import './index-e24e318e.js';
-import './index-c4a170c0.js';
-import './index.module-92dc1689.js';
-import './index-a95a2c76.js';
-import './index-f9068fcb.js';
-import './index-493d8c54.js';
-import './index-710506ce.js';
-import './index-1371aac0.js';
-import './index-0afbc6bf.js';
-import '@crystaldesign/content-box';
-import './index-42d77ae5.js';
-import './index-26f8a6f4.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-e8634331.js';
-import './index-40c59259.js';
-import './index-73fd558b.js';
-import './index-9d5346ea.js';
-import './index-95e686fe.js';
-import 'react-laag';
-import './index-0e444930.js';
-import './index-2cde3401.js';
-import './index-46f51d6f.js';
-import 'sift';
-import './index-7ccc65da.js';
-import './index-89cbbf70.js';
-import './index-89d06f11.js';
-import './index-1e8b8742.js';
-import './index.module-554572ea.js';
-import './index-193e341d.js';
-import './index-9792f929.js';
-import './index-f735526e.js';
-import './index-97dd0b72.js';
-import './index-71e09ba6.js';
-import './index-fc89b69e.js';
-import './index-80813811.js';
-import './index-16f2c33d.js';
-import './index-7d3f6ebe.js';
-import './index-bcea3f10.js';
-import './index-afb5fb5d.js';
-import '@crystaldesign/products-component';
-import './index-27375692.js';
-import './index-a2341787.js';
-import './index-67d18e45.js';
-import './index-b29be090.js';
-import './index-b6bf3333.js';
-import './index-684ed601.js';
-import './index-d53cbefe.js';
-import './index-dd8dba83.js';
-import './index-538fdf33.js';
-import './index-acff910c.js';
-import './index-0e206c3f.js';
-import './index-73405966.js';
-import './index-e63eb8cf.js';
-import './index.module-f9ed15bf.js';
-import './index-4128ec05.js';
-import './index-5afa8ae8.js';
-import './index-fc7ffbaa.js';
-import './index-76364dda.js';
-import './index-59a3b196.js';
-import './index-b14e742e.js';
-import './index-ec7a941f.js';
-import './index.module-4b848fc5.js';
-import './index-61e1a114.js';
-import './index-2ea4ad37.js';
-import './index-84207333.js';
-import './index-463de988.js';
-import './index-7d8e85e9.js';
-import './index-c9c3db8a.js';
-import './index-4b6e23d0.js';
-import './index-8e45dee1.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\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}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  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: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };

package/build/esm/index-50c80005.js

@@ -1,42 +0,0 @@
-import './index-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var ElementCopy = function ElementCopy(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.copy.ElementCopy, plannerUIProps.classes.buttonGeneral)
-  });
-};
-var ElementCopy$1 = observer(ElementCopy);
-
-export { ElementCopy$1 as default };

package/build/esm/index-51a068d6.js

@@ -1,76 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var optionTitleWrapper = "option-title-wrapper-nelTh";
-var optionTitle = "option-title-b23DF";
-var defined = "defined-9MId3";
-var current = "current-XPc15";
-var optionValue = "option-value-0dXL2";
-var disabled = "disabled-YODb1";
-var css_248z = ".option-title-wrapper-nelTh {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.option-title-wrapper-nelTh:hover {\n  background-color: #4b6e84;\n}\n\n.option-title-b23DF {\n  font-weight: 600;\n}\n.defined-9MId3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.defined-9MId3:hover {\n  background-color: #134054;\n}\n.current-XPc15 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.option-value-0dXL2 {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.disabled-YODb1 {\n  background-color: #9da7ad;\n}\n.option-title-wrapper-nelTh.disabled-YODb1:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n";
-styleInject(css_248z);
-
-var OptionStepComponent = function OptionStepComponent(_ref) {
-  var _configStep$optionsta, _configStep$optionsta2, _configStep$optionsta3, _configStep$optionsta4, _configStep$optionsta5, _configStep$optionsta6;
-  var _ref$step = _ref.step,
-    option = _ref$step.option,
-    configStep = _ref$step.configStep;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var value = (_configStep$optionsta = configStep.optionstate) === null || _configStep$optionsta === void 0 ? void 0 : _configStep$optionsta.valName;
-  if ((_configStep$optionsta2 = configStep.optionstate) !== null && _configStep$optionsta2 !== void 0 && _configStep$optionsta2.isDifferentOption) {
-    value = 'divers';
-  } else if ((_configStep$optionsta3 = configStep.optionstate) !== null && _configStep$optionsta3 !== void 0 && _configStep$optionsta3.freeTextLang) {
-    var text = '';
-    var freetexts = configStep.optionstate.freeTextLang;
-    for (var key in freetexts) {
-      var _freetexts$key;
-      text += key + ': ' + ((_freetexts$key = freetexts[key]) !== null && _freetexts$key !== void 0 ? _freetexts$key : '') + ';';
-    }
-    if (text) value = text;
-  } else if ((_configStep$optionsta4 = configStep.optionstate) !== null && _configStep$optionsta4 !== void 0 && _configStep$optionsta4.freeText) {
-    value = configStep.optionstate.freeText + (!viewHandler.getViewConfig().hideMeasureUnit ? ' ' + configStep.optionstate.measureUnit : '');
-  } else if ((_configStep$optionsta5 = configStep.optionstate) !== null && _configStep$optionsta5 !== void 0 && _configStep$optionsta5.isMultiselect && (_configStep$optionsta6 = configStep.optionstate) !== null && _configStep$optionsta6 !== void 0 && (_configStep$optionsta6 = _configStep$optionsta6.multiSelects) !== null && _configStep$optionsta6 !== void 0 && _configStep$optionsta6.length) {
-    var _configStep$optionsta7, _configStep$optionsta8;
-    value = ((_configStep$optionsta7 = (_configStep$optionsta8 = configStep.optionstate) === null || _configStep$optionsta8 === void 0 ? void 0 : _configStep$optionsta8.multiSelects) !== null && _configStep$optionsta7 !== void 0 ? _configStep$optionsta7 : []).map(function (opv) {
-      return opv.name;
-    }).join(',');
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined),
-    title: configStep.isDisabledByDiverseParentOption ? t('configurator.disable_tabgroup_classification') : undefined,
-    onClick: function onClick() {
-      if (configStep.isDisabledByDiverseParentOption) return;
-      viewHandler.navigateToConfigStep(configStep.key);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: optionTitle,
-      title: !configStep.isDisabledByDiverseParentOption ? option.codex : undefined,
-      children: option.title
-    }), /*#__PURE__*/jsx("div", {
-      className: optionValue,
-      title: !configStep.isDisabledByDiverseParentOption ? value : undefined,
-      children: value
-    })]
-  });
-};
-var ConfigStep = observer(OptionStepComponent);
-
-export { ConfigStep as default };

package/build/esm/index-51bbb435.js

@@ -1,82 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var inputBox = "inputBox-wq5O7";
-var css_248z = ".inputBox-wq5O7 {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n";
-styleInject(css_248z);
-
-var NumberInput = function NumberInput(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  var _useState = useState(item.numberInput),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputGotChangedByComponent = _useState4[0],
-    setInputGotChangedByComponent = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    invalidValue = _useState6[0],
-    setInvalidValue = _useState6[1];
-  useEffect(function () {
-    var _item$groups;
-    var opvItem = (_item$groups = item.groups) === null || _item$groups === void 0 || (_item$groups = _item$groups[0].items) === null || _item$groups === void 0 ? void 0 : _item$groups[0];
-    if (inputValue && opvItem && !isNaN(inputValue) && Number(opvItem.measureMinimum) <= inputValue && Number(opvItem.measureMaximum) >= inputValue) {
-      setInvalidValue(false);
-      if (inputValue !== Number(opvItem.freeText)) {
-        if (inputGotChangedByComponent) {
-          setInputGotChangedByComponent(false);
-          onRangeChange(opvItem);
-        }
-      }
-    } else {
-      setInvalidValue(true);
-    }
-  }, [inputValue]);
-  useEffect(function () {
-    setInputValue(item.numberInput);
-  }, [item]);
-  var onRangeChange = function onRangeChange(opvItem) {
-    if (inputValue) {
-      viewHandler.paletteViewHandler.onRangeClickChange(item, opvItem, inputValue.toString());
-    }
-  };
-  var onChange = function onChange(e) {
-    var newVal = Number(e.target.value);
-    if (newVal >= 0) {
-      setInputGotChangedByComponent(true);
-      setInputValue(newVal);
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [': ', /*#__PURE__*/jsx("input", {
-      className: inputBox,
-      onInput: onChange,
-      style: {
-        color: invalidValue ? 'red' : undefined
-      },
-      type: "number",
-      value: inputValue
-    }), ' ', item.measureUnit]
-  });
-};
-var NumberInput$1 = observer(NumberInput);
-
-export { NumberInput$1 as default };

package/build/esm/index-52866ccf.js

@@ -1,102 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-4f23a188.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d5b9eee6.js';
-import './index.module-e5c4422b.js';
-import './index-ce490cda.js';
-import './index-88a1e093.js';
-import 'classnames';
-import './index-ab829d63.js';
-import 'react-collapsible';
-import './index-9a6c023e.js';
-import './index-d5cf3f49.js';
-import './index.module-78a0c9bc.js';
-import 'react-json-view';
-import './index-8c92be1f.js';
-import './index.module-b014fcfb.js';
-import './index-c3aeb47b.js';
-import 'jsoneditor';
-import './index-22358e80.js';
-import './index-25c9f645.js';
-import './index-fe442524.js';
-import './index-9224cea6.js';
-import './index-3199bfee.js';
-import './index.module-bb0d9c75.js';
-import './index-ab9299a9.js';
-import './index-b308c220.js';
-import './index-6e5a5052.js';
-import './index-8f2610a4.js';
-import 'react-dropdown';
-import './index.module-8a42df78.js';
-import './index-71e09ba6.js';
-import './index-15a622b8.js';
-import './index-08ae484e.js';
-import './index-aecf74ab.js';
-import './index-68d8a5f6.js';
-import './index-3b758b96.js';
-import './index-470d4669.js';
-import './index-5773de2c.js';
-import './index-a6a32ebd.js';
-import 'react-switch';
-import './CatalogProperties-862d2c79.js';
-import './ArticleProperties-ad4aaabc.js';
-import './OptionProperties-950b94a1.js';
-import './OptionValueProperties-18877433.js';
-import 'react-select';
-
-var container = "container-43rJg";
-var item = "item-JRY9h";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n}\n";
-styleInject(css_248z);
-
-var Toolbar = function Toolbar(props) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
-  var changeVal = function changeVal(newValue) {
-    var value = newValue === viewHandler.uiState.activeCatalogSection ? '3D/2D' : newValue;
-    localStorage.setItem('lastWindow', value);
-    viewHandler.uiState.setActiveCatalogSection(value);
-  };
-  var partlistsExist = !!Object.values((_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.CatalogData.allCatalogArticles) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {}).find(function (a) {
-    return a.partlistArticlesRules;
-  });
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.uiState.activeCatalogSection != '3D/2D' && /*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [partlistsExist && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('PartList');
-        },
-        children: "St\xFCckliste"
-      }), wwsClient == 'Pfister' && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('ekText');
-        },
-        children: "Ek Text"
-      })]
-    })]
-  });
-};
-var Toolbar$1 = observer(Toolbar);
-
-export { Toolbar$1 as default };

package/build/esm/index-538fdf33.js

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

package/build/esm/index-5492c42e.js

@@ -1,64 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } 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 paletteItem = "PaletteItem-jutHc";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };

package/build/esm/index-556513f0.js

@@ -1,48 +0,0 @@
-import { a as usePlannerUIHandler } from './index-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };