@crystaldesign/diva-web-planner-react 25.8.0-beta.21 → 25.8.0-beta.22

package/build/esm/index-90078237.js

@@ -1,69 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c598f30c.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var landscape = "landscape-GMTKj";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n.portrait-R75Hr.wcTabGroupItem-xfakc,\n.landscape-GMTKj.wcTabGroupItem-xfakc {\n  line-height: 50px;\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcTabGroupItem-xfakc.wcActiveStep-E81Bg {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.horizontal-line-RQbQm {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_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 keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick() {
-        return onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };

package/build/esm/index-909c0615.js

@@ -1,204 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-c598f30c.js';
-import { useState, useEffect, Suspense } from 'react';
-import { n as notExpanded } from './index.module-4b8a1949.js';
-import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-b62f7717.js';
-import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-db65a8ab.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toggle from './index-8b41b281.js';
-import AsyncRender from './index-5fe0e24c.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import 'react-json-view-lite';
-import 'react-draggable';
-import 'react-switch';
-import './index-7eb2187e.js';
-import 'react-collapsible';
-
-var _excluded = ["onMouseDown"];
-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 PartList = function PartList(_ref) {
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedDecision = _useState2[0],
-    setSelectedDecision = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    articlesList = _useState4[0],
-    setArticlesList = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showVariantsOverview = _useState6[0],
-    setShowVariantsOverview = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    allTablesOpen = _useState8[0],
-    setAllTablesOpen = _useState8[1];
-  var _useState9 = useState(true),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showDiffOnly = _useState10[0],
-    setShowDiffOnly = _useState10[1];
-  var onClick = function onClick(obj) {
-    var _selectedDecision$dec, _selectedDecision$dec2;
-    var d = obj.decision;
-    var nr = d.decisionNo || d.Number;
-    if (nr == ((selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec = selectedDecision.decision) === null || _selectedDecision$dec === void 0 ? void 0 : _selectedDecision$dec.Number) || (selectedDecision === null || selectedDecision === void 0 || (_selectedDecision$dec2 = selectedDecision.decision) === null || _selectedDecision$dec2 === void 0 ? void 0 : _selectedDecision$dec2.decisionNo))) {
-      setSelectedDecision(undefined);
-    } else setSelectedDecision(obj);
-  };
-  useEffect(function () {
-    if (showVariantsOverview) {
-      setTimeout(function () {
-        return updateVariants();
-      }, 400);
-    } else {
-      setArticlesList([{
-        snapshots: [{
-          promise: new Promise(function (r) {
-            var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3;
-            r({
-              articleSnapshot: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {},
-              price: (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getSetPrice()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : 0
-            });
-          }),
-          title: '',
-          key: viewHandler.settingsState.configChanged.toString()
-        }]
-      }]);
-    }
-  }, [viewHandler.settingsState.configChanged, viewHandler.tabGroupState.curConfigStep]);
-  var updateVariants = function updateVariants() {
-    var snapshots = [];
-    var partlistArticlesInOverview = {};
-    var allItems = viewHandler.settingsState.itemPaletteArr.filter(function (i) {
-      return i[1].visible;
-    }).map(function (i) {
-      return {
-        items: i[1].groups.flatMap(function (g) {
-          return g.items.flatMap(function (c) {
-            return c;
-          });
-        }),
-        palette: i[1]
-      };
-    });
-    for (var i = 0; i < allItems.length; i++) {
-      var items = allItems[i].items;
-      var palette = allItems[i].palette;
-      var preparedItems = [];
-      for (var j = 0; j < items.length; j++) {
-        var item = items[j];
-        if (item.pricePreviewPromise && (item.text || item.name)) {
-          preparedItems.push({
-            promise: item.pricePreviewPromise.promise,
-            title: item.text || item.name,
-            key: palette.configStepKey
-          });
-        }
-      }
-      partlistArticlesInOverview[palette.configStepKey] = {
-        items: [],
-        totalCount: items.length
-      };
-      snapshots.push({
-        snapshots: preparedItems,
-        palette: palette
-      });
-    }
-    viewHandler.settingsState.setPartlistArticlesInOverview(partlistArticlesInOverview);
-    setArticlesList(snapshots);
-  };
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (set) set.logTotalStateForVariants = showVariantsOverview;
-  }, [showVariantsOverview]);
-  if (!(articlesList !== null && articlesList !== void 0 && articlesList.length)) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsxs("a", {
-      className: header,
-      onMouseDown: onMouseDown,
-      children: ['Stücklisten Übersicht', /*#__PURE__*/jsxs("div", {
-        className: toggleWrapper,
-        children: [/*#__PURE__*/jsx(Toggle, {
-          state: showVariantsOverview,
-          onChange: function onChange(val) {
-            return setShowVariantsOverview(val);
-          },
-          on: "alle",
-          off: "einzeln",
-          width: 100
-        }), showVariantsOverview && /*#__PURE__*/jsx(Toggle, {
-          state: allTablesOpen,
-          onChange: function onChange(val) {
-            return setAllTablesOpen(val);
-          },
-          on: "offen",
-          off: "zu",
-          width: 100
-        }), showVariantsOverview && /*#__PURE__*/jsx(Toggle, {
-          state: showDiffOnly,
-          onChange: function onChange(val) {
-            return setShowDiffOnly(val);
-          },
-          on: "schnittm.",
-          off: "alle",
-          width: 100
-        })]
-      })]
-    }), articlesList.map(function (a, index) {
-      var _a$palette;
-      return /*#__PURE__*/jsxs("div", {
-        className: optionWrapper,
-        children: [!!((_a$palette = a.palette) !== null && _a$palette !== void 0 && _a$palette.name) && /*#__PURE__*/jsx("div", {
-          children: a.palette.name
-        }), a.snapshots.map(function (v) {
-          return /*#__PURE__*/jsx(Suspense, {
-            children: /*#__PURE__*/jsx(AsyncRender, {
-              onClick: onClick,
-              optionSnapshot: v,
-              allOpen: allTablesOpen,
-              showDiffOnly: showDiffOnly
-            }, v.key)
-          });
-        })]
-      }, index);
-    }), selectedDecision && /*#__PURE__*/jsx("div", {
-      className: decision,
-      style: {
-        right: 0,
-        zIndex: 100
-      },
-      children: /*#__PURE__*/jsx(DecisionVisualization, {
-        decision: selectedDecision.decision,
-        matchingOptions: selectedDecision.rule
-      })
-    })]
-  }));
-};
-var PartListTable = observer(PartList);
-
-export { PartListTable as default };

package/build/esm/index-911687d1.js

@@ -1,136 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-c598f30c.js';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-cc3d358c.js';
-import classnames from 'classnames';
-import IsActive from './index-5e1b659d.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-17055550.js';
-import InfoIcon from './index-dc17d36f.js';
-import PricePreview from './index-d9378b2b.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var paletteItem = "PaletteItem-WUuXa";
-var wcSize = "wcSize-eyEDf";
-var wcSizeGallery = "wcSize-gallery-l2o6z";
-var sel = "sel-1MlhE";
-var wcVCodexTextWrapper = "wcVCodexTextWrapper-B9kjy";
-var wcVCodexText = "wcVCodexText-l-tMp";
-var wcGallery = "wcGallery-jbfei";
-var hexColor = "hexColor-otBJT";
-var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\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 Gallery = function Gallery(_ref) {
-  var _item$freeText, _renderLayer;
-  var itemP = _ref.item,
-    hidePricePreview = _ref.hidePricePreview,
-    paletteId = _ref.paletteId,
-    style = _ref.style,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? /*#__PURE__*/jsx(IsActive, {
-      listenToGalleryVariables: true
-    }) : _ref$isActive;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var onClick = function onClick() {
-    if (item.doShowFav) {
-      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-    }
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0];
-    _useState2[1];
-
-  /* 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 && (item.image || item.hexColor) && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-      style: style,
-      id: item.codex,
-      "data-test-id": "plannerPaletteItem",
-      className: classnames(paletteItem, wcGallery, item.sel ? sel : undefined),
-      onClick: onClick
-    }, triggerProps), hoverProps), {}, {
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classnames(wcSize, wcSizeGallery),
-        children: [!item.doShowFav && item.sel && isActive !== undefined && isActive, item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: item
-        }, item.codex), (viewHandler.getViewConfig().showVCodexInGallery && item.vCodex || item.freeText) && /*#__PURE__*/jsx("div", {
-          className: wcVCodexTextWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            className: classnames(wcVCodexText),
-            children: (_item$freeText = item.freeText) !== null && _item$freeText !== void 0 ? _item$freeText : item.vCodex
-          })
-        }), item.image ? /*#__PURE__*/jsx("img", {
-          src: item.image
-        }) : item.hexColor ? /*#__PURE__*/jsx("div", {
-          className: hexColor,
-          style: {
-            backgroundColor: '#' + item.hexColor
-          }
-        }) : /*#__PURE__*/jsx(Fragment, {}), item.doShowFav && /*#__PURE__*/jsx("div", {
-          className: item.isFav ? wcFavoriteSel : wcFavorite
-        })]
-      }), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: item.pricePreviewPromise,
-        sel: item.sel
-      })]
-    })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: /*'RAL: ' + item.rals?.[0] + '     ' +*/item.text,
-      desciption: metaDataVisible,
-      image: item.image,
-      layerProps: layerProps,
-      pricePreviewPromise: item.pricePreviewPromise,
-      hexColor: item.hexColor
-    }, item.codex)))]
-  });
-};
-var index = observer(Gallery);
-
-export { index as default };

package/build/esm/index-9194b824.js

@@ -1,40 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-c598f30c.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-67de9c5f.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index.module-0724dc00.js';
-
-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-92c7258b.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c598f30c.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ItemVariant = function ItemVariant(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "TabGroup/TabGroupVertical/ItemVariants"
-  }));
-};
-
-export { ItemVariant as default };

package/build/esm/index-9352fa88.js

@@ -1,40 +0,0 @@
-import { s as styleInject } from './index-c598f30c.js';
-import ProductHeader from './index-034a73c9.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-525b4114.js';
-import '@crystaldesign/content-box';
-import './index-4b35a021.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var productHeader = "product-header-h3vB3";
-var css_248z = ".product-header-h3vB3 * {\n  color: var(--secondaryColor) !important;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderGold = function ProductHeaderGold(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderGold as default };

package/build/esm/index-939e9873.js

@@ -1,102 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c598f30c.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var configuratorTabGroup = "Configurator-tabGroup-DK2Gs";
-var configuratorTabGroupTitle = "Configurator-tabGroupTitle-3xPwf";
-var configuratorSpec = "Configurator-spec-oPYns";
-var configuratorSpecThumb = "Configurator-spec-thumb-zZsc4";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-qZRM5";
-var configuratorSpecCat = "Configurator-spec-cat-qGdqW";
-var configuratorSpecOption = "Configurator-spec-option-WwGgo";
-var isNotDefined = "isNotDefined-EwkSz";
-var configuratorSpecNotDefined = "configurator-spec-not-defined-oO1-l";
-var configuratorSpecPrice = "Configurator-spec-price-IXdTc";
-var configuratorSpecPosNr = "Configurator-spec-posNr-qjwMj";
-var configuratorSpecBtn = "Configurator-spec-btn-LlCEw";
-var configuratorSpecNotExpanded = "Configurator-spec-not-expanded--LVB-";
-var css_248z = "/*Summary*/\n.Configurator-tabGroup-DK2Gs {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.Configurator-tabGroupTitle-3xPwf {\n  font-weight: 300;\n}\n\n.Configurator-spec-oPYns {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.Configurator-spec-oPYns > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.Configurator-spec-oPYns > div > span,\n.Configurator-spec-oPYns > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.Configurator-spec-thumb-zZsc4 {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.Configurator-spec-text-Container-qZRM5 {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.Configurator-spec-cat-qGdqW {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.Configurator-spec-option-WwGgo {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: calc(28% - 3rem);\n}\n\n.configurator-spec-not-defined-oO1-l {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3Csvg height%3D%2232px%22 version%3D%221.1%22 viewBox%3D%220 0 32 32%22 width%3D%2232px%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22%3E%3Cg fill%3D%22%23929292%22 id%3D%22icon-61-warning%22%3E%3Cpath d%3D%22M15.4242327%2C5.14839275 C16.2942987%2C3.74072976 17.707028%2C3.74408442 18.5750205%2C5.14839275 L29.3601099%2C22.59738 C30.5216388%2C24.4765951 29.6755462%2C26 27.4714068%2C26 L6.5278464%2C26 C4.32321557%2C26 3.47386317%2C24.4826642 4.63914331%2C22.59738 L15.4242327%2C5.14839275 L15.4242327%2C5.14839275 Z M16.353181%2C5.5229211 C16.7005152%2C4.96165163 17.2647678%2C4.9634187 17.6110318%2C5.52292108 L28.6162937%2C23.3055078 C29.1954663%2C24.2413498 28.7622271%2C24.9999996 27.6746349%2C24.9999996 L6.29039231%2C25 C5.19115596%2C25 4.76644971%2C24.2463265 5.34866262%2C23.3055082 L16.353181%2C5.5229211 L16.353181%2C5.5229211 Z M17%2C11 C16.4477153%2C11 16%2C11.4530363 16%2C11.9970301 L16%2C18.0029699 C16%2C18.5536144 16.4438648%2C19 17%2C19 C17.5522847%2C19 18%2C18.5469637 18%2C18.0029699 L18%2C11.9970301 C18%2C11.4463856 17.5561352%2C11 17%2C11 L17%2C11 Z M17%2C23 C17.5522848%2C23 18%2C22.5522848 18%2C22 C18%2C21.4477152 17.5522848%2C21 17%2C21 C16.4477152%2C21 16%2C21.4477152 16%2C22 C16%2C22.5522848 16.4477152%2C23 17%2C23 L17%2C23 Z%22 id%3D%22warning%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-option-WwGgo:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.Configurator-spec-price-IXdTc {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.Configurator-spec-posNr-qjwMj {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.Configurator-spec-posNr-qjwMj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.Configurator-spec-btn-LlCEw {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.Configurator-spec-btn-LlCEw:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.Configurator-spec-not-expanded--LVB-,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-text-Container-qZRM5 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > .isNotDefined-EwkSz .Configurator-spec-option-WwGgo {\n  width: 100%;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.configurator-spec-not-defined-oO1-l {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.Configurator-spec-not-expanded--LVB- > div > div.isNotDefined-EwkSz > span.Configurator-spec-posNr-qjwMj {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-cat-qGdqW:hover,\n.Configurator-spec-not-expanded--LVB- .Configurator-spec-option-WwGgo:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .Configurator-spec-oPYns,\n  .Configurator-spec-text-Container-qZRM5 {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .Configurator-spec-oPYns > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .Configurator-spec-cat-qGdqW:hover,\n  .Configurator-spec-option-WwGgo:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n";
-styleInject(css_248z);
-
-var Summary = function Summary(_ref) {
-  var _item$targetArticlePo;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  if (item.isTabGroup) {
-    return /*#__PURE__*/jsx("div", {
-      className: configuratorTabGroup,
-      children: /*#__PURE__*/jsx("span", {
-        className: configuratorTabGroupTitle,
-        children: t('configurator.' + item.title, item.title)
-      })
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(configuratorSpec, viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded ? undefined : configuratorSpecNotExpanded),
-    children: [/*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecThumb,
-        style: {
-          backgroundImage: item.image ? "url(".concat(item.image, ")") : 'none'
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(configuratorSpecTextContainer, !item.isDefined ? isNotDefined : undefined),
-        children: [/*#__PURE__*/jsxs("span", {
-          className: configuratorSpecCat,
-          children: [item.quantity && '(x' + item.quantity + ') ', item.title]
-        }), /*#__PURE__*/jsx("span", {
-          className: configuratorSpecOption,
-          dangerouslySetInnerHTML: {
-            __html: item.description
-          }
-        }), !item.isDefined && /*#__PURE__*/jsx("span", {
-          title: t('configurator.OPTION_NOT_DEFINED'),
-          className: configuratorSpecNotDefined
-        }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-          className: configuratorSpecPrice,
-          children: DivaUtils.formatPrice(item.price)
-        }), !viewHandler.uiState.ViewConfig.hideElementInfo && /*#__PURE__*/jsx("span", {
-          className: configuratorSpecPosNr,
-          children: (_item$targetArticlePo = item.targetArticlePosNrs) === null || _item$targetArticlePo === void 0 ? void 0 : _item$targetArticlePo.map(function (posNr, i) {
-            return /*#__PURE__*/jsx("span", {
-              children: posNr
-            }, i);
-          })
-        })]
-      })]
-    }), /*#__PURE__*/jsx("button", {
-      className: configuratorSpecBtn,
-      type: "button",
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnSummaryPalette(item);
-      }
-    })]
-  });
-};
-var index = observer(Summary);
-
-export { index as default };