@crystaldesign/diva-web-planner-react 24.15.0-beta.30 → 24.15.0-beta.32

package/build/esm/index-58147685.js

@@ -1,149 +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-6df691c0.js';
-import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-601a4b3f.js';
-import TabGroups from './index-c8b50907.js';
-import TabGroupOptions from './index-6e5fc108.js';
-import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-b429149d.js';
-import Collapsible from 'react-collapsible';
-import Price from './index-7f98da7b.js';
-import classnames from 'classnames';
-import JsonViewer from './index-a0403f6d.js';
-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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index.module-ab609e8b.js';
-import 'react-json-view-lite';
-import './react-json-viewer-2c12c80c.js';
-
-var menuPoint = "menu-point-Bz5zM";
-var collapsibleHeader = "collapsibleHeader-lzT9Y";
-var tabGroupWrapper = "tab-group-wrapper-mSLB-";
-var css_248z = ".menu-point-Bz5zM {\n  font-size: 22px;\n  padding: 0px 0px;\n  padding: 10px 0;\n  background-color: var(--primaryColor);\n  border-bottom: 1px solid;\n  width: 100%;\n  text-align: center;\n  margin-left: 0px;\n  color: white;\n  font-weight: 600;\n}\n.collapsibleHeader-lzT9Y {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: #bbbbbb;\n  color: black;\n  border-radius: 5px;\n  margin: 5% 1% 1% 1%;\n  transition: background-color 0.3s;\n  padding: 1% 0%;\n  cursor: pointer;\n}\n.collapsibleHeader-lzT9Y:hover {\n  background-color: var(--primaryColor);\n  color: white;\n}\n.tab-group-wrapper-mSLB- {\n  width: 90%;\n  margin-left: 4%;\n  background-color: white;\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 OptionTree = function OptionTree(_ref) {
-  var _articles$viewHandler, _hiddenOptions$tabGro, _articles$Object$keys, _articles$Object$keys2;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var configTree = viewHandler.tabGroupState.allTabGroups;
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var hiddenOptions = viewHandler.divaWebPlanner.getHiddenOptions();
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  var tree = Object.values(configTree);
-  var hiddenTree = Object.values((_hiddenOptions$tabGro = hiddenOptions === null || hiddenOptions === void 0 ? void 0 : hiddenOptions.tabGroups) !== null && _hiddenOptions$tabGro !== void 0 ? _hiddenOptions$tabGro : {});
-  var canClick = false;
-  tree = tree.filter(function (item) {
-    return item.type == 'OPTION';
-  });
-  var CollapsibleProps = {
-    open: true,
-    easing: 'ease-in',
-    transitionTime: 200
-  };
-  if (!article) {
-    canClick = true;
-  }
-  var mat3D = (_articles$Object$keys = articles[Object.keys(articles)[0]]) === null || _articles$Object$keys === void 0 || (_articles$Object$keys2 = _articles$Object$keys.getPlannerConfigData) === null || _articles$Object$keys2 === void 0 ? void 0 : _articles$Object$keys2.call(_articles$Object$keys, {}).config;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wholeWrapper, notExpanded, props.className),
-    children: [/*#__PURE__*/jsx("a", {
-      className: menuPoint,
-      children: "Options \xDCbersicht"
-    }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Produktdetails"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: !canClick && /*#__PURE__*/jsx(ProduktDetails, {})
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Preise"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx(Price, {})
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Optionsbaum"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: tabGroupWrapper,
-        children: tree.map(function (tabGroup) {
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsx(TabGroups, {
-              tabGroup: tabGroup
-            }), /*#__PURE__*/jsx("div", {
-              children: Object.values(tabGroup.options).map(function (options) {
-                return /*#__PURE__*/jsx(TabGroupOptions, {
-                  tabGroupOption: options,
-                  basketId: article.basketId
-                }, options.codex);
-              })
-            })]
-          }, tabGroup.key);
-        })
-      })
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Versteckte Optionen"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: tabGroupWrapper,
-        children: hiddenTree.map(function (tabGroup) {
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsx(TabGroups, {
-              tabGroup: tabGroup
-            }), /*#__PURE__*/jsx("div", {
-              children: Object.values(tabGroup.options).map(function (options) {
-                return /*#__PURE__*/jsx(TabGroupOptions, {
-                  tabGroupOption: options,
-                  basketId: article.basketId
-                }, options.codex);
-              })
-            })]
-          }, tabGroup.key);
-        })
-      })
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "3D MAT"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: mat3D && /*#__PURE__*/jsx(JsonViewer, {
-        isExpanded: true,
-        collapsed: 5,
-        json: mat3D
-      })
-    }))]
-  }));
-};
-var OptionTree$1 = observer(OptionTree);
-
-export { OptionTree$1 as default };

package/build/esm/index-58d9085b.js

@@ -1,76 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-1fa814f3.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
-var isActive = "isActive-mWaAC";
-var allIsActive = "allIsActive-iSz9H";
-var isSelectable = "isSelectable-FBPGm";
-var small = "small-xZ6Og";
-var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.6px);\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 SettingsPosNr = function SettingsPosNr(_ref) {
-  var _renderLayer;
-  var id = _ref.id,
-    allAreActive = _ref.allAreActive;
-  var viewHandler = useViewHandler();
-  var article = viewHandler.settingsState.articleInfos[id];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
-      },
-      id: "ArticleInfo",
-      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
-    }, triggerProps), hoverProps), {}, {
-      children: article.posNr
-    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
-      article: article,
-      layerProps: layerProps
-    })))]
-  });
-};
-var SettingsPosNr$1 = observer(SettingsPosNr);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsPosNr$1
-});
-
-export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-5abdc930.js

@@ -1,113 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.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 {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.qr-code-wrapper-I0N1r {\n  width: 96px;\n  height: 96px;\n}\n\n.text-wrapper-HcIJv {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.header-TxcNf {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.text-5GiNL {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.close-icon-SiRMa {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\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%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%3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_332_143)%22%3E%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%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-SiRMa:hover {\n  background-size: 90%;\n}\n.doneBar-7QqkY {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: example-saRWU;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes example-saRWU {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
-  var _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.getViewConfig().arQrCodeConfig;
-  var AUTOHIDE_SEC = 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-5b6022f1.js

@@ -1,44 +0,0 @@
-import './index-6df691c0.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 Trash = function Trash(_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.trash.trashClass, plannerUIProps.classes.buttonGeneral, item.plannerMode == 'BOX' ? plannerUIProps.classes.trash.boxplanner : undefined),
-    id: "testDel",
-    children: item.posNr
-  });
-};
-var Trash$1 = observer(Trash);
-
-export { Trash$1 as default };

package/build/esm/index-5cea3179.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-c49e28b1.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';
-
-var wcTabGroupItem = "wcTabGroupItem-RxTRT";
-var landscape = "landscape-XFSPQ";
-var wcActiveStep = "wcActiveStep-W687q";
-var wcVisitedStep = "wcVisitedStep-IGlR4";
-var wcTabGroupItemMobile = "wcTabGroupItemMobile-tMZbr";
-var secondaryColorDiv = "secondaryColorDiv-fx0Cm";
-var wcStepIcon = "wcStepIcon-JtMDZ";
-var css_248z = ".wcTabGroupItem-RxTRT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.landscape-XFSPQ.wcTabGroupItem-RxTRT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q,\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q.wcTabGroupItem-RxTRT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcTabGroupItem-RxTRT.wcVisitedStep-IGlR4 {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-IGlR4.wcTabGroupItem-RxTRT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-RxTRT.wcTabGroupItem-RxTRT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q {\n  color: white;\n}\n\n.wcTabGroupItemMobile-tMZbr {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.secondaryColorDiv-fx0Cm {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.wcTabGroupItemMobile-tMZbr.wcActiveStep-W687q {\n  background-color: var(--thirdColor);\n}\n\n.wcStepIcon-JtMDZ {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.wcActiveStep-W687q .wcStepIcon-JtMDZ {\n  margin-left: 5px;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var active = tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var icon = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(!viewHandler.uiState.isInMobileView ? wcTabGroupItem : wcTabGroupItemMobile, viewHandler.uiState.isMobileLandscape ? landscape : undefined, active ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !active ? wcVisitedStep : undefined),
-    children: [(active || !icon) && t('configurator.' + tabGroup.title, tabGroup.title), active && /*#__PURE__*/jsx("div", {
-      className: secondaryColorDiv
-    }), icon && /*#__PURE__*/jsx("div", {
-      className: wcStepIcon,
-      style: {
-        WebkitMaskImage: 'url(' + icon + ')',
-        maskImage: 'url(' + icon + ')'
-      }
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontal);
-
-export { index as default };

package/build/esm/index-5d04bc16.js

@@ -1,60 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-6df691c0.js';
-import 'react';
-import SettingsItemHeader from './index-a48ef3bc.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 'mobx-react-lite';
-import 'classnames';
-import './index-fbaf699f.js';
-import './index-4dbf2cfa.js';
-import './index-fe2a846e.js';
-import 'react-dropdown';
-import './index-d8824de9.js';
-import './index-b2efa7b3.js';
-import '@crystaldesign/content-box';
-import './index-c54474e6.js';
-import './index-625bc0b7.js';
-import './index-69677866.js';
-import './index-99019637.js';
-import 'react-switch';
-import './index-7672226e.js';
-import './index-79ed1219.js';
-import './index-d7344353.js';
-import './index-6c775034.js';
-import './index-7307e9e6.js';
-import './index-8a3a27f7.js';
-import 'react-laag';
-import './index-173167a2.js';
-import './index-74f39aff.js';
-import './index-bfa9d7df.js';
-import './index-9e025ea6.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
-var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";
-var css_248z = ".settingsHeaderContainer-ywbxo {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-ywbxo {\n  height: 100%;\n  position: relative;\n  display: block;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  position: relative;\n  --infoIconSize: 24px;\n}\n\n.settingsHeaderTitle-AeKfm {\n  font-size: 26px;\n  line-height: 1;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\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";
-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 SettingsItemHeaderSerious = function SettingsItemHeaderSerious(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderSerious as default };

package/build/esm/index-5db84cec.js

@@ -1,41 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-6df691c0.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-6cdb6d89.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 'classnames';
-import './IconHandler-c49e28b1.js';
-
-var verticalItemPoligon = "verticalItemPoligon-uLIgs";
-var wcActiveStep = "wcActiveStep-Cjjc7";
-var wcVisitedStep = "wcVisitedStep-Syo-H";
-var wcStepIcon = "wcStepIcon-oKNsW";
-var css_248z = ".verticalItemPoligon-uLIgs {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.verticalItemPoligon-uLIgs:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7 {\n  stroke: #cca663;\n  color: #cca663;\n}\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H {\n  color: #a1a1a1;\n}\n\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7:hover {\n  stroke: #d6b781;\n}\n\n.verticalItemPoligon-uLIgs:hover,\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H:hover {\n  color: #e1e1e1;\n}\n\n.wcStepIcon-oKNsW {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-Cjjc7 .wcStepIcon-oKNsW {\n  background-color: #cca663;\n}\n.wcVisitedStep-Syo-H .wcStepIcon-oKNsW {\n  background-color: #a1a1a1;\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 VerticalTabGroupItemFree = function VerticalTabGroupItemFree(props) {
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcVisitedStepClass: wcVisitedStep,
-    wcActiveStepClass: wcActiveStep,
-    verticalItemPoligonClass: verticalItemPoligon,
-    wcStepIconClass: wcStepIcon
-  }));
-};
-var index = observer(VerticalTabGroupItemFree);
-
-export { index as default };

package/build/esm/index-5e3fe9df.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6df691c0.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 SettingsItemAccessoireTemplate = function SettingsItemAccessoireTemplate(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires"
-  }));
-};
-
-export { SettingsItemAccessoireTemplate as default };