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

package/build/esm/index-972a9fb1.js

@@ -1,81 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 wcConfiguratorSettingsSearch = "wcConfigurator-settings-Search-E9-UU";
-var wcInScroller = "wcInScroller-85YS9";
-var wcConfiguratorSettingsSearchExpanded = "wcConfigurator-settings-SearchExpanded-Jceqy";
-var wcConfiguratorSettingsSearchMaxExpanded = "wcConfigurator-settings-SearchMaxExpanded-AGbgn";
-var filterNotVisible = "filter-not-visible-Os1H1";
-var css_248z = "/*SearchFilter*/\r\n\r\n.wcConfigurator-settings-Search-E9-UU {\r\n  width: 96px;\r\n  margin-right: 12px;\r\n  font-size: 14.4px;\r\n  line-height: 20.8px;\r\n  border-radius: var(--globalBorderRadius);\r\n  border: none;\r\n  float: right;\r\n  color: var(--secondaryColor);\r\n  transition: 0.35s ease;\r\n  font-family: var(--diva-typography-font-family);\r\n  font-weight: 100;\r\n  letter-spacing: 0.5px;\r\n  -webkit-font-smoothing: antialiased;\r\n  -webkit-text-stroke: 0.1px;\r\n\r\n  transition: width 0.2s ease;\r\n  max-width: 240px;\r\n}\r\n\r\n.wcInScroller-85YS9.wcConfigurator-settings-SearchExpanded-Jceqy,\r\n.wcInScroller-85YS9.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\r\n  display: block;\r\n  line-height: 20.8px;\r\n  width: 100%;\r\n  max-width: 192px;\r\n  padding-left: 1.1em;\r\n}\r\n\r\n.wcConfigurator-settings-SearchExpanded-Jceqy,\r\n.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\r\n  width: 160px;\r\n  margin-right: 48px;\r\n  line-height: 27.2px;\r\n  font-size: 17px;\r\n}\r\n\r\n.wcConfigurator-settings-Search-E9-UU:focus {\r\n  outline: medium none invert;\r\n  outline: initial;\r\n}\r\n\r\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\r\n  .wcConfigurator-settings-SearchExpanded-Jceqy,\r\n  .wcConfigurator-settings-SearchMaxExpanded-AGbgn {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\r\n  height: 25.6px;\r\n  display: block;\r\n  margin-right: 0px;\r\n}\r\n";
-styleInject(css_248z);
-
-var _excluded = ["isInScroller", "item", "doShowFilter"];
-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 Seachbar = function Seachbar(_ref) {
-  var isInScroller = _ref.isInScroller,
-    item = _ref.item,
-    doShowFilter = _ref.doShowFilter,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var filterFreeTextChanged = function filterFreeTextChanged(searchValue, paletteId) {
-    if (searchValue !== '') {
-      viewHandler.settingsState.onAllGroups(paletteId, false);
-    } else {
-      if (viewHandler.paletteViewHandler.isGroupFolded(item.id)) {
-        viewHandler.settingsState.onAllGroups(paletteId, true);
-      }
-    }
-    viewHandler.paletteViewHandler.onSearchTextChanged(searchValue, paletteId);
-  };
-  var searchElement = useRef(null);
-  useEffect(function () {
-    var palette = viewHandler.settingsState.itemPalettes.get(item.id);
-    if ((palette === null || palette === void 0 ? void 0 : palette.configStepKey) === item.configStepKey) viewHandler.settingsState.updateItemPalette(palette.id, _objectSpread(_objectSpread({}, palette), {}, {
-      htmlInputElement: searchElement.current
-    }));
-  }, [searchElement]);
-  return /*#__PURE__*/jsx("form", {
-    autoComplete: "off",
-    onSubmit: function onSubmit(e) {
-      return e.preventDefault();
-    },
-    style: {
-      height: 'fit-content',
-      marginBottom: 0
-    },
-    children: /*#__PURE__*/jsx("input", _objectSpread(_objectSpread({}, props), {}, {
-      ref: searchElement,
-      className: classnames(wcConfiguratorSettingsSearch, doShowFilter ? undefined : filterNotVisible, viewHandler.uiState.configSettingsIsExpanded ? wcConfiguratorSettingsSearchExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? wcConfiguratorSettingsSearchMaxExpanded : undefined, isInScroller ? wcInScroller : undefined),
-      autoComplete: 'off',
-      value: item.searchText,
-      onKeyUp: function onKeyUp(e) {
-        return filterFreeTextChanged(e.target.value, item.id);
-      },
-      placeholder: t('configurator.QUICKFILTER'),
-      type: "text",
-      "data-test-id": "plannerSearchbar"
-    }))
-  });
-};
-var Searchbar = observer(Seachbar);
-
-export { Searchbar as default };

package/build/esm/index-97b5d76e.js

@@ -1,49 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 table = "table-JbkH8";
-var sel = "sel-Ri--o";
-var css_248z = ".tabHeader-9hw2V {\r\n  font-size: 20px;\r\n  font-weight: 300;\r\n}\r\n\r\n.table-JbkH8 {\r\n  border-collapse: collapse;\r\n  font-size: 0.9em;\r\n  font-family: sans-serif;\r\n  min-width: 400px;\r\n  width: 100%;\r\n  background: var(--thirdColor);\r\n  color: black;\r\n  text-align: left;\r\n  transition: background-color 0.3s;\r\n  border-radius: 5px;\r\n}\r\n.table-JbkH8 th {\r\n  width: 25%;\r\n  padding: 6px 10px;\r\n  font-weight: inherit;\r\n}\r\n.sel-Ri--o {\r\n  background-color: var(--primaryColor);\r\n  transition: background-color 0.3s;\r\n  border-radius: 5px;\r\n  color: #fff;\r\n}\r\n.background-6HSWH {\r\n  background-color: white;\r\n}\r\n";
-styleInject(css_248z);
-
-var _excluded = ["tabGroup"];
-var TabGroups = function TabGroups(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var currentTabGroup = viewHandler.tabGroupState.curTabGroup;
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      viewHandler.tabGroupState.navigateToTabgroupByPosNr(tabGroup.posNr);
-    },
-    children: /*#__PURE__*/jsx("table", {
-      className: table,
-      children: /*#__PURE__*/jsx("tbody", {
-        children: /*#__PURE__*/jsx("tr", {
-          children: /*#__PURE__*/jsx("th", {
-            className: tabGroup.title === (currentTabGroup === null || currentTabGroup === void 0 ? void 0 : currentTabGroup.title) ? sel : undefined,
-            children: tabGroup.title
-          })
-        })
-      })
-    })
-  });
-};
-var TabGroups$1 = observer(TabGroups);
-
-export { TabGroups$1 as default };

package/build/esm/index-985b34d0.js

@@ -1,68 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, Fragment, 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 priceWrapper = "price-wrapper-MHpbZ";
-var right = "right-YJreA";
-var additionalPrice = "additional-price-JRJRa";
-var css_248z = ".price-wrapper-MHpbZ {\r\n  padding-top: 0px;\r\n  width: 90%;\r\n  margin-left: 4%;\r\n  height: 100%;\r\n  background-color: white;\r\n  padding-left: 5px;\r\n  padding-right: 5px;\r\n  overflow: auto;\r\n}\r\n.right-YJreA {\r\n  float: right;\r\n}\r\n.additional-price-JRJRa {\r\n  max-width: 400px;\r\n  margin: 0;\r\n  margin: initial;\r\n  display: inline;\r\n}\r\n";
-styleInject(css_248z);
-
-var Price = function Price() {
-  var _articles$viewHandler, _prices$BasePrices;
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  var prices = article === null || article === void 0 ? void 0 : article.getConfigPriceData(article.getVariantBasketData());
-  if (prices === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: priceWrapper,
-    children: [/*#__PURE__*/jsx("a", {
-      children: "Configurations Preise:"
-    }), /*#__PURE__*/jsx("br", {}), prices.AdditionalPrices.map(function (AdditionalPrice) {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("p", {
-          className: additionalPrice,
-          children: AdditionalPrice.Title
-        }), /*#__PURE__*/jsx("a", {
-          className: right,
-          children: DivaUtils.formatPrice(AdditionalPrice.Price)
-        }), /*#__PURE__*/jsx("br", {})]
-      });
-    }), /*#__PURE__*/jsx("hr", {}), (_prices$BasePrices = prices.BasePrices) === null || _prices$BasePrices === void 0 ? void 0 : _prices$BasePrices.map(function (p) {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("a", {
-          children: ["Basispreis: ", p.BasePriceTitle]
-        }), /*#__PURE__*/jsx("a", {
-          className: right,
-          children: p.BasePrice ? DivaUtils.formatPrice(p.BasePrice) : 'nicht Definiert'
-        }), /*#__PURE__*/jsx("br", {})]
-      });
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Berechneter Preis: "
-    }), /*#__PURE__*/jsx("a", {
-      className: right,
-      children: DivaUtils.formatPrice(article.calcPrice())
-    }), /*#__PURE__*/jsx("hr", {}), article.hasPartlistArticle && /*#__PURE__*/jsx(Fragment, {
-      children: "Katalog hat St\xFCcklisten Artikel! genaue Preise sind dort Sichtbar"
-    })]
-  });
-};
-var Price$1 = observer(Price);
-
-export { Price$1 as default };

package/build/esm/index-98a92a4d.js

@@ -1,45 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-945074f1.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ArticleOverview from './index-d4a87c7e.js';
-import JsonEditor from './index-d841b71f.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-d4c830a3.js';
-import './index.module-03df1a8f.js';
-import 'classnames';
-import './index.module-94a16855.js';
-import 'react-collapsible';
-import 'jsoneditor';
-
-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 J3DEditor = function J3DEditor(props) {
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    style: {
-      userSelect: 'text'
-    },
-    ChildComponent: JsonEditor,
-    settings: [{
-      key: 'J3D',
-      name: 'J3D Editor'
-    }],
-    title: 'Artikel Übersicht'
-  }));
-};
-var J3DEditor$1 = observer(J3DEditor);
-
-export { J3DEditor$1 as default };

package/build/esm/index-9a9f9972.js

@@ -1,121 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import Dropdown from 'react-dropdown';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import InfoIcon from './index-55f945c0.js';
-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/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 wcDropDownSelect = "wcDropDownSelect-RE7qJ";
-var dropDownArea = "dropDownArea-yEewD";
-var dropOption = "dropOption-i-M5T";
-var row = "row-80qIj";
-var title = "title-2mKgp";
-var colum = "colum-cjf3n";
-var dropdownWidth = "dropdownWidth-D5Fng";
-var image = "image-7MOa9";
-var css_248z = ".wcDropDownSelect-RE7qJ {\r\n  padding: 8px 24px 8px 8px !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.wcDropDownSelect-RE7qJ {\r\n  height: 2.4375rem;\r\n  padding: 0.5rem;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  border: 1px solid #cacaca;\r\n  border-radius: 4px;\r\n  background-color: #fefefe;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 22px;\r\n  color: #0a0a0a;\r\n  background-origin: content-box;\r\n  background-position: right -1rem center;\r\n  background-repeat: no-repeat;\r\n  background-size: 9px 6px;\r\n  padding-right: 1.5rem;\r\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\r\n  font-weight: 300;\r\n}\r\n\r\n.dropDownArea-yEewD {\r\n  max-height: 520px !important;\r\n  width: -moz-fit-content !important;\r\n  width: fit-content !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n.dropDownArea-yEewD {\r\n\r\n  right: 0;\r\n  min-width: 152px;\r\n  max-width: 370px;\r\n  letter-spacing: 0px;\r\n  font-size: 13px;\r\n  font-weight: 300;\r\n}\r\n\r\n.dropDownArea-yEewD .dropOption-i-M5T {\r\n  white-space: nowrap;\r\n}\r\n.wcDropDownSelect-RE7qJ .dropOption-i-M5T {\r\n  width: 110px;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n.row-80qIj {\r\n  width: 100%;\r\n  height: -moz-fit-content;\r\n  height: fit-content;\r\n  position: relative;\r\n  display: flex;\r\n  padding-bottom: 4px;\r\n  padding-top: 4px;\r\n}\r\n\r\n.title-2mKgp {\r\n  text-align: left;\r\n  padding-bottom: 9px;\r\n  padding-top: 9px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.colum-cjf3n {\r\n  width: 50%;\r\n}\r\n.dropdownWidth-D5Fng {\r\n  width: 155px;\r\n  margin: 10px 15px;\r\n  height: -moz-fit-content;\r\n  height: fit-content;\r\n}\r\n\r\n.image-7MOa9 {\r\n  width: 45%;\r\n}\r\n";
-styleInject(css_248z);
-
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var DropDowmText = function DropDowmText(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var allItemsP = item.groups.flatMap(function (group) {
-    return group.items;
-  });
-  var allItems = allItemsP;
-  var sel = allItems.find(function (item) {
-    return item.sel;
-  });
-  var _useState = useState(sel === null || sel === void 0 ? void 0 : sel.text),
-    _useState2 = _slicedToArray(_useState, 2),
-    actValue = _useState2[0],
-    setActValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    forceClick = _useState4[0],
-    setForceClick = _useState4[1];
-  useEffect(function () {
-    var val = allItems.find(function (item) {
-      return item.codex == actValue;
-    });
-    if (val) viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
-  }, [actValue, forceClick]);
-  var selOption = undefined;
-  var options = [];
-  var onChange = function onChange(val) {
-    setActValue(val.value);
-    setForceClick(!forceClick);
-  };
-  var _iterator = _createForOfIteratorHelper(allItems),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _item = _step.value;
-      var option = {
-        label: /*#__PURE__*/jsx("div", {
-          className: dropOption,
-          dangerouslySetInnerHTML: {
-            __html: _item.text
-          }
-        }),
-        text: _item.text,
-        value: _item.codex
-      };
-      if (_item.sel) selOption = option;
-      options.push(option);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title),
-      children: item.name
-    }), /*#__PURE__*/jsx(Dropdown, {
-      className: dropdownWidth,
-      controlClassName: wcDropDownSelect,
-      menuClassName: dropDownArea,
-      options: options,
-      value: selOption,
-      placeholderClassName: dropOption,
-      onChange: onChange
-    }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
-      className: image,
-      src: sel.image.replace('_gal.', '.')
-    }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-      item: item.selectedElements[0],
-      style: {
-        bottom: 'calc(50% - 8px)',
-        right: '5%'
-      }
-    })]
-  });
-};
-var index = observer(DropDowmText);
-
-export { index as default };

package/build/esm/index-9b97271d.js

@@ -1,52 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-945074f1.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 wrapper = "wrapper-93hIM";
-var button = "button-smefE";
-var sel = "sel-vzSUc";
-var disabled = "disabled-l3E8B";
-var css_248z = ".wrapper-93hIM {\r\n  position: sticky;\r\n  top: -1px;\r\n  z-index: 500;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  gap: 16px;\r\n  background-color: var(--settingsBackgroundColor);\r\n  padding: 6px;\r\n}\r\n\r\n.button-smefE {\r\n  transition: color 0.3s ease, border 0.3s ease;\r\n  cursor: pointer;\r\n  text-wrap: nowrap;\r\n  white-space: nowrap;\r\n  position: relative;\r\n  flex-grow: 1;\r\n  text-align: center;\r\n  padding-top: 4px;\r\n  padding-bottom: 4px;\r\n  font-size: 18px;\r\n}\r\n\r\n.button-smefE:hover,\r\n.sel-vzSUc {\r\n  border: none;\r\n  color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.button-smefE::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 0px;\r\n  left: 50%;\r\n  transition: all ease-in-out 0.2s;\r\n  bottom: 0;\r\n  height: 1px;\r\n  background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.button-smefE.sel-vzSUc::after {\r\n  height: 2px;\r\n}\r\n\r\n.button-smefE:hover::after,\r\n.sel-vzSUc::after {\r\n  width: 100%;\r\n  left: 0;\r\n}\r\n.disabled-l3E8B.button-smefE:hover::after {\r\n  width: 0px;\r\n  left: 0;\r\n}\r\n\r\n.disabled-l3E8B.button-smefE::after {\r\n  background-color: lightgray;\r\n}\r\n\r\n.disabled-l3E8B.button-smefE {\r\n  color: grey;\r\n  cursor: not-allowed;\r\n}\r\n";
-styleInject(css_248z);
-
-var ReplaceSwitch = function ReplaceSwitch(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper),
-    children: [/*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.setPlannerReplaceMode(false, true);
-      },
-      className: classnames(button, !viewHandler.settingsState.plannerReplaceMode ? sel : undefined),
-      id: "configurator_plan_tab",
-      children: t('configurator.plan')
-    }), /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        if (viewHandler.settingsState.plannerReplaceModeActive) viewHandler.paletteViewHandler.setPlannerReplaceMode(true, true);
-      },
-      className: classnames(button, viewHandler.settingsState.plannerReplaceMode ? sel : undefined, !viewHandler.settingsState.plannerReplaceModeActive ? disabled : undefined),
-      id: "configurator_replace_tab",
-      children: t('configurator.replace')
-    })]
-  });
-};
-var ReplaceSwitch$1 = observer(ReplaceSwitch);
-
-export { ReplaceSwitch$1 as default };

package/build/esm/index-9d32516b.js

@@ -1,113 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import QRCode from 'react-qr-code';
-import { observer } from 'mobx-react-lite';
-import React, { useRef, useEffect } from 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { Arrow } from 'react-laag';
-import { jsxs, 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-E7OAf";
-var qrCodeWrapper = "qr-code-wrapper-I0N1r";
-var textWrapper = "text-wrapper-HcIJv";
-var header = "header-TxcNf";
-var text = "text-5GiNL";
-var closeIcon = "close-icon-SiRMa";
-var doneBar = "doneBar-7QqkY";
-var css_248z = ".wrapper-E7OAf {\r\n  background: #ffffff;\r\n  border-radius: 3px;\r\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\r\n  display: flex;\r\n  padding: 22px;\r\n  gap: 12px;\r\n  opacity: 0;\r\n  transition: opacity 200ms ease-in-out;\r\n}\r\n\r\n.qr-code-wrapper-I0N1r {\r\n  width: 96px;\r\n  height: 96px;\r\n}\r\n\r\n.text-wrapper-HcIJv {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: #000000;\r\n  width: 220px;\r\n  gap: 8px;\r\n}\r\n\r\n.header-TxcNf {\r\n  max-width: calc(100% - 32px);\r\n  font-weight: 600;\r\n  font-size: 17px;\r\n  line-height: 19px;\r\n}\r\n\r\n.text-5GiNL {\r\n  font-weight: 300;\r\n  font-size: 16px;\r\n  line-height: 130%;\r\n}\r\n\r\n.close-icon-SiRMa {\r\n  position: absolute;\r\n  top: 8px;\r\n  right: 8px;\r\n  width: 42px;\r\n  height: 42px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: 80%;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cmask id%3D%22mask0_332_143%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2224%22 height%3D%2224%22%3E%0D%3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%0D%3C%2Fmask%3E%0D%3Cg mask%3D%22url(%23mask0_332_143)%22%3E%0D%3Cpath d%3D%22M8.22749 16.8365L7.16406 15.7731L10.9372 12L7.16406 8.2519L8.22749 7.18848L12.0006 10.9616L15.7487 7.18848L16.8121 8.2519L13.039 12L16.8121 15.7731L15.7487 16.8365L12.0006 13.0634L8.22749 16.8365Z%22 fill%3D%22%231C1B1F%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");\r\n  transition: background-size 100ms ease-in;\r\n  cursor: pointer;\r\n}\r\n\r\n.close-icon-SiRMa:hover {\r\n  background-size: 90%;\r\n}\r\n.doneBar-7QqkY {\r\n  background: var(--secondaryColor);\r\n  height: 3px;\r\n  border-radius: 0 2px 2px 0;\r\n  animation-name: example-saRWU;\r\n  animation-timing-function: linear;\r\n  transition: width 0s ease-in;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n@keyframes example-saRWU {\r\n  from {\r\n    width: 100%;\r\n  }\r\n  to {\r\n    width: 0%;\r\n  }\r\n}\r\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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
-  var _viewHandler$getViewC, _theme$typography;
-  var layerProps = _ref.layerProps,
-    arrowProps = _ref.arrowProps,
-    autoClose = _ref.autoClose,
-    fadeIn = _ref.fadeIn,
-    fadeout = _ref.fadeout,
-    url = _ref.url;
-  var viewHandler = useViewHandler();
-  var arQrCodeConfig = (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.enableAR;
-  var AUTOHIDE_SEC = typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.timeUnitAutohide ? arQrCodeConfig.timeUnitAutohide : 6;
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var autoCloseTimeout = useRef();
-  useEffect(function () {
-    //if opend automatically close after AUTOHIDE_SEC the tooltip again
-    if (autoClose) {
-      autoCloseTimeout.current = setTimeout(function () {
-        return viewHandler.productState.setDoShowARQRCode(false);
-      }, AUTOHIDE_SEC * 1000);
-    }
-    return function () {
-      if (autoCloseTimeout !== null && autoCloseTimeout !== void 0 && autoCloseTimeout.current) clearTimeout(autoCloseTimeout.current);
-    };
-  }, []);
-
-  //clear autoclose when user interacts with button
-  useEffect(function () {
-    if (!viewHandler.productState.doShowARQRCode) {
-      if (autoCloseTimeout !== null && autoCloseTimeout !== void 0 && autoCloseTimeout.current) clearTimeout(autoCloseTimeout.current);
-    } else viewHandler.productState.setArCodeWasVisibleOnce();
-  }, [viewHandler.productState.doShowARQRCode]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, layerProps), {}, {
-    className: wrapper,
-    style: _objectSpread(_objectSpread({
-      opacity: fadeout ? 0 : fadeIn ? 1 : undefined
-    }, layerProps.style), {}, {
-      zIndex: 1000005
-    }),
-    children: [/*#__PURE__*/jsx("div", {
-      className: qrCodeWrapper,
-      children: url && /*#__PURE__*/React.createElement(QRCode, {
-        value: url,
-        size: 96,
-        onClick: function onClick() {
-          return url && window.open(url, '_blank');
-        }
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: textWrapper,
-      style: {
-        fontFamily: theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: header,
-        children: t('configurator.ar_qr_title')
-      }), /*#__PURE__*/jsx("div", {
-        className: text,
-        children: t('configurator.ar_qr_text')
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: closeIcon,
-      onClick: function onClick() {
-        return viewHandler.productState.setDoShowARQRCode(false);
-      }
-    }), /*#__PURE__*/jsx(Arrow, _objectSpread({
-      onPointerEnterCapture: undefined,
-      onPointerLeaveCapture: undefined
-    }, arrowProps)), autoClose && /*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        animationDuration: AUTOHIDE_SEC + 's'
-      }
-    })]
-  }));
-};
-var Tooltip = observer(ArQrCodeTooltip);
-
-export { Tooltip as default };

package/build/esm/index-9dab38b1.js

@@ -1,96 +0,0 @@
-import { u as useViewHandler } from './index-945074f1.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-d368256e.js';
-import { A as ArQrCodeIcon } from './index-d2f60443.js';
-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';
-import 'react-laag';
-import './index-9d32516b.js';
-import 'react-qr-code';
-import './index-486fb134.js';
-
-var Functions = function Functions(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("ul", {
-    className: classnames(wcFunctionsToolbar, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
-    children: [/*#__PURE__*/jsxs("li", {
-      onClick: function onClick() {
-        return viewHandler.productState.onClickHelp();
-      },
-      className: classnames(wcFunctionsContainer, wcHelp),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcHelpIcon)
-      }), /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: t('configurator.ConfigHelp')
-      })]
-    }), /*#__PURE__*/jsxs("li", {
-      onClick: function onClick() {
-        return viewHandler.productState.onClickPrint();
-      },
-      className: classnames(wcFunctionsContainer, wcPrint),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcPrintIcon)
-      }), /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: t('configurator.ConfigPrint')
-      })]
-    }), /*#__PURE__*/jsxs("li", {
-      onClick: function onClick() {
-        return viewHandler.productState.onClickShare();
-      },
-      className: classnames(wcFunctionsContainer),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcShareIcon)
-      }), /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: t('configurator.ConfigShare')
-      })]
-    }), /*#__PURE__*/jsxs("li", {
-      onClick: function onClick() {
-        return viewHandler.productState.onClickReset();
-      },
-      className: classnames(wcFunctionsContainer, wcReset),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcResetIcon)
-      }), /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: t('configurator.ConfigReset')
-      })]
-    }), viewHandler.productState.doShowUserSaveButton && /*#__PURE__*/jsxs("li", {
-      onClick: function onClick() {
-        return viewHandler.productState.onClickSave();
-      },
-      className: classnames(wcFunctionsContainer, wcSave),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcIcon, wcSaveIcon)
-      }), /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: t('configurator.ConfigSave')
-      })]
-    }), (!viewHandler.eventIsManagedByClient('onWebPlanerClose') || viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait) && /*#__PURE__*/jsx("li", {
-      className: wcConfigCloseButton,
-      title: t('configurator.ConfigClose'),
-      onClick: viewHandler.onCloseConfigurator
-    }), viewHandler.productState.allowQRCodeAR && viewHandler.productState.plannerMode && viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(ArQrCodeIcon, {})]
-  });
-};
-var index = observer(Functions);
-
-export { index as default };