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

package/build/esm/index-e0a9fa82.js

@@ -0,0 +1,43 @@
+import './index-b1ce50e8.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 RotationClockwise = function RotationClockwise(_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.left + 'px',
+      top: rect.top + 'px'
+    },
+    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
+    children: item.posNr
+  });
+};
+var RotationClockwise$1 = observer(RotationClockwise);
+
+export { RotationClockwise$1 as default };

package/build/esm/index-e17a2ebe.js

@@ -0,0 +1,136 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-b1ce50e8.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import SettingsHeaderContainer from './index-a2b243ec.js';
+import { S as SettingsItem } from './index-2aea635c.js';
+import classnames from 'classnames';
+import TotalPrice from './index-fe4c1834.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/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-6ca55428.js';
+import './index-006533b1.js';
+import './index-f2293426.js';
+import './index-ea30b469.js';
+import 'react-laag';
+import './index-e49b7d8f.js';
+import 'sift';
+import './index-ea629c8c.js';
+import './index-544849b2.js';
+import './index-99c6d749.js';
+import './index-18c3125f.js';
+import './index.module-92381bbb.js';
+import './index-04a482fb.js';
+import 'react-switch';
+import './index-827c93e9.js';
+import './index-e803fc98.js';
+import 'react-dropdown';
+import './index-a2eeb354.js';
+import './index-ae8b9faf.js';
+import './index-bd34e444.js';
+import './index-f5136aa5.js';
+import '@crystaldesign/content-box';
+import './index-a07cd98d.js';
+import './index-e9a4c6bc.js';
+import './index-20cccd24.js';
+import './index-d2d373d7.js';
+import './index-c2f5f0fe.js';
+import '@crystaldesign/products-component';
+import './index-8e08e905.js';
+import './index-929e26ea.js';
+import './index-b9f528e3.js';
+import './index-abe5e5ac.js';
+import './index-216d0640.js';
+import './index-abc1e4ab.js';
+import './index-2b5ec618.js';
+import './index-8629a1bf.js';
+import './index-1db9fa64.js';
+import './index-0d325bc5.js';
+import './index-b26c373f.js';
+import './index-04a39170.js';
+import './index-d9ecae01.js';
+import './index.module-61ceae80.js';
+import './index-9665fbd3.js';
+import './index-d1b20602.js';
+import './index-62e17fb9.js';
+import './index-44df4cb9.js';
+import './index-eaf17684.js';
+import './index-d83bf046.js';
+import './index-777f7c8b.js';
+import './index.module-7efc88b9.js';
+import './index-f31f8a63.js';
+import './index-48416df1.js';
+
+var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
+var expanded = "expanded-r-uGX";
+var minExpanded = "minExpanded-oyaLK";
+var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
+styleInject(css_248z);
+
+var SettingsScroller = function SettingsScroller(_ref) {
+  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var settingsScrollerElement = useRef(null);
+  var itemPalettesArr = [];
+  var pairWithOptionsToGroup = {};
+  useEffect(function () {
+    if (settingsScrollerElement.current) {
+      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
+      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
+    }
+    return function () {};
+  }, [settingsScrollerElement]);
+  var style = {};
+  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
+    style.height = '100%';
+  } else {
+    var _viewHandler$settings, _viewHandler$settings2;
+    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
+  }
+  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
+    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
+    var paletteId = Number(itemPalette.id);
+    var groupName = itemPalette.pairWithOptionsToGroup;
+    if (groupName && itemPalette.visible) {
+      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
+      pairWithOptionsToGroup[groupName].push(paletteId);
+    }
+    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
+  }
+  return /*#__PURE__*/jsxs("div", {
+    style: style,
+    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
+    id: "wcConfigurator-settings-scroller",
+    ref: settingsScrollerElement,
+    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
+      isScroller: true
+    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
+      children: [itemPalettesArr.map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          index = _ref3[0],
+          item = _ref3[1];
+        return /*#__PURE__*/jsx(SettingsItem, {
+          item: item,
+          id: index,
+          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
+        }, index);
+      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
+    })]
+  });
+};
+var SettingsScroller$1 = observer(SettingsScroller);
+
+export { SettingsScroller$1 as default };

package/build/esm/index-e23fffaf.js

@@ -0,0 +1,59 @@
+import { s as styleInject, u as useViewHandler } from './index-b1ce50e8.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { useDivaCore, 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 wcConfiguratorAction = "wcConfigurator-action-1kRvz";
+var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
+var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
+var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
+var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n";
+styleInject(css_248z);
+
+var BasketActionStandard = function BasketActionStandard(_ref) {
+  var _ref$buttonTextClassN = _ref.buttonTextClassName,
+    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
+    _ref$buttonPriceClass = _ref.buttonPriceClassName,
+    buttonPriceClassName = _ref$buttonPriceClass === void 0 ? wcCheckoutButtonPrice : _ref$buttonPriceClass,
+    containerClassName = _ref.containerClassName,
+    price = _ref.price;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wcConfiguratorAction, containerClassName),
+    children: /*#__PURE__*/jsxs("div", {
+      className: wcConfiguratorActionButton,
+      onClick: function onClick() {
+        return viewHandler.actionButtonState.onClickAddToBasket();
+      },
+      id: "wcConfigurator-action-tobasket",
+      children: [/*#__PURE__*/jsx("div", {
+        className: buttonTextClassName,
+        children: t('configurator.ADD_TO_BASKET')
+      }), !hidePrices && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && price && /*#__PURE__*/jsx("div", {
+        className: buttonPriceClassName,
+        children: price
+      })]
+    })
+  });
+};
+var BasketActionStandard$1 = observer(BasketActionStandard);
+
+export { BasketActionStandard$1 as default };

package/build/esm/index-e444067a.js

@@ -0,0 +1,96 @@
+import { u as useViewHandler } from './index-b1ce50e8.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-d7cab182.js';
+import { A as ArQrCodeIcon } from './index-ea767ae5.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-12c52965.js';
+import 'react-qr-code';
+import './index-b06f7da0.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 };

package/build/esm/index-e49b7d8f.js

@@ -0,0 +1,59 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject } from './index-b1ce50e8.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import { jsxs, jsx, Fragment } 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 wcPosNrTooltip = "wcPosNrTooltip-8hudU";
+var wcPosNrTooltipText = "wcPosNrTooltipText-1gUN3";
+var css_248z = ".wcPosNrTooltip-8hudU {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  height: fit-content;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n.wcPosNrTooltip-8hudU img {\n  width: 90%;\n  max-height: 77%;\n  margin: 5%;\n}\n\n.wcPosNrTooltipText-1gUN3 {\n  text-align: center;\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 SettingsPosNrToolTip = function SettingsPosNrToolTip(_ref) {
+  var _theme$typography, _article$image;
+  var layerProps = _ref.layerProps,
+    article = _ref.article;
+  var _useDivaCore = useDivaCore(),
+    theme = _useDivaCore.state.theme;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    className: wcPosNrTooltip
+  }, layerProps), {}, {
+    style: _objectSpread(_objectSpread({}, {
+      fontFamily: theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily
+    }), layerProps.style),
+    children: [/*#__PURE__*/jsx("img", {
+      src: (_article$image = article.image) === null || _article$image === void 0 ? void 0 : _article$image.replace('_gal', ''),
+      alt: article.name
+    }), /*#__PURE__*/jsxs("div", {
+      style: {
+        padding: '0 20px'
+      },
+      className: wcPosNrTooltipText,
+      children: [article.name, /*#__PURE__*/jsx("br", {}), article.formattedSize && /*#__PURE__*/jsxs(Fragment, {
+        children: [article.formattedSize, " ", /*#__PURE__*/jsx("br", {})]
+      }), article.formattedPrice && /*#__PURE__*/jsxs("div", {
+        style: {
+          marginTop: '5px'
+        },
+        children: [article.formattedPrice, " ", /*#__PURE__*/jsx("br", {})]
+      })]
+    })]
+  }));
+};
+var SettingsPosNrToolTip$1 = observer(SettingsPosNrToolTip);
+
+export { SettingsPosNrToolTip$1 as default };

package/build/esm/index-e4b94632.js

@@ -0,0 +1,34 @@
+import { s as styleInject } from './index-b1ce50e8.js';
+import 'react';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var isActive = "is-active-bp70x";
+var listenToVariablesOptionClass = "listen-to-variables-option-class-rPBBX";
+var listenToVariablesGalleryClass = "listen-to-variables-gallery-class-dRVC6";
+var css_248z = ".is-active-bp70x {\n  position: absolute;\n  left: 4px;\n  top: 4px;\n  height: 19.2px;\n  width: 19.2px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2221%22 viewBox%3D%220 0 21 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2210.3408%22 cy%3D%2210.781%22 r%3D%2210%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M5.68848 10.7237L9.86816 15.3262L14.9932 8.18604%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  border-radius: 20px;\n  border: 1px solid #d5d5d5;\n  background-position: center;\n  z-index: 100;\n}\n.listen-to-variables-option-class-rPBBX {\n  opacity: 1;\n  opacity: var(--hideOptionSelActive, 1);\n}\n\n.listen-to-variables-gallery-class-dRVC6 {\n  opacity: 1;\n  opacity: var(--hideGallerySelActive, 1);\n}\n";
+styleInject(css_248z);
+
+var IsActive = function IsActive(_ref) {
+  var listenToGalleryVariables = _ref.listenToGalleryVariables,
+    listenToOptionVariables = _ref.listenToOptionVariables;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(isActive, listenToOptionVariables ? listenToVariablesOptionClass : undefined, listenToGalleryVariables ? listenToVariablesGalleryClass : undefined)
+  });
+};
+
+export { IsActive as default };

package/build/esm/index-e4d20f71.js

@@ -0,0 +1,35 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject } from './index-b1ce50e8.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import ActionNavigation from './index-2990371a.js';
+import classnames from 'classnames';
+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';
+
+var font = "font-pqTkf";
+var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ActionNavigationBlue = function ActionNavigationBlue(props) {
+  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
+    showNextButtonIcon: true,
+    className: classnames(font, props.className)
+  }));
+};
+var index = observer(ActionNavigationBlue);
+
+export { index as default };

package/build/esm/index-e5790106.js

@@ -0,0 +1,131 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject } from './index-b1ce50e8.js';
+import { useState, useEffect } from 'react';
+import Toggle from './index-04a482fb.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var wrapper = "wrapper-i5mp2";
+var tabs = "tabs-byZxq";
+var sel = "sel-J1it3";
+var selectionWrapper = "selection-wrapper-BVO4h";
+var selectionText = "selection-text-gO6Tv";
+var selection = "selection-ZoepK";
+var css_248z$1 = ".wrapper-i5mp2 {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.tabs-byZxq {\n  margin: 32px;\n  font-size: 22px;\n  display: flex;\n  gap: 32px;\n}\n\n.tabs-byZxq div {\n  cursor: pointer;\n}\n\n.tabs-byZxq div:hover,\n.sel-J1it3 {\n  border-bottom: var(--primaryColor) 2px solid;\n}\n\n.selection-wrapper-BVO4h {\n  display: flex;\n  position: relative;\n  margin: 8px 32px;\n}\n\n.selection-text-gO6Tv {\n  width: 160px;\n  line-height: 38px;\n}\n.selection-ZoepK {\n  flex-grow: 1;\n}\n\n.selection-wrapper-BVO4h input {\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$1);
+
+var tableWrapper = "table-wrapper-NEM-p";
+var tableCss = "table-css-Qbpn7";
+var css_248z = ".table-wrapper-NEM-p {\n  margin: 16px;\n  overflow: auto;\n  height: calc(100% - 120px);\n}\n.table-css-Qbpn7 {\n}\n.table-css-Qbpn7 td {\n  border: 1px solid black;\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 Table = function Table(_ref) {
+  var properties = _ref.properties,
+    data = _ref.data,
+    id = _ref.id;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    overwrittenProps = _useState2[0],
+    setOverwrittenProps = _useState2[1];
+  var _useState3 = useState(properties),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredProperties = _useState4[0],
+    setFilteredProperties = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchText = _useState6[0],
+    setSearchText = _useState6[1];
+  useEffect(function () {
+    if (searchText) {
+      setFilteredProperties(properties.filter(function (p) {
+        return p.codex.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase()) || p.type.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase());
+      }));
+    } else {
+      setFilteredProperties(properties);
+    }
+  }, [searchText]);
+  useEffect(function () {
+    setSearchText('');
+    setFilteredProperties(properties);
+  }, [id]);
+  var onClick = function onClick(key, newVal, type) {
+    var newVals = _objectSpread({}, overwrittenProps);
+    if (!data) return;
+    newVals[key] = newVal;
+    if (type == 'Array') {
+      data[key] = newVal === null || newVal === void 0 ? void 0 : newVal.split(';');
+    } else {
+      data[key] = newVal;
+    }
+    setOverwrittenProps(newVals);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: selectionWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        className: selectionText,
+        children: "Suche:"
+      }), /*#__PURE__*/jsx("input", {
+        type: "text",
+        value: searchText,
+        onChange: function onChange(e) {
+          var _e$target;
+          return setSearchText((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+        }
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: tableWrapper,
+      children: /*#__PURE__*/jsxs("table", {
+        className: tableCss,
+        children: [/*#__PURE__*/jsx("th", {
+          children: "CODEX"
+        }), /*#__PURE__*/jsx("th", {
+          children: "Beschreibung"
+        }), /*#__PURE__*/jsx("th", {
+          children: "Type"
+        }), /*#__PURE__*/jsx("th", {
+          children: "edit"
+        }), filteredProperties.map(function (p) {
+          var _overwrittenProps$p$c, _overwrittenProps$p$c2, _overwrittenProps$p$c3;
+          return /*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsx("td", {
+              children: p.codex
+            }), /*#__PURE__*/jsx("td", {
+              children: p.desc
+            }), /*#__PURE__*/jsx("td", {
+              children: p.type
+            }), /*#__PURE__*/jsxs("td", {
+              children: [p.type == 'boolean' && /*#__PURE__*/jsx(Toggle, {
+                state: (_overwrittenProps$p$c = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c !== void 0 ? _overwrittenProps$p$c : data === null || data === void 0 ? void 0 : data[p.catalogKey],
+                onChange: function onChange(val) {
+                  return onClick(p.catalogKey, val, p.type);
+                }
+              }), (p.type == 'string' || p.type == 'Array') && /*#__PURE__*/jsx("input", {
+                value: (_overwrittenProps$p$c2 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c2 !== void 0 ? _overwrittenProps$p$c2 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
+                onChange: function onChange(e) {
+                  return onClick(p.catalogKey, e.target.value, p.type);
+                },
+                type: "text"
+              }), p.type == 'number' && /*#__PURE__*/jsx("input", {
+                value: (_overwrittenProps$p$c3 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c3 !== void 0 ? _overwrittenProps$p$c3 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
+                onChange: function onChange(e) {
+                  return onClick(p.catalogKey, e.target.value, p.type);
+                },
+                type: "number"
+              })]
+            })]
+          }, p.codex);
+        })]
+      })
+    })]
+  });
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': Table
+});
+
+export { Table as T, selectionWrapper as a, selectionText as b, selection as c, index as i, sel as s, tabs as t, wrapper as w };

package/build/esm/index-e645224c.js

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