@crystaldesign/diva-web-planner-react 25.8.0-beta.29 → 25.8.0-beta.3

package/build/esm/index-ce19f388.js

@@ -1,66 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import '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 header = "header-88iFZ";
-var wrapper = "wrapper-zFPaP";
-var title = "title-Mime-";
-var sel = "sel--F5X-";
-var collapseArrow = "collapseArrow-iq67x";
-var open = "open-t8G5n";
-var mobile = "mobile-Ksq3e";
-var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
-  var openState = _ref.openState,
-    curState = _ref.curState,
-    tabs = _ref.tabs;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    onClick: function onClick() {
-      return openState[1](!openState[0]);
-    },
-    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: tabs.map(function (b, index) {
-        return /*#__PURE__*/jsxs("div", {
-          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
-          onClick: function onClick(e) {
-            curState[1](b);
-            if (!openState[0]) openState[1](true);
-            e.stopPropagation();
-          },
-          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
-        }, b);
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(collapseArrow)
-    })]
-  });
-};
-var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
-
-export { SubTabGroupHeader$1 as default };

package/build/esm/index-ce63ab75.js

@@ -1,62 +0,0 @@
-import { u as useViewHandler } from './index-1cd57760.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsxs, 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 '@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 PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps,
-    hasTrash = _ref.hasTrash;
-  var viewHandler = useViewHandler();
-  var top = item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px';
-  if (hasTrash && rect.top < 4) top = 'calc(' + top + ' + 35px + var(--globalSize) / 2)'; // 35px space for trash icon
-  else top = 'calc(' + top + ' + var(--globalSize) / 2)'; // correct for icon center
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left,
-      top: top,
-      visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      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: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-cf0afeaa.js

@@ -1,163 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-291d2530.js';
-import PricePreview from './index-96b527dd.js';
-import { g as getKey } from './index-ec5ce201.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@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 'sift';
-import './index-32651b83.js';
-import './index-c2c0cfe6.js';
-import './index-a454b68b.js';
-import './index-3f059d2a.js';
-import './index-e70b67cb.js';
-import './index.module-761feee5.js';
-import './index-a30abd27.js';
-import 'react-switch';
-import './index-6298f42d.js';
-import 'react-dropdown';
-import './index-432c5859.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6a7a957c.js';
-import './index-6f4e5bf2.js';
-import './index-2c0a7a82.js';
-import '@crystaldesign/content-box';
-import './index-788d6797.js';
-import './index-58574969.js';
-import './index-8cc23e1e.js';
-import './index-9aff6816.js';
-import './index-2a3ef4fc.js';
-import './index-ee81bb62.js';
-import 'react-laag';
-import './index-6eda84ea.js';
-import './index-af273144.js';
-import './index-849aa088.js';
-import './index-a4f4b1fb.js';
-import './index-3203379b.js';
-import './index-9f4b3c3e.js';
-import './index-7d047549.js';
-import './index-f18e4f1c.js';
-import './index-85fe5078.js';
-import './index-a63ec5e2.js';
-import './index.module-04d1340a.js';
-import './index-517840cf.js';
-import './index-04cd8de1.js';
-import './index-6457a739.js';
-import './index-9b2254bb.js';
-import './index-9235a491.js';
-import './index-612eb478.js';
-import './index-3ee1c674.js';
-import './index.module-d9207012.js';
-import './index-7d526616.js';
-import './index-7cfd1785.js';
-
-var wrapper = "wrapper--ib5A";
-var wcGroupedContainer = "wcGroupedContainer-PIV-1";
-var wcPaletteHeader = "wcPaletteHeader-743rE";
-var wcSizeGroupHeader = "wcSizeGroupHeader-qNjZR";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-vGDWm";
-var wcFoldingArrow = "wcFoldingArrow-Ta8kT";
-var wcGroupOpen = "wcGroupOpen-oAf0q";
-var css_248z = ".wrapper--ib5A {\n  width: 100%;\n}\n\n.wcConfigurator-settings-Jey-L .wcGroupedContainer-PIV-1 {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-vGDWm {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.wcGroupHeaderTitle-vGDWm:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%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;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.wcGroupOpen-oAf0q .wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(!group.isFolded),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-
-export { Group$1 as default };

package/build/esm/index-cf44cac9.js

@@ -1,103 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import 'react';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 tableOptions = "table-options-phhIL";
-var tableSpan15 = "table-span15-sSyJ4";
-var tableSpan5 = "table-span5-wqrZR";
-var tableSpan7 = "table-span7-z-JAr";
-var img = "img-RdvAq";
-var checked = "checked--oiE6";
-var unchecked = "unchecked-RbO0u";
-var optionImage = "option-image-4wxp2";
-var marginTop = "marginTop-76IgZ";
-var css_248z = ".table-options-phhIL {\n  display: flex;\n  gap: 10px;\n  text-align: left;\n  border-bottom: 1px solid black;\n  margin-bottom: 10px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-options-phhIL th:hover:last-child {\n  cursor: pointer;\n}\n.table-options-phhIL:nth-last-child(-n + 2) {\n  margin-top: 12px;\n}\n\n.table-options-phhIL span {\n  flex-basis: 100%;\n}\n.table-options-phhIL .table-span10-CHfJN {\n  flex-basis: 15%;\n}\n.table-options-phhIL .table-span15-sSyJ4 {\n  flex-basis: 20%;\n  font-size: 12px;\n}\n.table-options-phhIL .table-span5-wqrZR {\n  flex-basis: 4%;\n}\n.table-options-phhIL .table-span7-z-JAr {\n  flex-basis: 7.65%;\n}\n.img-RdvAq {\n  height: 25px;\n  background-repeat: no-repeat;\n  cursor: pointer;\n  background-position: 80% 50%;\n}\n.checked--oiE6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.unchecked-RbO0u {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.option-image-4wxp2 {\n  width: 45px;\n  height: 45px;\n}\n.marginTop-76IgZ {\n  margin-top: 12px;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["tabGroupOption", "basketId"];
-var TabGroupOptions = function TabGroupOptions(_ref) {
-  var _article$getArticleOp, _ops$val, _ops$valCodex;
-  var tabGroupOption = _ref.tabGroupOption,
-    basketId = _ref.basketId;
-    _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var article = articles === null || articles === void 0 ? void 0 : articles[basketId];
-  var ops = article === null || article === void 0 || (_article$getArticleOp = article.getArticleOptionState) === null || _article$getArticleOp === void 0 ? void 0 : _article$getArticleOp.call(article, tabGroupOption.codex);
-  var posNr = Object.values(tabGroupOption.configSteps)[0].posNr;
-  if (ops === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  var image = (_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.image;
-  if (image) image = article === null || article === void 0 ? void 0 : article.CatalogData.getCatImageURL(image, '_low');else image = undefined;
-  var clickNavigation = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(posNr);
-            viewHandler.updateConfiguratorState(true);
-            _context.next = 4;
-            return DivaUtils.Sleep(100);
-          case 4:
-            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function clickNavigation() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs("div", {
-      onClick: clickNavigation,
-      className: tableOptions,
-      children: [/*#__PURE__*/jsxs("span", {
-        children: [/*#__PURE__*/jsx("div", {
-          children: ops.optionName + ' (' + ops.optionCodex.replace('OPT', '') + ')'
-        }), /*#__PURE__*/jsx("div", {
-          children: ops.valName + ' (' + ((_ops$valCodex = ops.valCodex) === null || _ops$valCodex === void 0 ? void 0 : _ops$valCodex.replace('OPV', '')) + ')'
-        }), !!ops.freeText && /*#__PURE__*/jsx("div", {
-          children: ops.freeText
-        })]
-      }), /*#__PURE__*/jsx("span", {
-        className: tableSpan5,
-        children: image != undefined && /*#__PURE__*/jsx("img", {
-          src: image,
-          className: optionImage
-        })
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(tableSpan15, marginTop),
-        children: !!(ops.usedCalcPrice || ops.calcPrice) && DivaUtils.formatPrice(ops.usedCalcPrice || ops.calcPrice)
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(tableSpan5, marginTop),
-        children: ops.headerPosVariationType
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(img, tableSpan7, marginTop, ops.isDefined ? checked : unchecked)
-      })]
-    })
-  });
-};
-var TabGroupOptions$1 = observer(TabGroupOptions);
-
-export { TabGroupOptions$1 as default };

package/build/esm/index-d030860e.js

@@ -1,207 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-1cd57760.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-7792da84.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-84c6d00a.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-9c987b9c.js';
-import ArticleSelector from './index-4c6b3edb.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-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-select';
-
-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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
-  var _article$decisionDebu;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return DivaUtils.Sleep(1000);
-            case 2:
-              setRerender(!rerender);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.tabGroupState.allTabGroups]);
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (set && !set.logDecisions) set.logDecisions = true;
-    return function () {
-      var set = viewHandler.divaWebPlanner.actSet();
-      if (set) set.logDecisions = false;
-    };
-  }, [viewHandler.uiState.isLoading]);
-  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-      return a.posNr == 1;
-    })),
-    _useState4 = _slicedToArray(_useState3, 2),
-    article = _useState4[0],
-    setArticle = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedRow = _useState6[0],
-    setSelectedRow = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filter$1 = _useState8[0],
-    setFilter = _useState8[1];
-  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - plann article"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var isIDMFormat = article.CatalogData.isIDMFormat;
-  var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
-  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - change config"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var entries = _toConsumableArray(Array(longestStack).keys());
-  var _onClick = function onClick(nr, row) {
-    var _selectedRow$decision, _selectedRow$decision2;
-    if (nr == ((selectedRow === null || selectedRow === void 0 || (_selectedRow$decision = selectedRow.decision) === null || _selectedRow$decision === void 0 ? void 0 : _selectedRow$decision.Number) || (selectedRow === null || selectedRow === void 0 || (_selectedRow$decision2 = selectedRow.decision) === null || _selectedRow$decision2 === void 0 ? void 0 : _selectedRow$decision2.decisionNo))) {
-      setSelectedRow(undefined);
-    } else setSelectedRow(row);
-  };
-  var filteredDecisions = [];
-  if (isIDMFormat) {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _featureRefs;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter$1 !== undefined && (_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter$1)
-          //!!(d.decision as IDMDecision).optionCombinations?.find((o) => Object.values(o.projectActions)?.find((da) => (da) == filter || da == filter)))
-          )
-        });
-      });
-    });
-  } else {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _DOC, _Options;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter$1 !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
-            var _doc$DA, _doc$JsFormula;
-            return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
-              return da.OptionCodex == filter$1 || da.DecisionNr == filter$1;
-            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter$1 + "'"));
-          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter$1))))
-        });
-      });
-    });
-  }
-  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,
-      children: ["Decision history", /*#__PURE__*/jsx("input", {
-        value: filter$1,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT",
-        className: filter
-      })]
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsx("tr", {
-          className: column,
-          children: filteredDecisions.map(function (d, i) {
-            return /*#__PURE__*/jsx("th", {
-              children: i
-            }, i);
-          })
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: entries.map(function (x, i) {
-          return /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: filteredDecisions.map(function (d, j) {
-              var _d$i, _d$i2;
-              return /*#__PURE__*/jsx("th", {
-                onClick: function onClick() {
-                  return _onClick(d[i].nr, d[i]);
-                },
-                children: d[i].bold ? /*#__PURE__*/jsx("strong", {
-                  children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
-                }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
-              }, j);
-            })
-          }, i);
-        })
-      })]
-    }), selectedRow && /*#__PURE__*/jsx("div", {
-      className: decision,
-      children: /*#__PURE__*/jsx(DecisionVisualization, {
-        decision: selectedRow.decision,
-        snapshots: selectedRow.snapshots,
-        onClose: function onClose() {
-          return setSelectedRow(undefined);
-        }
-      })
-    })]
-  }));
-};
-var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
-
-export { DecisionAnalyzer$1 as default };

package/build/esm/index-d329d6f7.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, 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 sumWrapper = "sum-wrapper-gnJDJ";
-var isMobile = "is-mobile-MyAw2";
-var priceWrapper = "price-wrapper-OEjmk";
-var price = "price-JPhUm";
-var betterPrice = "better-price-q5J8D";
-var canceled = "canceled-sYf8-";
-var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
-styleInject(css_248z);
-
-var PriceSumm = function PriceSumm(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      children: t('configurator.Sum', 'Summe')
-    }), /*#__PURE__*/jsxs("div", {
-      className: priceWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
-        children: !hidePrices && viewHandler.productState.formatedCurSetPrice
-      }), viewHandler.productState.formatedBruttoPrice && !hidePrices && /*#__PURE__*/jsxs("div", {
-        className: classnames(price, canceled),
-        children: [" ", viewHandler.productState.formatedBruttoPrice]
-      })]
-    })]
-  });
-};
-var PriceSumm$1 = observer(PriceSumm);
-
-export { PriceSumm$1 as default };