npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.1.0-rc.9 → 25.1.0 - Mend

@crystaldesign/diva-web-planner-react 25.1.0-rc.9 → 25.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1194) hide show

package/build/esm/index-2e3976af.js DELETED Viewed

@@ -1,200 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Inputbox from './index-5349283b.js';
-import Product from './index-33ace9db.js';
-import Settings from './index-3d393ab0.js';
-import TabGroup from './index-f95ee99b.js';
-import NavigationButtons from './index-9fb9af79.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-f0cec003.js';
-import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-54a44a60.js';
-import ProgressBar from './index-d68756db.js';
-import BarrierActions from './index-ce8f2112.js';
-import { jsxs, Fragment, 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 './index-16344a69.js';
-import './index-b0f47b7a.js';
-import './index-11fbb668.js';
-import './index-b7962c98.js';
-import './index-70ecb929.js';
-import 'react-laag';
-import './index-41f18a3e.js';
-import './index-ad164596.js';
-import './index-05748f3e.js';
-import 'sift';
-import './index-8672bb05.js';
-import './index-f9371c0f.js';
-import './index-8f3381ef.js';
-import './index-8f2269ef.js';
-import './index.module-93214742.js';
-import './index-b75bc776.js';
-import 'react-switch';
-import './index-6b677636.js';
-import './index-d0d2d16d.js';
-import './index-c378eedc.js';
-import 'react-dropdown';
-import './index-c60da0b1.js';
-import './index-aaa6b027.js';
-import './index-9d437ef8.js';
-import './index-89f8e1c3.js';
-import '@crystaldesign/content-box';
-import './index-cc670af5.js';
-import './index-7848bac0.js';
-import './index-18ea860e.js';
-import './index-77ad3d51.js';
-import './index-53668b62.js';
-import './index-6d36c20b.js';
-import './index-dc5dddca.js';
-import './index-6982a074.js';
-import './index-e8d81c15.js';
-import './index-b51c13ef.js';
-import './index-3b09b627.js';
-import './index-ebfec8c7.js';
-import './index-0b3f9f2e.js';
-import './index-41328bed.js';
-import './index-33c58077.js';
-import './index-edbbaf2d.js';
-import './index.module-7069bee0.js';
-import './index-53975d15.js';
-import './index-c7e75bc1.js';
-import './index-ade8ffb0.js';
-import './index-38008c11.js';
-import './index-8b212d8a.js';
-import './index-5db17c35.js';
-import './index-53b9a448.js';
-import './index.module-eb5a533e.js';
-import './index-fc2ae620.js';
-import './index-7081fdb3.js';
-import './index-a8812b26.js';
-import './index-ed420ac3.js';
-import './index-d977754e.js';
-import './index-0d4f440c.js';
-import './index-7ddc30a1.js';
-import './index-c7d668a8.js';
-var wcConfigurator = "wcConfigurator-YOuy8";
-var landscape = "landscape-EyFBs";
-var portrait = "portrait-XiOPl";
-var wcConfiguratorProduct = "wcConfigurator-product-Ovdqk";
-var minExpanded = "min-expanded-aFvtw";
-var wcConfiguratorSettingsWrapper = "wc-configurator-settings-wrapper-ymkif";
-var expanded = "expanded-LXnio";
-var maxExpanded = "max-expanded-Q2hOy";
-var wcConfiguratorSettings = "wcConfigurator-settings-OLzdK";
-var wcConfiguratorSteps = "wcConfigurator-steps-1--dZ";
-var closeButtonVisible = "close-button-visible-y3GY8";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-xqcr5";
-var wcConfiguratorAction = "wcConfigurator-action-ycd5b";
-var foldedup = "foldedup-Qqnox";
-var settingsHidden = "settings-hidden-NnHMW";
-var burgerVisible = "burger-visible-AFcf0";
-var isOnLastStep = "isOnLastStep-eAWSY";
-var progressBar = "progressBar-Izqk1";
-var actionOnTop = "action-on-top-UqyK5";
-var css_248z = ".wcConfigurator-YOuy8 {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-YOuy8 *,\n.wcConfigurator-YOuy8 *::before,\n.wcConfigurator-YOuy8 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-YOuy8.landscape-EyFBs {\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-Ovdqk {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.min-expanded-aFvtw .wcConfigurator-product-Ovdqk {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.wc-configurator-settings-wrapper-ymkif {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.expanded-LXnio .wc-configurator-settings-wrapper-ymkif {\n  width: 70%;\n}\n\n.min-expanded-aFvtw .wc-configurator-settings-wrapper-ymkif {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.max-expanded-Q2hOy .wc-configurator-settings-wrapper-ymkif {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-OLzdK {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-1--dZ {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.close-button-visible-y3GY8 .wcConfigurator-steps-1--dZ {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-xqcr5 {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.min-expanded-aFvtw .wcConfigurator-settings-actions-xqcr5 {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-ycd5b {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-LXnio .wcConfigurator-settings-OLzdK,\n.max-expanded-Q2hOy .wcConfigurator-settings-OLzdK,\n.expanded-LXnio .wcConfigurator-settings-actions-xqcr5,\n.max-expanded-Q2hOy .wcConfigurator-settings-actions-xqcr5 {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl,\n.landscape-EyFBs.wcConfigurator-YOuy8 {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-EyFBs .wcConfigurator-product-Ovdqk {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-EyFBs .wcConfigurator-settings-OLzdK {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-EyFBs .wcConfigurator-steps-1--dZ {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-EyFBs .wcConfigurator-settings-actions-xqcr5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-EyFBs .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-XiOPl .wcConfigurator-product-Ovdqk {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-product-Ovdqk {\n  z-index: 1;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-product-Ovdqk {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-XiOPl .wcConfigurator-settings-OLzdK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-OLzdK {\n  top: 100%;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-settings-OLzdK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ.burger-visible-AFcf0 {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-steps-1--dZ {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-XiOPl .wcConfigurator-settings-actions-xqcr5 {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-settings-actions-xqcr5,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-actions-xqcr5 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-XiOPl .wcConfigurator-action-ycd5b,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-action-ycd5b {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.portrait-XiOPl .progressBar-Izqk1 {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.action-on-top-UqyK5 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat 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\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.landscape-EyFBs,\n.portrait-XiOPl {\n  --configuratorActionHeight: 50px;\n}\n\n.wcConfigurator-YOuy8 ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-var Standard = function Standard(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    headerInfos = _useDivaCore$state.headerInfos,
-    isFullscreenComponent = _useDivaCore$state.isFullscreenComponent;
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, isFullscreenComponent ? closeButtonVisible : undefined),
-      children: [/*#__PURE__*/jsx(Product, {
-        className: wcConfiguratorProduct
-      }), !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs("div", {
-        className: wcConfiguratorSettingsWrapper,
-        children: [/*#__PURE__*/jsx(TabGroup, {
-          className: wcConfiguratorSteps
-        }), /*#__PURE__*/jsx(Settings, {
-          className: wcConfiguratorSettings
-        }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: wcConfiguratorSettingsActions
-        }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction
-        })]
-      }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(TabGroup, {
-          className: classnames(wcConfiguratorSteps, headerInfos.onlyBurgerVisibles || isFullscreenComponent ? burgerVisible : undefined),
-          showCloseButtonInMobile: isFullscreenComponent ? 'left' : undefined
-        }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(ProgressBar, {
-          className: progressBar
-        }), /*#__PURE__*/jsx(Settings, {
-          className: wcConfiguratorSettings
-        }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: classnames(wcConfiguratorSettingsActions)
-        }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction
-        }), /*#__PURE__*/jsx(BasketMobile, {
-          className: actionOnTop
-        })]
-      })]
-    }), /*#__PURE__*/jsx(BarrierActions, {}), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#d60084',
-  '--secondaryColor': '#4b4b4b',
-  '--thirdColor': '#e5e5e5; ',
-  '--globalBorderRadius': '3px',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--galleryItemRadius': '50%',
-  '--galleryItemRowCount': '5',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '0.3%',
-  '--galleryItemBorder': '0px',
-  '--galleryItemBorderColor': '#e8e9ed',
-  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
-  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
-  '--lineHeight1': '20.8px',
-  '--fontWeight1': '300',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '11.2px 0 0 0',
-  '--tabGroupBackground': 'unset',
-  '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.9)',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '5px',
-  '--settingsScrollerPaddingLeft': '5px',
-  '--foldArrowMarginRight': 'calc(50% - 8px)',
-  '--configuratorActionHeight': '50px',
-  '--configuratorActionWidthForthBackSpacer': '6px',
-  '--configuratorActionForthWidth': 'calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))',
-  '--configuratorActionBackWidth': 'calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))'
-};
-var index = observer(Standard);
-export { index as default };

package/build/esm/index-2f7d3717.js DELETED Viewed

@@ -1,155 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-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 { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-3fa70c8b.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-33e05116.js';
-import DecisionVisualization from './DecisionVizualizer-fdd40115.js';
-import { jsx, Fragment, jsxs } 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';
-var table = "table-iqWqM";
-var column = "column-0LUrX";
-var scrollable = "scrollable-g4Mgr";
-var header = "header-4-lJa";
-var decision = "decision-d8i43";
-var css_248z = ".table-iqWqM {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-iqWqM thead {\n  font-weight: bold !important;\n}\n.table-iqWqM thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-0LUrX {\n  text-align: left;\n}\n.column-0LUrX:first-child {\n  height: 20px;\n}\n\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  left: 50px;\n}\n.header-4-lJa {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  right: 240px;\n  width: 700px;\n  height: 100%;\n  background-color: #fff;\n  overflow: auto;\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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
-  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]);
-  var article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr == 1;
-  });
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedDecision = _useState4[0],
-    setSelectedDecision = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  if (!article) return /*#__PURE__*/jsx(Fragment, {});
-  var longestStack = article.decisionDebugStacks[0].stack.length;
-  var entries = _toConsumableArray(Array(longestStack).keys());
-  var _onClick = function onClick(nr, decision) {
-    if (nr == (selectedDecision === null || selectedDecision === void 0 ? void 0 : selectedDecision.Number)) {
-      setSelectedDecision(undefined);
-    } else setSelectedDecision(decision);
-  };
-  var filteredDecisions = article.decisionDebugStacks.map(function (d) {
-    return d.stack.map(function (d) {
-      var _d$decision$Options, _d$decision$DOC;
-      return _objectSpread(_objectSpread({}, d), {}, {
-        bold: !!((_d$decision$Options = d.decision.Options) !== null && _d$decision$Options !== void 0 && _d$decision$Options.includes('OPT' + filter)) || ((_d$decision$DOC = d.decision.DOC) === null || _d$decision$DOC === void 0 ? void 0 : _d$decision$DOC.find(function (doc) {
-          var _doc$DA;
-          return (_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
-            return da.OptionCodex == filter;
-          });
-        }))
-      });
-    });
-  });
-  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,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT"
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: filteredDecisions.map(function (d, i) {
-              var text = '';
-              for (var key in article.decisionDebugStacks[i].variantValues) {
-                text = text + key + ': ' + article.decisionDebugStacks[i].variantValues[key] + '\n';
-              }
-              return /*#__PURE__*/jsx("th", {
-                children: text
-              }, 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].decision);
-                  },
-                  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);
-          })
-        })]
-      }), selectedDecision && /*#__PURE__*/jsx("div", {
-        className: decision,
-        children: /*#__PURE__*/jsx(DecisionVisualization, {
-          decision: selectedDecision
-        })
-      })]
-    })]
-  }));
-};
-var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
-export { DecisionAnalyzer$1 as default };

package/build/esm/index-2f808a9f.js DELETED Viewed

@@ -1,142 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { useEffect } from 'react';
-import Settings from './index-3d393ab0.js';
-import TabGroup from './index-f95ee99b.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-5349283b.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-16344a69.js';
-import './index-b0f47b7a.js';
-import './index-11fbb668.js';
-import './index-b7962c98.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-70ecb929.js';
-import 'react-laag';
-import './index-41f18a3e.js';
-import 'classnames';
-import './index-ad164596.js';
-import './index-05748f3e.js';
-import 'sift';
-import './index-8672bb05.js';
-import './index-f9371c0f.js';
-import './index-8f3381ef.js';
-import './index-8f2269ef.js';
-import './index.module-93214742.js';
-import './index-b75bc776.js';
-import 'react-switch';
-import './index-6b677636.js';
-import './index-d0d2d16d.js';
-import './index-c378eedc.js';
-import 'react-dropdown';
-import './index-c60da0b1.js';
-import './index-aaa6b027.js';
-import './index-9d437ef8.js';
-import './index-89f8e1c3.js';
-import '@crystaldesign/content-box';
-import './index-cc670af5.js';
-import './index-7848bac0.js';
-import './index-18ea860e.js';
-import './index-77ad3d51.js';
-import './index-53668b62.js';
-import './index-6d36c20b.js';
-import './index-dc5dddca.js';
-import './index-6982a074.js';
-import './index-e8d81c15.js';
-import './index-b51c13ef.js';
-import './index-3b09b627.js';
-import './index-ebfec8c7.js';
-import './index-0b3f9f2e.js';
-import './index-41328bed.js';
-import './index-33c58077.js';
-import './index-edbbaf2d.js';
-import './index.module-7069bee0.js';
-import './index-53975d15.js';
-import './index-c7e75bc1.js';
-import './index-ade8ffb0.js';
-import './index-38008c11.js';
-import './index-8b212d8a.js';
-import './index-5db17c35.js';
-import './index-53b9a448.js';
-import './index.module-eb5a533e.js';
-import './index-fc2ae620.js';
-import './index-7081fdb3.js';
-import './index-a8812b26.js';
-import './index-ed420ac3.js';
-import './index-d977754e.js';
-import './index-0d4f440c.js';
-import './index-7ddc30a1.js';
-import './index-c7d668a8.js';
-var wcConfigurator = "wcConfigurator-IeI91";
-var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
-var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
-styleInject(css_248z);
-var Classification = function Classification(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps,
-        tabSearchClass: tabSearchClass
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-    })
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#455864',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#f4f4f4',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Classification);
-export { index as default };

package/build/esm/index-30d3a444.js DELETED Viewed

@@ -1,97 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-497c4f05.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-c6d079d4.js';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 _excluded = ["plannerArticles", "curBox", "isExpanded"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var plannerArticles = _ref.plannerArticles,
-    curBox = _ref.curBox;
-    _ref.isExpanded;
-    var props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useState = useState('None'),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var curElement = plannerArticles[curBox];
-  var article = filteredArticles[curBox];
-  var svgURL = '';
-  if (curElement === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  if (curElement.topSvgsWithFormula) {
-    var _article$plannerData;
-    (_article$plannerData = article.plannerData) === null || _article$plannerData === void 0 || _article$plannerData.curSVG;
-    var curSVG = curElement.topSvgsWithFormula.find(function (item) {
-      var _article$plannerData2;
-      return item.SVG === ((_article$plannerData2 = article.plannerData) === null || _article$plannerData2 === void 0 ? void 0 : _article$plannerData2.curSVG);
-    });
-    if (curSVG !== null && curSVG !== void 0 && curSVG.SVG) {
-      svgURL = article.CatalogData.getCatImageURL(curSVG.SVG, '');
-    }
-  }
-  if (!svgURL) {
-    svgURL = article.CatalogData.getCatImageURL(curElement.topSvg, '');
-  }
-  if (svgURL !== '') {
-    var getSVG = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(topSVGUrl) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch(topSVGUrl);
-            case 2:
-              response = _context.sent;
-              _context.t0 = setText;
-              _context.next = 6;
-              return response.text();
-            case 6:
-              _context.t1 = _context.sent;
-              (0, _context.t0)(_context.t1);
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function getSVG(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    getSVG(svgURL);
-  } else if (text != 'None') setText('None');
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    children: /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: text
-    })
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-export { SVGSourceViewer$1 as default };

package/build/esm/index-324619b6.js DELETED Viewed

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