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

package/build/esm/index-3f9b07f3.js

@@ -1,274 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-761d98ba.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/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 container = "container-5GMrB";
-var buttonDropdown = "button-dropdown-hJTTc";
-var open = "open-cFdzA";
-var icon = "icon-7uXLI";
-var column = "column-SanUs";
-var button = "button-qcl7w";
-var actionButton = "action-button-nTgLc";
-var actionButtonDisabled = "action-button-disabled--LWWq";
-var secondButton = "second-button-KGVxc";
-var row = "row-bjrma";
-var iconColor = "icon-color-hyBQn";
-var saveIcon = "save-icon-s5mPx";
-var sendIcon = "send-icon-O6d2-";
-var css_248z = ".container-5GMrB {\n  display: flex;\n  flex-direction: row;\n  margin-left: 16px;\n}\n\n.button-dropdown-hJTTc {\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  position: absolute;\n  bottom: 105%;\n  left: 0;\n  right: -5px;\n  padding: 0.84em 1em;\n  color: #000;\n  color: initial;\n  display: none;\n  flex-direction: column;\n}\n\n.button-dropdown-hJTTc.open-cFdzA {\n  display: flex;\n}\n\n.button-dropdown-hJTTc .icon-7uXLI {\n  filter: brightness(0.1);\n}\n.button-dropdown-hJTTc .column-SanUs:hover {\n  color: var(--primaryColor);\n}\n\n.button-qcl7w {\n  position: relative;\n  font-weight: 100;\n  border-radius: 32px;\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\n  font-size: 0.9rem;\n  line-height: 18px;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.5rem 1rem 0;\n  padding: 0.85em 1em;\n  -webkit-appearance: none;\n  border: 1px solid transparent;\n}\n\n.action-button-nTgLc {\n  background-color: var(--primaryColor);\n  color: #fefefe;\n}\n\n.action-button-disabled--LWWq {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n\n.action-button-nTgLc:hover {\n  filter: brightness(0.9);\n}\n\n.second-button-KGVxc {\n  background-color: transparent;\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n  padding: 0.85em 1em 0.85em 0.25em;\n}\n\n.second-button-KGVxc:hover {\n  fill: #202020 !important;\n}\n\n.second-button-KGVxc:hover {\n  border-color: #202020;\n  color: #202020;\n}\n\n.row-bjrma {\n  float: left;\n}\n.second-button-KGVxc .row-bjrma {\n  padding-left: 0.5em;\n}\n\n.column-SanUs {\n  margin: 0.5em 0;\n}\n\n.icon-7uXLI {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 20px;\n  height: 20px;\n}\n.icon-color-hyBQn {\n  fill: var(--primaryColor);\n  transition: fill 0.25s ease-out, color 0.25s ease-out;\n}\n\n.second-button-KGVxc:hover .icon-color-hyBQn {\n  fill: black;\n}\n\n.save-icon-s5mPx {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M783 255l-325 325l-70 70l-391 391q-14 15 -14 35.5t14 35.5l325 325q14 14 35 14t35 -14l391 -391q15 -15 35.5 -15t35.5 15l1049 1049q15 15 35.5 15t35.5 -15l327 -322q15 -15 15 -35q0 -21 -15 -35l-1447 -1448q-15 -14 -35.5 -14t-35.5 14z%22     %2F%3E%3C%2Fsvg%3E\");\n}\n.send-icon-O6d2- {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22d%3D%22M921 89q-43 -54 -75 -54q-22 0 -34 25.5t-12 72.5v767h-708q-91 0 -91 31q0 26 63 65l2063 1278q42 26 79 26q42 0 68 -32t26 -88v-1800q0 -57 -26.5 -89.5t-69.5 -32.5q-37 0 -78 25l-712 425zM1000 480l1186 1700l-1186 -1300v-400z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.reset-icon-HqNs3 path {\n  background-color: var(--primaryColor);\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'BasketActionSerious');
-var BasketActionSerious = function BasketActionSerious(_ref) {
-  var saveIsDisabled = _ref.saveIsDisabled,
-    sendEmailIsDisabled = _ref.sendEmailIsDisabled,
-    onSave = _ref.onSave;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openDropdown = _useState2[0],
-    setOpen = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    userHasPermission = _useDivaCore$actions.userHasPermission,
-    openSnackBar = _useDivaCore$actions.openSnackBar;
-  var onClickReset = function onClickReset() {
-    var _viewHandler$actions;
-    (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal({
-      title: t('modals.reset'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_to_reset'),
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.productState.onClickReset();
-        }
-      }
-    });
-  };
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
-      var _viewHandler$getViewC, _viewHandler$divaWebP, url, _viewHandler$getViewC2;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = type;
-            _context.next = _context.t0 === 'email' ? 3 : _context.t0 === 'save' ? 8 : 13;
-            break;
-          case 3:
-            if (!(!saveIsDisabled && !sendEmailIsDisabled)) {
-              _context.next = 7;
-              break;
-            }
-            onSave();
-            _context.next = 7;
-            return viewHandler.actionButtonState.onClickAddToBasket(viewHandler, 'onSendEmail');
-          case 7:
-            return _context.abrupt("break", 13);
-          case 8:
-            if (saveIsDisabled) {
-              _context.next = 12;
-              break;
-            }
-            onSave();
-            _context.next = 12;
-            return viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
-          case 12:
-            return _context.abrupt("break", 13);
-          case 13:
-            if (!viewHandler.getViewConfig().showPdfQR) {
-              _context.next = 22;
-              break;
-            }
-            if (!(typeof viewHandler.getViewConfig().showPdfQR == 'boolean')) {
-              _context.next = 18;
-              break;
-            }
-            if (viewHandler.divaWebPlanner.getBasket().PDFDocumentURL) {
-              openSnackBar({
-                type: 'big',
-                qrCode: viewHandler.divaWebPlanner.getBasket().PDFDocumentURL,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : 1000 * 60 * 2,
-                clickable: true,
-                qrCodeSize: 312
-              });
-            } else {
-              LOG.warn('Basket is missing a pdf, no QR-Code displayed');
-            }
-            _context.next = 22;
-            break;
-          case 18:
-            _context.next = 20;
-            return (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.api.createBasketReport(viewHandler.divaWebPlanner.getBasket(), viewHandler.getViewConfig().showPdfQR, viewHandler.getViewConfig().savePdfQR);
-          case 20:
-            url = _context.sent;
-            if (url) {
-              openSnackBar({
-                type: 'big',
-                qrCode: url,
-                qrCodeSize: 312,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC2 = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : 1000 * 60 * 2,
-                clickable: true
-              });
-            } else {
-              LOG.warn('Could not generate PDF, no QR-Code displayed');
-            }
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickFavorites = function onClickFavorites() {
-    var _viewHandler$actions2;
-    (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.openModal({
-      title: t('modals.favorite'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_favorite'),
-      callback: function () {
-        var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(accepted) {
-          var _viewHandler$actions3;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!accepted) {
-                  _context2.next = 5;
-                  break;
-                }
-                onSave();
-                _context2.next = 4;
-                return viewHandler.actionButtonState.onClickAddToBasket(viewHandler, 'onSaveProduct');
-              case 4:
-                (_viewHandler$actions3 = viewHandler.actions) === null || _viewHandler$actions3 === void 0 || _viewHandler$actions3.openModal({
-                  title: t('modals.favorite'),
-                  accept: true,
-                  text: t('modals.favorites_saved')
-                });
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function callback(_x2) {
-          return _callback.apply(this, arguments);
-        }
-        return callback;
-      }()
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(button, actionButton, saveIsDisabled ? actionButtonDisabled : undefined),
-      onClick: function onClick() {
-        if (!saveIsDisabled) setOpen(!openDropdown);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon, saveIcon)
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ADD_TO_BASKET')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(openDropdown ? open : undefined, buttonDropdown),
-        children: [/*#__PURE__*/jsxs("div", {
-          className: column,
-          onClick: function onClick() {
-            return onClickSave('save');
-          },
-          id: "wcConfigurator-action-tobasket",
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, saveIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.ADD_TO_BASKET')]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(column, sendEmailIsDisabled ? actionButtonDisabled : undefined),
-          onClick: function onClick() {
-            return onClickSave('email');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, sendIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.SendToClient')]
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      onClick: onClickReset,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M935 2061l-114 277q135 45 279 57v-300q-85 -9 -165 -34zM1435 2069q-71 19 -135 26v300q131 -11 251 -48zM615 1884l-211 212q119 105 260 176l114 -276q-87 -47 -163 -112zM1737 1921q-43 32 -89 59l115 279q99 -53 187 -125zM2007 -3l-148 204l-6 -4 q-146 -95 -321 -145t-332 -51q-172 0 -331.5 43t-291 120.5t-240 188t-182.5 242.5t-114.5 287t-40.5 318q0 225 80 429.5t224 367.5l212 -212q-103 -120 -159.5 -270t-56.5 -314q0 -123 32 -239.5t90 -215t140.5 -181.5t181.5 -141t216 -90.5t240 -31.5q146 0 256.5 34 t226.5 109l-151 212q-8 11 -8 20q0 20 29 19h683q17 0 27.5 -10t10.5 -25q0 -6 -3 -13l-220 -644q-7 -22 -22 -22q-12 0 -22 15zM1964 1673q-20 32 -43 64l213 213q61 -75 109 -161zM2085 1400q-4 0 -10 27l279 126q4 -14 8.5 -35.5t8 -41t6.5 -37.5t6 -28.5t5 -10.5h-303z "
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ConfigReset')]
-      })]
-    }), userHasPermission('favorites_lueck') && /*#__PURE__*/jsxs("div", {
-      onClick: onClickFavorites,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M2491 1500l-765 -541l291 -885l-768 551l-764 -554l291 883l-776 546h958l294 900h3l292 -900h944zM484 68h-3l4 3z"
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.Favorites')]
-      })]
-    })]
-  });
-};
-var BasketActionSerious$1 = observer(BasketActionSerious);
-
-export { BasketActionSerious$1 as default };

package/build/esm/index-3fece236.js

@@ -1,170 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-761d98ba.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Inputbox from './index-36eb2895.js';
-import Product from './index-2122bbb6.js';
-import Settings from './index-7eac1211.js';
-import NavigationButtons from './index-5eddd948.js';
-import BasketAction from './index-10a02a30.js';
-import TabGroup from './index-fa438178.js';
-import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-0d0b1109.js';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2a808291.js';
-import './index-d5a6bbba.js';
-import './index-f7ad83c7.js';
-import './index-2dd3fe95.js';
-import './index-9a58f119.js';
-import 'react-laag';
-import './index-1343e08c.js';
-import './index-5a482bd6.js';
-import './index-1f4bf19a.js';
-import 'sift';
-import './index-0fa6e880.js';
-import './index-9d49fae1.js';
-import './index-575e562d.js';
-import './index-af8e2970.js';
-import './index.module-543ff125.js';
-import './index-d6e81b83.js';
-import 'react-switch';
-import './index-332ea8d0.js';
-import './index-5f2cfb11.js';
-import './index-82ca58f5.js';
-import 'react-dropdown';
-import './index-4a915410.js';
-import './index-cd2d9a7c.js';
-import './index-2b0498c7.js';
-import './index-b322a69b.js';
-import '@crystaldesign/content-box';
-import './index-48a437ff.js';
-import './index-405f3640.js';
-import './index-2c0b9a59.js';
-import './index-443376b1.js';
-import './index-049ae25a.js';
-import './index-ceffaf40.js';
-import './index-31b4598b.js';
-import './index-9c2bd7f9.js';
-import './index-8d5438cf.js';
-import './index-7b56dd61.js';
-import './index-3f1ac1b7.js';
-import './index-5d4fcec2.js';
-import './index-b50bc260.js';
-import './index-d6108990.js';
-import './index-03dd3ff8.js';
-import './index-ab8a40c0.js';
-import './index.module-3db1ce99.js';
-import './index-490120c7.js';
-import './index-abe3b98e.js';
-import './index-f3e6d31d.js';
-import './index-e4e0e93f.js';
-import './index-1002034c.js';
-import './index-3533719e.js';
-import './index-50baa0c0.js';
-import './index.module-4fa62ade.js';
-import './index-87fa9aac.js';
-import './index-76219f3b.js';
-import './index-5da72cab.js';
-import './index-5d45d6bd.js';
-import './index-7724089e.js';
-import './index-7718d459.js';
-import './index-71a6216c.js';
-import './index-c37b2eb8.js';
-
-var wcConfigurator = "wcConfigurator-8WNGD";
-var landscape = "landscape-fycCb";
-var portrait = "portrait-mcAF6";
-var wcConfiguratorProduct = "wcConfigurator-product-RWY1l";
-var wcConfiguratorSettings = "wcConfigurator-settings-St4gK";
-var wcConfiguratorSteps = "wcConfigurator-steps-fRfjC";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions--47XW";
-var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
-var expanded = "expanded-tbaDC";
-var foldedup = "foldedup-INA5E";
-var settingsHidden = "settings-hidden-dySS8";
-var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\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-fycCb .wcConfigurator-settings-St4gK {\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-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-product-RWY1l {\n  z-index: 1;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-product-RWY1l {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-St4gK {\n  top: 100%;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-settings-St4gK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-steps-fRfjC {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-settings-actions--47XW,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-actions--47XW {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-action-9vcgt {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.portrait-mcAF6 .progressBar-dd1Kl {\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::-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 Ralph = function Ralph(props) {
-  var viewHandler = useViewHandler();
-  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.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps,
-        showCloseButtonInMobile: 'right'
-      }), /*#__PURE__*/jsx(Product, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions,
-        showCheckoutButtons: viewHandler.uiState.isMobilePortrait
-      }), /*#__PURE__*/jsx(BasketAction, {
-        containerClassName: wcConfiguratorAction,
-        showCheckoutButtons: true
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#a81e1e',
-  '--secondaryColor': '#4a4a4a',
-  '--thirdColor': '#f3f3f3',
-  '--globalBorderRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--galleryItemRadius': '3px',
-  '--galleryItemRowCount': '4',
-  '--galleryItemMargin': '1%',
-  '--galleryItemRowCountSmall': '3',
-  '--galleryItemMarginSmall': '0.5%',
-  '--galleryItemBorderColor': '#e8e9ed83',
-  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
-  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
-  '--galleryItemBorder': '1px',
-  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '10px',
-  '--settingsScrollerPaddingLeft': '10px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionHeight': '40px',
-  '--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)'
-};
-var index = observer(Ralph);
-
-export { index as default };

package/build/esm/index-401744ed.js

@@ -1,142 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-761d98ba.js';
-import { useEffect } from 'react';
-import Settings from './index-7eac1211.js';
-import TabGroup from './index-fa438178.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-36eb2895.js';
-import { jsx, Fragment, jsxs } 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-2a808291.js';
-import './index-d5a6bbba.js';
-import './index-f7ad83c7.js';
-import './index-2dd3fe95.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-9a58f119.js';
-import 'react-laag';
-import './index-1343e08c.js';
-import './index-5a482bd6.js';
-import './index-1f4bf19a.js';
-import 'sift';
-import './index-0fa6e880.js';
-import './index-9d49fae1.js';
-import './index-575e562d.js';
-import './index-af8e2970.js';
-import './index.module-543ff125.js';
-import './index-d6e81b83.js';
-import 'react-switch';
-import './index-332ea8d0.js';
-import './index-5f2cfb11.js';
-import './index-82ca58f5.js';
-import 'react-dropdown';
-import './index-4a915410.js';
-import './index-cd2d9a7c.js';
-import './index-2b0498c7.js';
-import './index-b322a69b.js';
-import '@crystaldesign/content-box';
-import './index-48a437ff.js';
-import './index-405f3640.js';
-import './index-2c0b9a59.js';
-import './index-443376b1.js';
-import './index-049ae25a.js';
-import './index-ceffaf40.js';
-import './index-31b4598b.js';
-import './index-9c2bd7f9.js';
-import './index-8d5438cf.js';
-import './index-7b56dd61.js';
-import './index-3f1ac1b7.js';
-import './index-5d4fcec2.js';
-import './index-b50bc260.js';
-import './index-d6108990.js';
-import './index-03dd3ff8.js';
-import './index-ab8a40c0.js';
-import './index.module-3db1ce99.js';
-import './index-490120c7.js';
-import './index-abe3b98e.js';
-import './index-f3e6d31d.js';
-import './index-e4e0e93f.js';
-import './index-1002034c.js';
-import './index-3533719e.js';
-import './index-50baa0c0.js';
-import './index.module-4fa62ade.js';
-import './index-87fa9aac.js';
-import './index-76219f3b.js';
-import './index-5da72cab.js';
-import './index-5d45d6bd.js';
-import './index-7724089e.js';
-import './index-7718d459.js';
-import './index-71a6216c.js';
-import './index-c37b2eb8.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',
-  '--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)'
-};
-var index = observer(Classification);
-
-export { index as default };