@crystaldesign/diva-web-planner-react 25.5.0-beta.9 → 25.5.0-rc.0

package/build/esm/index-baddc02a.js

@@ -1,122 +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-074dcea5.js';
-import { observer } from 'mobx-react-lite';
-import { useState, createElement } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-6890ed24.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import MetaData from './index-8574e325.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 '@crystaldesign/widget-contact-form';
-import './index-a20fd1bc.js';
-
-var wrapper = "wrapper-q2VFw";
-var textWrapper = "text-wrapper-Th9kS";
-var element = "element-e6pDX";
-var elementText = "element-text-Lfswv";
-var image = "image-p37Vz";
-var hexColor = "hexColor-JQ-dp";
-var text = "text-DX9ZX";
-var deleteButton = "delete-button-sXPbV";
-var css_248z = ".wrapper-q2VFw {\n  position: relative;\n}\n\n.text-wrapper-Th9kS {\n  width: 48%;\n}\n.element-e6pDX {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.element-text-Lfswv {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.image-p37Vz {\n  width: 100%;\n  height: auto;\n}\n\n.hexColor-JQ-dp {\n  width: 100%;\n  height: 100%;\n}\n\n.text-DX9ZX {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.delete-button-sXPbV {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23fff%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.delete-button-sXPbV:hover {\n  cursor: pointer;\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 Item = function Item(_ref) {
-  var _renderLayer, _selectedElement$meta;
-  var selectedElement = _ref.selectedElement,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _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) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var notRelevant = selectedElement.codex.includes('OPV_NICHT_RELEVANT');
-  var isTextElement = !selectedElement.image && !selectedElement.hexColor;
-  if (notRelevant) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, isTextElement ? textWrapper : undefined),
-    children: [/*#__PURE__*/createElement("div", _objectSpread(_objectSpread(_objectSpread({}, triggerProps), hoverProps), {}, {
-      key: selectedElement.codex,
-      className: classnames(element, isTextElement ? elementText : undefined),
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.scrollToOPV(paletteId, selectedElement.codex);
-      },
-      title: t('configurator.scroll_there', 'hier hin scrollen')
-    }), selectedElement.image ? /*#__PURE__*/jsx("img", {
-      className: image,
-      src: selectedElement.image
-    }) : selectedElement.hexColor ? /*#__PURE__*/jsx("div", {
-      className: hexColor,
-      style: {
-        backgroundColor: '#' + selectedElement.hexColor
-      }
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: text,
-        children: selectedElement.text
-      }), /*#__PURE__*/jsx(MetaData, {
-        metaData: selectedElement.metaData,
-        visible: [metaDataVisible, setMetaDataVisible]
-      }, selectedElement.codex)]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: selectedElement.text,
-      codex: (_selectedElement$meta = selectedElement.metaData) === null || _selectedElement$meta === void 0 || (_selectedElement$meta = _selectedElement$meta.find(function (m) {
-        return m.codex === 'codex';
-      })) === null || _selectedElement$meta === void 0 ? void 0 : _selectedElement$meta.values[0],
-      image: selectedElement.image,
-      hexColor: selectedElement.hexColor,
-      layerProps: layerProps
-    }, selectedElement.codex)))), /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnConfigPalette(selectedElement, undefined, paletteId);
-      },
-      className: deleteButton,
-      title: t('configurator.remove_selection', 'Auswahl entfernen')
-    })]
-  });
-};
-var Item$1 = observer(Item);
-
-export { Item$1 as default };

package/build/esm/index-bf9fac4b.js

@@ -1,164 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-074dcea5.js';
-import { useEffect } from 'react';
-import Inputbox from './index-0604a338.js';
-import { cssVariables } from './index-6fbe19dc.js';
-import Product from './index-66c4c4b7.js';
-import Settings from './index-3e8e2295.js';
-import TabGroup from './index-1dcc7136.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-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/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 '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c195b503.js';
-import './index-daefd1d0.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-5dd13345.js';
-import './index-ff91c127.js';
-import './index-646e9174.js';
-import './index-98c3b154.js';
-import './index-926faf05.js';
-import './index.module-fe96e747.js';
-import './index-4dc72b4c.js';
-import './index-52ee91c2.js';
-import './index-93cef565.js';
-import './index-a92e9f7b.js';
-import './index-f8fcfc2a.js';
-import './index-6a819665.js';
-import '@crystaldesign/content-box';
-import './index-5a414f18.js';
-import './index-16fbb3d6.js';
-import './index-ba9eb898.js';
-import 'react-laag';
-import './index-a3b63ddc.js';
-import 'react-qr-code';
-import './index-f308aa2d.js';
-import './index-2a4b8fff.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-1cca7ce0.js';
-import './index-59726e18.js';
-import './index-a77fc1a4.js';
-import './index-79792b95.js';
-import './index-9c709bfd.js';
-import './index-29374350.js';
-import './index-57f5a52e.js';
-import './index-299f60aa.js';
-import 'sift';
-import './index-e98e4e3f.js';
-import './index-006b5046.js';
-import './index-a938cd33.js';
-import './index-5a3da3ed.js';
-import './index.module-c85aae0c.js';
-import './index-c79bca31.js';
-import './index-a20fd1bc.js';
-import './index-81591b26.js';
-import './index-0ef82862.js';
-import './index-d28049c6.js';
-import './index-8c3a4dcd.js';
-import './index-8879395d.js';
-import './index-4b7b44fa.js';
-import './index-d75ba070.js';
-import './index-395275cf.js';
-import './index-e5d468b0.js';
-import './index-5128ce35.js';
-import './index-faef0db7.js';
-import './index-8574e325.js';
-import './index-6890ed24.js';
-import './index-7f2ada67.js';
-import './index-f116a06b.js';
-import './index-3ab661bb.js';
-import './index-8f246914.js';
-import './index-2f395302.js';
-import './index-8d98ba87.js';
-import './index-d5713d89.js';
-import './index-0dd59101.js';
-import './index.module-9be4c804.js';
-import './index-3889b16b.js';
-import './index-3ec3d72e.js';
-import './index-6532330a.js';
-import './index-df84ccbc.js';
-import './index-00b0a63d.js';
-import './index-6d996645.js';
-import './index-f41cd33b.js';
-import './index.module-df6a30d8.js';
-import './index-9f6f096d.js';
-import './index-517e27c4.js';
-import './index-2c08d075.js';
-import './index-2459a749.js';
-import './index.module-a959bff5.js';
-import 'react-select';
-import './index-63517af3.js';
-import './index-9d34552d.js';
-import './index.module-71ad6eb3.js';
-import './index-77e1fd36.js';
-import 'qrcode.react';
-import './index-dee4bd2d.js';
-import './index-9966c54e.js';
-import './index-a2c8e201.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-f238dd3e.js';
-import './index-31d92f73.js';
-import './index-e4577281.js';
-import './index-025603f0.js';
-import './index-8d2a2a46.js';
-import './index-dcebe4fc.js';
-import './index-ffad4204.js';
-import './index-d051948b.js';
-
-var wcConfigurator = "wcConfigurator-VvOGT";
-var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";
-var wcConfiguratorProduct = "wc-configurator-product-Z3rOO";
-var productList = "product-list-18YTy";
-var wcConfiguratorSettings = "wc-configurator-Settings-On8Ph";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-VvOGT {\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-VvOGT *,\n.wcConfigurator-VvOGT *::before,\n.wcConfigurator-VvOGT *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-CYXm7 {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-Z3rOO {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-Z3rOO.product-list-18YTy {\n  display: none;\n}\n\n.wc-configurator-Settings-On8Ph.product-list-18YTy {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.wc-configurator-Settings-On8Ph {\n  width: 426px;\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";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  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: wcConfigurator,
-      children: [/*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var index = observer(Serious);
-
-export { index as default };

package/build/esm/index-c10fb2f1.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-074dcea5.js';
-import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-3301bd04.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@crystaldesign/widget-contact-form';
-import 'classnames';
-import 'react-laag';
-import './index-8574e325.js';
-import './index-6890ed24.js';
-import './index-a20fd1bc.js';
-import './index-28f89a13.js';
-import 'react-collapsible';
-import './index-fcbd4472.js';
-import './index-299f60aa.js';
-import 'sift';
-import './index-e98e4e3f.js';
-import './index-59726e18.js';
-import './index-006b5046.js';
-import './index-a938cd33.js';
-import './index-5a3da3ed.js';
-import './index.module-c85aae0c.js';
-import './index-daefd1d0.js';
-import 'react-switch';
-import './index-c79bca31.js';
-import './index-81591b26.js';
-import 'react-dropdown';
-import './index-0ef82862.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d28049c6.js';
-import './index-8c3a4dcd.js';
-import './index-8879395d.js';
-import '@crystaldesign/content-box';
-import './index-4b7b44fa.js';
-import './index-d75ba070.js';
-import './index-395275cf.js';
-import './index-e5d468b0.js';
-import './index-5128ce35.js';
-import './index-faef0db7.js';
-import './index-7f2ada67.js';
-import './index-f116a06b.js';
-import './index-3ab661bb.js';
-import './index-8f246914.js';
-import './index-2f395302.js';
-import './index-8d98ba87.js';
-import './index-d5713d89.js';
-import './index-0dd59101.js';
-import './index.module-9be4c804.js';
-import './index-3889b16b.js';
-import './index-3ec3d72e.js';
-import './index-6532330a.js';
-import './index-df84ccbc.js';
-import './index-00b0a63d.js';
-import './index-6d996645.js';
-import './index-f41cd33b.js';
-import './index.module-df6a30d8.js';
-import './index-9f6f096d.js';
-import './index-517e27c4.js';
-import './index-2c08d075.js';
-import './index-2459a749.js';
-import './index.module-a959bff5.js';
-import 'react-select';
-import './index-63517af3.js';
-import './index-9d34552d.js';
-import './index.module-71ad6eb3.js';
-import './index-77e1fd36.js';
-import 'qrcode.react';
-import './index-dee4bd2d.js';
-import './index-9966c54e.js';
-import './index-a2c8e201.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-f238dd3e.js';
-import './index-31d92f73.js';
-
-var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var wrapper = "wrapper-mM-Et";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\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 AccessoiresSerious = function AccessoiresSerious(props) {
-  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcAccInfoContainerClass: wcAccInfoContainer,
-    wrapper: wrapper,
-    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
-    hidePrice: true,
-    hideSize: true
-  }));
-};
-var index = observer(AccessoiresSerious);
-
-export { index as default };

package/build/esm/index-c14dd8eb.js

@@ -1,37 +0,0 @@
-import { s as styleInject } from './index-074dcea5.js';
-import ProductHeader from './index-50ef2e25.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-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/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 '@crystaldesign/widget-contact-form';
-import 'classnames';
-import './index-aa0ebb43.js';
-import '@crystaldesign/content-box';
-import './index-2a4b8fff.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var productHeader = "productHeader-oJxLo";
-var css_248z = ".productHeader-oJxLo {\n  font-weight: 300 !important;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderBlue = function ProductHeaderBlue(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderBlue as default };