@crystaldesign/diva-web-planner-react 25.9.0-beta.8 → 25.9.0-rc.0

package/build/esm/index-fe88de66.js

@@ -0,0 +1,456 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-79725c40.js';
+import classnames from 'classnames';
+import Toggle from './index-107a78ba.js';
+import { useState, useEffect } from 'react';
+import Dropdown from 'react-dropdown';
+import BasketActionSerious from './index-b6c3410d.js';
+import { observer } from 'mobx-react-lite';
+import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import 'react-switch';
+
+var formWrapper = "formWrapper-qDcu6";
+var show = "show-EArlx";
+var hide = "hide-PXH9V";
+var headline = "headline-F6FxL";
+var fullForm = "fullForm-TL--j";
+var sidebyside = "sidebyside-3Yo-N";
+var under = "under-hfN93";
+var formButtons = "formButtons-aD3K5";
+var requiredProp = "requiredProp--0b9p";
+var sameHeight = "sameHeight-YPMbk";
+var minHeight = "minHeight-eP9oh";
+var toggle = "toggle-3hR2h";
+var street = "street-Q0GIJ";
+var nr = "nr-IfPHH";
+var dropdownMenu = "dropdown-menu-9-3L5";
+var autoMargin = "auto-margin-VKBeh";
+var lieferadresse = "lieferadresse-xvF5b";
+var css_248z = "/* form */\n.formWrapper-qDcu6 {\n  top: 100%;\n  position: absolute;\n  width: 100%;\n}\n.show-EArlx {\n  display: flex !important;\n}\n.hide-PXH9V {\n  display: none !important;\n}\n\n.formWrapper-qDcu6 a {\n  display: flex;\n  color: black;\n  cursor: default;\n}\n.formWrapper-qDcu6 a:hover {\n  display: flex;\n  color: black;\n  cursor: default;\n}\n.formWrapper-qDcu6 .headline-F6FxL {\n  color: var(--primaryColor);\n  font-size: 150%;\n  font-weight: 300;\n  padding-bottom: 3.7%;\n  padding-top: 4%;\n  text-align: left;\n}\n.formWrapper-qDcu6 .headline-F6FxL:hover {\n  color: var(--primaryColor);\n  font-size: 150%;\n  font-weight: 300;\n  padding-bottom: 3.7%;\n  padding-top: 4%;\n  text-align: left;\n}\n.fullForm-TL--j {\n  display: flex;\n  gap: 50px;\n  padding: 0 50px;\n}\n.fullForm-TL--j > * {\n  flex-basis: 100%;\n}\n\n.sidebyside-3Yo-N {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n  flex-basis: 100%;\n  gap: 3%;\n}\n.under-hfN93 {\n  display: flex;\n  flex-direction: column;\n  align-items: top;\n  flex-basis: 100%;\n}\n.formButtons-aD3K5 {\n  margin-top: 7%;\n  margin-left: 1%;\n}\n.fullForm-TL--j .requiredProp--0b9p {\n  color: var(--primaryColor);\n  font-size: 80%;\n  padding-bottom: 2%;\n  padding-right: 38%;\n}\n.fullForm-TL--j .requiredProp--0b9p:hover {\n  color: var(--primaryColor);\n  font-size: 80%;\n  padding-bottom: 2%;\n  padding-right: 38%;\n}\n.sameHeight-YPMbk {\n  margin-top: 20px;\n}\n.formWrapper-qDcu6 input[type='checkbox'],.formWrapper-qDcu6 input[type='Checkbox'],.formWrapper-qDcu6 input[type='cHeckbox'],.formWrapper-qDcu6 input[type='CHeckbox'],.formWrapper-qDcu6 input[type='chEckbox'],.formWrapper-qDcu6 input[type='ChEckbox'],.formWrapper-qDcu6 input[type='cHEckbox'],.formWrapper-qDcu6 input[type='CHEckbox'],.formWrapper-qDcu6 input[type='cheCkbox'],.formWrapper-qDcu6 input[type='CheCkbox'],.formWrapper-qDcu6 input[type='cHeCkbox'],.formWrapper-qDcu6 input[type='CHeCkbox'],.formWrapper-qDcu6 input[type='chECkbox'],.formWrapper-qDcu6 input[type='ChECkbox'],.formWrapper-qDcu6 input[type='cHECkbox'],.formWrapper-qDcu6 input[type='CHECkbox'],.formWrapper-qDcu6 input[type='checKbox'],.formWrapper-qDcu6 input[type='ChecKbox'],.formWrapper-qDcu6 input[type='cHecKbox'],.formWrapper-qDcu6 input[type='CHecKbox'],.formWrapper-qDcu6 input[type='chEcKbox'],.formWrapper-qDcu6 input[type='ChEcKbox'],.formWrapper-qDcu6 input[type='cHEcKbox'],.formWrapper-qDcu6 input[type='CHEcKbox'],.formWrapper-qDcu6 input[type='cheCKbox'],.formWrapper-qDcu6 input[type='CheCKbox'],.formWrapper-qDcu6 input[type='cHeCKbox'],.formWrapper-qDcu6 input[type='CHeCKbox'],.formWrapper-qDcu6 input[type='chECKbox'],.formWrapper-qDcu6 input[type='ChECKbox'],.formWrapper-qDcu6 input[type='cHECKbox'],.formWrapper-qDcu6 input[type='CHECKbox'],.formWrapper-qDcu6 input[type='checkBox'],.formWrapper-qDcu6 input[type='CheckBox'],.formWrapper-qDcu6 input[type='cHeckBox'],.formWrapper-qDcu6 input[type='CHeckBox'],.formWrapper-qDcu6 input[type='chEckBox'],.formWrapper-qDcu6 input[type='ChEckBox'],.formWrapper-qDcu6 input[type='cHEckBox'],.formWrapper-qDcu6 input[type='CHEckBox'],.formWrapper-qDcu6 input[type='cheCkBox'],.formWrapper-qDcu6 input[type='CheCkBox'],.formWrapper-qDcu6 input[type='cHeCkBox'],.formWrapper-qDcu6 input[type='CHeCkBox'],.formWrapper-qDcu6 input[type='chECkBox'],.formWrapper-qDcu6 input[type='ChECkBox'],.formWrapper-qDcu6 input[type='cHECkBox'],.formWrapper-qDcu6 input[type='CHECkBox'],.formWrapper-qDcu6 input[type='checKBox'],.formWrapper-qDcu6 input[type='ChecKBox'],.formWrapper-qDcu6 input[type='cHecKBox'],.formWrapper-qDcu6 input[type='CHecKBox'],.formWrapper-qDcu6 input[type='chEcKBox'],.formWrapper-qDcu6 input[type='ChEcKBox'],.formWrapper-qDcu6 input[type='cHEcKBox'],.formWrapper-qDcu6 input[type='CHEcKBox'],.formWrapper-qDcu6 input[type='cheCKBox'],.formWrapper-qDcu6 input[type='CheCKBox'],.formWrapper-qDcu6 input[type='cHeCKBox'],.formWrapper-qDcu6 input[type='CHeCKBox'],.formWrapper-qDcu6 input[type='chECKBox'],.formWrapper-qDcu6 input[type='ChECKBox'],.formWrapper-qDcu6 input[type='cHECKBox'],.formWrapper-qDcu6 input[type='CHECKBox'],.formWrapper-qDcu6 input[type='checkbOx'],.formWrapper-qDcu6 input[type='CheckbOx'],.formWrapper-qDcu6 input[type='cHeckbOx'],.formWrapper-qDcu6 input[type='CHeckbOx'],.formWrapper-qDcu6 input[type='chEckbOx'],.formWrapper-qDcu6 input[type='ChEckbOx'],.formWrapper-qDcu6 input[type='cHEckbOx'],.formWrapper-qDcu6 input[type='CHEckbOx'],.formWrapper-qDcu6 input[type='cheCkbOx'],.formWrapper-qDcu6 input[type='CheCkbOx'],.formWrapper-qDcu6 input[type='cHeCkbOx'],.formWrapper-qDcu6 input[type='CHeCkbOx'],.formWrapper-qDcu6 input[type='chECkbOx'],.formWrapper-qDcu6 input[type='ChECkbOx'],.formWrapper-qDcu6 input[type='cHECkbOx'],.formWrapper-qDcu6 input[type='CHECkbOx'],.formWrapper-qDcu6 input[type='checKbOx'],.formWrapper-qDcu6 input[type='ChecKbOx'],.formWrapper-qDcu6 input[type='cHecKbOx'],.formWrapper-qDcu6 input[type='CHecKbOx'],.formWrapper-qDcu6 input[type='chEcKbOx'],.formWrapper-qDcu6 input[type='ChEcKbOx'],.formWrapper-qDcu6 input[type='cHEcKbOx'],.formWrapper-qDcu6 input[type='CHEcKbOx'],.formWrapper-qDcu6 input[type='cheCKbOx'],.formWrapper-qDcu6 input[type='CheCKbOx'],.formWrapper-qDcu6 input[type='cHeCKbOx'],.formWrapper-qDcu6 input[type='CHeCKbOx'],.formWrapper-qDcu6 input[type='chECKbOx'],.formWrapper-qDcu6 input[type='ChECKbOx'],.formWrapper-qDcu6 input[type='cHECKbOx'],.formWrapper-qDcu6 input[type='CHECKbOx'],.formWrapper-qDcu6 input[type='checkBOx'],.formWrapper-qDcu6 input[type='CheckBOx'],.formWrapper-qDcu6 input[type='cHeckBOx'],.formWrapper-qDcu6 input[type='CHeckBOx'],.formWrapper-qDcu6 input[type='chEckBOx'],.formWrapper-qDcu6 input[type='ChEckBOx'],.formWrapper-qDcu6 input[type='cHEckBOx'],.formWrapper-qDcu6 input[type='CHEckBOx'],.formWrapper-qDcu6 input[type='cheCkBOx'],.formWrapper-qDcu6 input[type='CheCkBOx'],.formWrapper-qDcu6 input[type='cHeCkBOx'],.formWrapper-qDcu6 input[type='CHeCkBOx'],.formWrapper-qDcu6 input[type='chECkBOx'],.formWrapper-qDcu6 input[type='ChECkBOx'],.formWrapper-qDcu6 input[type='cHECkBOx'],.formWrapper-qDcu6 input[type='CHECkBOx'],.formWrapper-qDcu6 input[type='checKBOx'],.formWrapper-qDcu6 input[type='ChecKBOx'],.formWrapper-qDcu6 input[type='cHecKBOx'],.formWrapper-qDcu6 input[type='CHecKBOx'],.formWrapper-qDcu6 input[type='chEcKBOx'],.formWrapper-qDcu6 input[type='ChEcKBOx'],.formWrapper-qDcu6 input[type='cHEcKBOx'],.formWrapper-qDcu6 input[type='CHEcKBOx'],.formWrapper-qDcu6 input[type='cheCKBOx'],.formWrapper-qDcu6 input[type='CheCKBOx'],.formWrapper-qDcu6 input[type='cHeCKBOx'],.formWrapper-qDcu6 input[type='CHeCKBOx'],.formWrapper-qDcu6 input[type='chECKBOx'],.formWrapper-qDcu6 input[type='ChECKBOx'],.formWrapper-qDcu6 input[type='cHECKBOx'],.formWrapper-qDcu6 input[type='CHECKBOx'],.formWrapper-qDcu6 input[type='checkboX'],.formWrapper-qDcu6 input[type='CheckboX'],.formWrapper-qDcu6 input[type='cHeckboX'],.formWrapper-qDcu6 input[type='CHeckboX'],.formWrapper-qDcu6 input[type='chEckboX'],.formWrapper-qDcu6 input[type='ChEckboX'],.formWrapper-qDcu6 input[type='cHEckboX'],.formWrapper-qDcu6 input[type='CHEckboX'],.formWrapper-qDcu6 input[type='cheCkboX'],.formWrapper-qDcu6 input[type='CheCkboX'],.formWrapper-qDcu6 input[type='cHeCkboX'],.formWrapper-qDcu6 input[type='CHeCkboX'],.formWrapper-qDcu6 input[type='chECkboX'],.formWrapper-qDcu6 input[type='ChECkboX'],.formWrapper-qDcu6 input[type='cHECkboX'],.formWrapper-qDcu6 input[type='CHECkboX'],.formWrapper-qDcu6 input[type='checKboX'],.formWrapper-qDcu6 input[type='ChecKboX'],.formWrapper-qDcu6 input[type='cHecKboX'],.formWrapper-qDcu6 input[type='CHecKboX'],.formWrapper-qDcu6 input[type='chEcKboX'],.formWrapper-qDcu6 input[type='ChEcKboX'],.formWrapper-qDcu6 input[type='cHEcKboX'],.formWrapper-qDcu6 input[type='CHEcKboX'],.formWrapper-qDcu6 input[type='cheCKboX'],.formWrapper-qDcu6 input[type='CheCKboX'],.formWrapper-qDcu6 input[type='cHeCKboX'],.formWrapper-qDcu6 input[type='CHeCKboX'],.formWrapper-qDcu6 input[type='chECKboX'],.formWrapper-qDcu6 input[type='ChECKboX'],.formWrapper-qDcu6 input[type='cHECKboX'],.formWrapper-qDcu6 input[type='CHECKboX'],.formWrapper-qDcu6 input[type='checkBoX'],.formWrapper-qDcu6 input[type='CheckBoX'],.formWrapper-qDcu6 input[type='cHeckBoX'],.formWrapper-qDcu6 input[type='CHeckBoX'],.formWrapper-qDcu6 input[type='chEckBoX'],.formWrapper-qDcu6 input[type='ChEckBoX'],.formWrapper-qDcu6 input[type='cHEckBoX'],.formWrapper-qDcu6 input[type='CHEckBoX'],.formWrapper-qDcu6 input[type='cheCkBoX'],.formWrapper-qDcu6 input[type='CheCkBoX'],.formWrapper-qDcu6 input[type='cHeCkBoX'],.formWrapper-qDcu6 input[type='CHeCkBoX'],.formWrapper-qDcu6 input[type='chECkBoX'],.formWrapper-qDcu6 input[type='ChECkBoX'],.formWrapper-qDcu6 input[type='cHECkBoX'],.formWrapper-qDcu6 input[type='CHECkBoX'],.formWrapper-qDcu6 input[type='checKBoX'],.formWrapper-qDcu6 input[type='ChecKBoX'],.formWrapper-qDcu6 input[type='cHecKBoX'],.formWrapper-qDcu6 input[type='CHecKBoX'],.formWrapper-qDcu6 input[type='chEcKBoX'],.formWrapper-qDcu6 input[type='ChEcKBoX'],.formWrapper-qDcu6 input[type='cHEcKBoX'],.formWrapper-qDcu6 input[type='CHEcKBoX'],.formWrapper-qDcu6 input[type='cheCKBoX'],.formWrapper-qDcu6 input[type='CheCKBoX'],.formWrapper-qDcu6 input[type='cHeCKBoX'],.formWrapper-qDcu6 input[type='CHeCKBoX'],.formWrapper-qDcu6 input[type='chECKBoX'],.formWrapper-qDcu6 input[type='ChECKBoX'],.formWrapper-qDcu6 input[type='cHECKBoX'],.formWrapper-qDcu6 input[type='CHECKBoX'],.formWrapper-qDcu6 input[type='checkbOX'],.formWrapper-qDcu6 input[type='CheckbOX'],.formWrapper-qDcu6 input[type='cHeckbOX'],.formWrapper-qDcu6 input[type='CHeckbOX'],.formWrapper-qDcu6 input[type='chEckbOX'],.formWrapper-qDcu6 input[type='ChEckbOX'],.formWrapper-qDcu6 input[type='cHEckbOX'],.formWrapper-qDcu6 input[type='CHEckbOX'],.formWrapper-qDcu6 input[type='cheCkbOX'],.formWrapper-qDcu6 input[type='CheCkbOX'],.formWrapper-qDcu6 input[type='cHeCkbOX'],.formWrapper-qDcu6 input[type='CHeCkbOX'],.formWrapper-qDcu6 input[type='chECkbOX'],.formWrapper-qDcu6 input[type='ChECkbOX'],.formWrapper-qDcu6 input[type='cHECkbOX'],.formWrapper-qDcu6 input[type='CHECkbOX'],.formWrapper-qDcu6 input[type='checKbOX'],.formWrapper-qDcu6 input[type='ChecKbOX'],.formWrapper-qDcu6 input[type='cHecKbOX'],.formWrapper-qDcu6 input[type='CHecKbOX'],.formWrapper-qDcu6 input[type='chEcKbOX'],.formWrapper-qDcu6 input[type='ChEcKbOX'],.formWrapper-qDcu6 input[type='cHEcKbOX'],.formWrapper-qDcu6 input[type='CHEcKbOX'],.formWrapper-qDcu6 input[type='cheCKbOX'],.formWrapper-qDcu6 input[type='CheCKbOX'],.formWrapper-qDcu6 input[type='cHeCKbOX'],.formWrapper-qDcu6 input[type='CHeCKbOX'],.formWrapper-qDcu6 input[type='chECKbOX'],.formWrapper-qDcu6 input[type='ChECKbOX'],.formWrapper-qDcu6 input[type='cHECKbOX'],.formWrapper-qDcu6 input[type='CHECKbOX'],.formWrapper-qDcu6 input[type='checkBOX'],.formWrapper-qDcu6 input[type='CheckBOX'],.formWrapper-qDcu6 input[type='cHeckBOX'],.formWrapper-qDcu6 input[type='CHeckBOX'],.formWrapper-qDcu6 input[type='chEckBOX'],.formWrapper-qDcu6 input[type='ChEckBOX'],.formWrapper-qDcu6 input[type='cHEckBOX'],.formWrapper-qDcu6 input[type='CHEckBOX'],.formWrapper-qDcu6 input[type='cheCkBOX'],.formWrapper-qDcu6 input[type='CheCkBOX'],.formWrapper-qDcu6 input[type='cHeCkBOX'],.formWrapper-qDcu6 input[type='CHeCkBOX'],.formWrapper-qDcu6 input[type='chECkBOX'],.formWrapper-qDcu6 input[type='ChECkBOX'],.formWrapper-qDcu6 input[type='cHECkBOX'],.formWrapper-qDcu6 input[type='CHECkBOX'],.formWrapper-qDcu6 input[type='checKBOX'],.formWrapper-qDcu6 input[type='ChecKBOX'],.formWrapper-qDcu6 input[type='cHecKBOX'],.formWrapper-qDcu6 input[type='CHecKBOX'],.formWrapper-qDcu6 input[type='chEcKBOX'],.formWrapper-qDcu6 input[type='ChEcKBOX'],.formWrapper-qDcu6 input[type='cHEcKBOX'],.formWrapper-qDcu6 input[type='CHEcKBOX'],.formWrapper-qDcu6 input[type='cheCKBOX'],.formWrapper-qDcu6 input[type='CheCKBOX'],.formWrapper-qDcu6 input[type='cHeCKBOX'],.formWrapper-qDcu6 input[type='CHeCKBOX'],.formWrapper-qDcu6 input[type='chECKBOX'],.formWrapper-qDcu6 input[type='ChECKBOX'],.formWrapper-qDcu6 input[type='cHECKBOX'],.formWrapper-qDcu6 input[type='CHECKBOX'] {\n  margin-bottom: 18px;\n}\n.minHeight-eP9oh {\n  min-height: 86px;\n}\n.toggle-3hR2h {\n  margin-top: 5px;\n}\n.fullForm-TL--j input,\n.fullForm-TL--j textarea {\n  box-sizing: border-box !important;\n}\n.fullForm-TL--j input,\n.fullForm-TL--j textarea {\n  height: 40px;\n  width: 100%;\n  display: block;\n  box-sizing: border-box;\n  padding: 0.5rem;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 100;\n  color: #0a0a0a;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.street-Q0GIJ {\n  flex: 1 1 90%;\n}\n.nr-IfPHH {\n  flex: 1 1 10%;\n}\n.formWrapper-qDcu6 .dropdown-menu-9-3L5 {\n  max-height: 150px;\n}\n.auto-margin-VKBeh {\n  margin: auto 0px;\n}\n.lieferadresse-xvF5b {\n  margin-bottom: 1.8%;\n}\n.fullForm-TL--j textarea {\n  height: 87px !important;\n}\n.fullForm-TL--j textarea {\n  margin-bottom: 2.5%;\n  width: 100%;\n  resize: vertical;\n}\n.formWrapper-qDcu6 div {\n  outline: none !important;\n  box-shadow: none !important;\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 inputField = ['configurationName', 'buildService', 'sellingAdvisor', 'toProduct', 'specInformations', 'firstName', 'lastName', 'email', 'phoneNumber', 'street', 'nr', 'postalCode', 'location', 'country'];
+var inputChecktype = ['simple',
+// firstName
+'simple',
+// lastName
+'email',
+// email
+'phoneNumber',
+//phoneNumber
+'simple',
+// street
+'simple',
+// nr
+'simple',
+//postalCode
+'simple' // location
+];
+var CheckOutForm = function CheckOutForm(props) {
+  var _basket$ProductSetNam, _ref, _basket$Client, _basket$OrderSets, _basket$Salesperson, _viewHandler$configSt2, _viewHandler$configSt3, _basket$ClientRemark, _basket$Client$firstN, _basket$Client2, _basket$Client$prefer, _basket$Client3, _basket$Client$lastNa, _basket$Client4, _basket$Client$email, _basket$Client5, _basket$Client$phone, _basket$Client6, _basket$Client$addres, _basket$Client7, _basket$Client$addres2, _basket$Client8, _basket$Client$cap, _basket$Client9, _basket$Client$city, _basket$Client10, _ref2, _basket$Client11, _basket$Client$client, _basket$Client12, _basket$Client$delive, _basket$Client13;
+  var viewHandler = useViewHandler();
+  var basket = viewHandler.divaWebPlanner.getBasketData();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    canSave = _useState2[0],
+    setCanSave = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    canSendEmail = _useState4[0],
+    setCanSendEmail = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    placeHolderSetName = _useState6[0],
+    setPlaceHolderSetName = _useState6[1];
+  function regexCheck(type, event) {
+    switch (type) {
+      case 'simple':
+        if (event.length > 0) {
+          return true;
+        } else {
+          return false;
+        }
+      case 'email':
+        var valid = DivaUtils.validateEmail(event);
+        setCanSendEmail(valid);
+        return valid;
+      case 'phoneNumber':
+        var regPhoneNumer = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/;
+        if (regPhoneNumer.test(event) && event.length > 0) {
+          return true;
+        } else {
+          return false;
+        }
+      case 'number':
+        var regNumber = /^[0-9]*$/;
+        if (regNumber.test(event) && event.length > 0) {
+          return true;
+        } else {
+          return false;
+        }
+      case 'letters':
+        var regLetters = /^[\u00C0-\u017Fa-zA-Z'][\u00C0-\u017Fa-zA-Z-' ]+[\u00C0-\u017Fa-zA-Z']?$/;
+        if (regLetters.test(event) && event.length > 0) {
+          return true;
+        } else {
+          return false;
+        }
+    }
+    return false;
+  }
+  function InputCheck(field, event, type) {
+    setSavedValues(_objectSpread(_objectSpread({}, savedValues), {}, _defineProperty({}, field, event)));
+    if (field === 'buildService') {
+      setValidInput(_objectSpread(_objectSpread({}, inputValidation), {}, _defineProperty({}, field, true)));
+      return;
+    } else setValidInput(_objectSpread(_objectSpread({}, inputValidation), {}, _defineProperty({}, field, regexCheck(type, event))));
+  }
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    var _viewHandler$divaWebP;
+    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles();
+    if (!articles) return;
+    var headboardName = false;
+    var width = '';
+    var length = '';
+    for (var iKey in articles) {
+      var _article$getArticleOp, _article$getArticleOp2, _article$getArticleOp3, _article$getArticleOp4;
+      var article = articles[iKey];
+      if (!width) width = (_article$getArticleOp = (_article$getArticleOp2 = article.getArticleOptionState('OPTBR')) === null || _article$getArticleOp2 === void 0 ? void 0 : _article$getArticleOp2.name) !== null && _article$getArticleOp !== void 0 ? _article$getArticleOp : '';
+      if (!length) length = (_article$getArticleOp3 = (_article$getArticleOp4 = article.getArticleOptionState('OPTLAE')) === null || _article$getArticleOp4 === void 0 ? void 0 : _article$getArticleOp4.name) !== null && _article$getArticleOp3 !== void 0 ? _article$getArticleOp3 : '';
+      if (article.partlistArticles) {
+        for (var jKey in article.partlistArticles) {
+          var _article$partlistArti;
+          if (article.partlistArticles[jKey].tabGroupOption == 'Kopfteil' /* "Kopfteil" delete me in 2024 depreacted */ || (_article$partlistArti = article.partlistArticles[jKey].tabGroupOption) !== null && _article$partlistArti !== void 0 && _article$partlistArti.includes('BE_KT')) {
+            headboardName = article.partlistArticles[jKey].name + ' - ';
+          }
+        }
+      }
+    }
+    setPlaceHolderSetName((headboardName ? headboardName : '') + width.replace(' cm', '') + ' X ' + length);
+  }, [viewHandler.settingsState.configChanged]);
+  var saveValues = function saveValues(iwoFurn) {
+    var _viewHandler$configSt;
+    if (!basket.Client) basket.Client = {};
+    basket.ProductSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
+    basket.SetName = placeHolderSetName;
+    if (savedValues) {
+      basket.Client.firstName = savedValues.firstName;
+      basket.Client.preferredContact = savedValues.preferredContact;
+      basket.Client.lastName = savedValues.lastName;
+      basket.Client.email = savedValues.email;
+      basket.Client.phone = savedValues.phoneNumber;
+      basket.Client.address = savedValues.street;
+      basket.Client.addressNr = savedValues.nr;
+      basket.Client.cap = savedValues.postalCode;
+      basket.Client.city = savedValues.location;
+      basket.Client.countryCode = savedValues.country;
+      basket.Client.clientPreferedDeliveryDate = savedValues.dateofdelivery ? new Date(savedValues.dateofdelivery) : undefined;
+      basket.Client.deliveryNotes = savedValues.specInformations;
+      basket.Client.delivery = savedValues.buildService;
+    }
+    basket.ClientRemark = savedValues.toProduct;
+    basket.SalespersonOverwrite = savedValues.sellingAdvisor;
+    basket.SalespersonEmail = ((_viewHandler$configSt = viewHandler.configState.currentUser) === null || _viewHandler$configSt === void 0 ? void 0 : _viewHandler$configSt.mainEmail) || '';
+    if (iwoFurn) {
+      basket.SendIWOBasket = true;
+      basket.OrderStatus = 'SEND';
+    }
+  };
+  var _useState7 = useState({
+      configurationName: (_basket$ProductSetNam = basket.ProductSetName) !== null && _basket$ProductSetNam !== void 0 ? _basket$ProductSetNam : '',
+      buildService: (_ref = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref !== void 0 ? _ref : !!((_basket$OrderSets = basket.OrderSets) !== null && _basket$OrderSets !== void 0 && _basket$OrderSets.find(function (set) {
+        return set.OrderLines.find(function (ol) {
+          var _ol$VariantBasketData;
+          return !!(((_ol$VariantBasketData = ol.VariantBasketDatas) === null || _ol$VariantBasketData === void 0 || (_ol$VariantBasketData = _ol$VariantBasketData.find(function (o) {
+            return o.OPT === 'SERVICE';
+          })) === null || _ol$VariantBasketData === void 0 ? void 0 : _ol$VariantBasketData.OPV) == 'JA');
+        });
+      })),
+      sellingAdvisor: (_basket$Salesperson = basket.Salesperson) !== null && _basket$Salesperson !== void 0 ? _basket$Salesperson : "".concat(((_viewHandler$configSt2 = viewHandler.configState.currentUser) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.name) || '', " ").concat(((_viewHandler$configSt3 = viewHandler.configState.currentUser) === null || _viewHandler$configSt3 === void 0 ? void 0 : _viewHandler$configSt3.familyName) || '').trim(),
+      toProduct: (_basket$ClientRemark = basket.ClientRemark) !== null && _basket$ClientRemark !== void 0 ? _basket$ClientRemark : '',
+      firstName: (_basket$Client$firstN = (_basket$Client2 = basket.Client) === null || _basket$Client2 === void 0 ? void 0 : _basket$Client2.firstName) !== null && _basket$Client$firstN !== void 0 ? _basket$Client$firstN : '',
+      preferredContact: (_basket$Client$prefer = (_basket$Client3 = basket.Client) === null || _basket$Client3 === void 0 ? void 0 : _basket$Client3.preferredContact) !== null && _basket$Client$prefer !== void 0 ? _basket$Client$prefer : 'email',
+      lastName: (_basket$Client$lastNa = (_basket$Client4 = basket.Client) === null || _basket$Client4 === void 0 ? void 0 : _basket$Client4.lastName) !== null && _basket$Client$lastNa !== void 0 ? _basket$Client$lastNa : '',
+      email: (_basket$Client$email = (_basket$Client5 = basket.Client) === null || _basket$Client5 === void 0 ? void 0 : _basket$Client5.email) !== null && _basket$Client$email !== void 0 ? _basket$Client$email : '',
+      phoneNumber: (_basket$Client$phone = (_basket$Client6 = basket.Client) === null || _basket$Client6 === void 0 ? void 0 : _basket$Client6.phone) !== null && _basket$Client$phone !== void 0 ? _basket$Client$phone : '',
+      street: (_basket$Client$addres = (_basket$Client7 = basket.Client) === null || _basket$Client7 === void 0 ? void 0 : _basket$Client7.address) !== null && _basket$Client$addres !== void 0 ? _basket$Client$addres : '',
+      nr: (_basket$Client$addres2 = (_basket$Client8 = basket.Client) === null || _basket$Client8 === void 0 ? void 0 : _basket$Client8.addressNr) !== null && _basket$Client$addres2 !== void 0 ? _basket$Client$addres2 : '',
+      postalCode: (_basket$Client$cap = (_basket$Client9 = basket.Client) === null || _basket$Client9 === void 0 ? void 0 : _basket$Client9.cap) !== null && _basket$Client$cap !== void 0 ? _basket$Client$cap : '',
+      location: (_basket$Client$city = (_basket$Client10 = basket.Client) === null || _basket$Client10 === void 0 ? void 0 : _basket$Client10.city) !== null && _basket$Client$city !== void 0 ? _basket$Client$city : '',
+      country: (_ref2 = (_basket$Client11 = basket.Client) === null || _basket$Client11 === void 0 ? void 0 : _basket$Client11.countryCode) !== null && _ref2 !== void 0 ? _ref2 : 'Deutschland',
+      dateofdelivery: (_basket$Client$client = (_basket$Client12 = basket.Client) === null || _basket$Client12 === void 0 || (_basket$Client12 = _basket$Client12.clientPreferedDeliveryDate) === null || _basket$Client12 === void 0 ? void 0 : _basket$Client12.toString()) !== null && _basket$Client$client !== void 0 ? _basket$Client$client : '',
+      specInformations: (_basket$Client$delive = (_basket$Client13 = basket.Client) === null || _basket$Client13 === void 0 ? void 0 : _basket$Client13.deliveryNotes) !== null && _basket$Client$delive !== void 0 ? _basket$Client$delive : ''
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    savedValues = _useState8[0],
+    setSavedValues = _useState8[1];
+  var _useState9 = useState(function () {
+      var booleans = [false, false, false, false, false, false, false, false];
+      var fields = ['firstName', 'lastName', 'email', 'phoneNumber', 'street', 'nr', 'postalCode', 'location'];
+      for (var i = 0; i < booleans.length; i++) {
+        booleans[i] = regexCheck(inputChecktype[i], savedValues[fields[i]]);
+      }
+      return {
+        firstName: booleans[0],
+        lastName: booleans[1],
+        email: booleans[2],
+        phoneNumber: booleans[3],
+        street: booleans[4],
+        nr: booleans[5],
+        postalCode: booleans[6],
+        location: booleans[7]
+      };
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    inputValidation = _useState10[0],
+    setValidInput = _useState10[1];
+  useEffect(function () {
+    if (savedValues.buildService.toString() === 'true') {
+      if (Object.values(inputValidation).some(function (fields) {
+        return fields === false;
+      })) {
+        setCanSave(false);
+      } else {
+        setCanSave(true);
+      }
+    } else if (inputValidation.firstName && inputValidation.lastName) {
+      setCanSave(true);
+    } else {
+      setCanSave(false);
+    }
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: formWrapper,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: fullForm,
+      children: [/*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("a", {
+          className: headline,
+          children: t('archive.header.productsetname')
+        }), /*#__PURE__*/jsx("input", {
+          placeholder: placeHolderSetName,
+          className: classnames(sameHeight),
+          onChange: function onChange(e) {
+            return InputCheck(inputField[0], e.target.value, 'simple');
+          },
+          value: savedValues.configurationName
+        }), /*#__PURE__*/jsx("a", {
+          className: headline,
+          children: t('checkout.build_service_title')
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(toggle, sidebyside),
+          children: [/*#__PURE__*/jsx(Toggle, {
+            onChange: function onChange(e) {
+              var value = !savedValues.buildService;
+              viewHandler.paletteViewHandler.changeOnCheckoutConfig({
+                OPTSERVICE: 'OPV' + (value ? 'JA' : 'NEIN')
+              });
+              setSavedValues(_objectSpread(_objectSpread({}, savedValues), {}, {
+                buildService: value
+              }));
+            },
+            state: savedValues.buildService,
+            on: t('ja'),
+            off: t('nein')
+          }), /*#__PURE__*/jsx("a", {
+            className: autoMargin,
+            children: t('checkout.build_service_text')
+          })]
+        }), /*#__PURE__*/jsx("a", {
+          className: classnames(headline),
+          children: t('checkout.additional_info')
+        }), /*#__PURE__*/jsxs("div", {
+          className: minHeight,
+          children: [/*#__PURE__*/jsx("a", {
+            children: t('checkout.selling_advisor')
+          }), /*#__PURE__*/jsx("input", {
+            onChange: function onChange(e) {
+              return InputCheck(inputField[2], e.target.value, 'simple');
+            },
+            value: savedValues.sellingAdvisor
+          })]
+        }), /*#__PURE__*/jsx("a", {
+          children: t('checkout.to_product')
+        }), /*#__PURE__*/jsx("textarea", {
+          onChange: function onChange(e) {
+            return InputCheck(inputField[3], e.target.value, 'simple');
+          },
+          value: savedValues.toProduct
+        }), savedValues.buildService && /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx("a", {
+            children: t('checkout.spec_informations')
+          }), /*#__PURE__*/jsx("textarea", {
+            onChange: function onChange(e) {
+              return InputCheck(inputField[4], e.target.value, 'simple');
+            },
+            value: savedValues.specInformations
+          })]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("a", {
+          className: headline,
+          children: t('checkout.client_info')
+        }), /*#__PURE__*/jsx("div", {
+          className: under
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(sidebyside, minHeight),
+          children: [/*#__PURE__*/jsxs("div", {
+            className: under,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.name'), "*"]
+            }), /*#__PURE__*/jsx("input", {
+              onChange: function onChange(e) {
+                return InputCheck(inputField[5], e.target.value, inputChecktype[0]);
+              },
+              value: savedValues.firstName
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, inputValidation.firstName ? hide : show),
+              children: ' ' + t('checkout.required')
+            })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: under,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.surname'), "*"]
+            }), /*#__PURE__*/jsx("input", {
+              onChange: function onChange(e) {
+                return InputCheck(inputField[6], e.target.value, inputChecktype[1]);
+              },
+              value: savedValues.lastName
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, inputValidation.lastName ? hide : show),
+              children: ' ' + t('checkout.required')
+            })]
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: minHeight,
+          children: [/*#__PURE__*/jsxs("a", {
+            children: [t('basket.clientData.form.email'), savedValues.buildService ? '*' : '']
+          }), /*#__PURE__*/jsx("input", {
+            onChange: function onChange(e) {
+              return InputCheck(inputField[7], e.target.value, inputChecktype[2]);
+            },
+            value: savedValues.email
+          }), /*#__PURE__*/jsx("a", {
+            className: classnames(requiredProp, savedValues.buildService && !inputValidation.email ? show : hide),
+            children: ' ' + t('checkout.required')
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: minHeight,
+          children: [/*#__PURE__*/jsxs("a", {
+            children: [t('basket.clientData.form.phone'), savedValues.buildService ? '*' : '']
+          }), /*#__PURE__*/jsx("input", {
+            onChange: function onChange(e) {
+              return InputCheck(inputField[8], e.target.value, inputChecktype[3]);
+            },
+            value: savedValues.phoneNumber
+          }), /*#__PURE__*/jsx("a", {
+            className: classnames(requiredProp, savedValues.buildService && !inputValidation.phoneNumber ? show : hide),
+            children: ' ' + t('checkout.required')
+          })]
+        }), savedValues.buildService && /*#__PURE__*/jsx("a", {
+          className: classnames(headline, lieferadresse),
+          children: t('checkout.delivery_address')
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(sidebyside, minHeight),
+          children: [/*#__PURE__*/jsxs("div", {
+            className: street,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.address'), savedValues.buildService ? '*' : '']
+            }), /*#__PURE__*/jsx("input", {
+              className: street,
+              onChange: function onChange(e) {
+                return InputCheck(inputField[9], e.target.value, inputChecktype[4]);
+              },
+              value: savedValues.street
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, savedValues.buildService && !inputValidation.street ? show : hide),
+              children: ' ' + t('checkout.required')
+            })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: nr,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.addressNr'), savedValues.buildService ? '*' : '']
+            }), /*#__PURE__*/jsx("input", {
+              className: nr,
+              onChange: function onChange(e) {
+                return InputCheck(inputField[10], e.target.value, inputChecktype[5]);
+              },
+              value: savedValues.nr
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, savedValues.buildService && !inputValidation.nr ? show : hide),
+              children: ' ' + t('checkout.required')
+            })]
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(sidebyside, minHeight),
+          children: [/*#__PURE__*/jsxs("div", {
+            className: under,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.cap'), savedValues.buildService ? '*' : '']
+            }), /*#__PURE__*/jsx("input", {
+              onChange: function onChange(e) {
+                return InputCheck(inputField[11], e.target.value, inputChecktype[6]);
+              },
+              value: savedValues.postalCode
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, savedValues.buildService && !inputValidation.postalCode ? show : hide),
+              children: ' ' + t('checkout.required')
+            })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: under,
+            children: [/*#__PURE__*/jsxs("a", {
+              children: [t('basket.clientData.form.city'), savedValues.buildService ? '*' : '']
+            }), /*#__PURE__*/jsx("input", {
+              onChange: function onChange(e) {
+                return InputCheck(inputField[12], e.target.value, inputChecktype[7]);
+              },
+              value: savedValues.location
+            }), /*#__PURE__*/jsx("a", {
+              className: classnames(requiredProp, savedValues.buildService && !inputValidation.location ? show : hide),
+              children: ' ' + t('checkout.required')
+            })]
+          })]
+        }), /*#__PURE__*/jsxs("a", {
+          children: [t('basket.clientData.form.countryCode'), savedValues.buildService ? '*' : '']
+        }), /*#__PURE__*/jsx(Dropdown, {
+          menuClassName: dropdownMenu,
+          value: savedValues.country,
+          options: ['Deutschland', 'Österreich', 'Schweiz', 'Luxemburg', 'Belgien', 'Niederlande', 'Tschechien', 'Kasachstan'],
+          onChange: function onChange(e) {
+            return InputCheck(inputField[13], e.value, 'simple');
+          }
+        })]
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: formButtons,
+      children: /*#__PURE__*/jsx(BasketActionSerious, {
+        onSave: saveValues,
+        saveIsDisabled: !canSave,
+        sendEmailIsDisabled: !canSendEmail
+      })
+    })]
+  });
+};
+var CheckoutFormNew = observer(CheckOutForm);
+
+export { CheckoutFormNew as default };

package/build/esm/index-ff27afd9.js

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

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-ba2ebee2.js';
+export { W as WebPlannerReact, c as default } from './index-79725c40.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-3498c21e.js

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-79725c40.js';
+
+var paletteItem = "palette-item-efwMm";
+var sel = "sel-SyPrw";
+var wcSize = "wcSize-9ksFx";
+var wcSizeNormal = "wcSize-normal-oAeOQ";
+var wcSizeSmall = "wcSize-small-08-0g";
+var wcImagePlaceHolder = "wcImagePlaceHolder-PGGor";
+var wcImage = "wcImage-ulLwa";
+var textContainer = "text-container-KJ-2Y";
+var big = "big-O-F1-";
+var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-FNLTu";
+var metaData = "meta-data-9tN4Q";
+var ccConstructionWarning = "ccConstructionWarning-D-umM";
+var css_248z = "/*ConfigPalette with Normal & Small */\n\n.palette-item-efwMm {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.sel-SyPrw {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.palette-item-efwMm:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.palette-item-efwMm:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.palette-item-efwMm .wcSize-9ksFx {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.palette-item-efwMm.wcSize-very-small-8SGDR {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.palette-item-efwMm .wcSize-9ksFx.wcSize-normal-oAeOQ {\n  height: 80px;\n}\n\n.palette-item-efwMm .wcSize-9ksFx.wcSize-small-08-0g {\n  height: 64px;\n}\n\n.palette-item-efwMm .wcImagePlaceHolder-PGGor {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.palette-item-efwMm .wcSize-normal-oAeOQ .wcImage-ulLwa {\n  height: 80px;\n  width: 112px;\n}\n\n.palette-item-efwMm .wcSize-small-08-0g .wcImage-ulLwa {\n  height: 64px;\n  width: 96px;\n}\n.palette-item-efwMm.wcSize-very-small-8SGDR .wcImage-ulLwa {\n  height: 64px;\n  width: 64px;\n}\n\n.palette-item-efwMm .wcImage-ulLwa {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.text-container-KJ-2Y {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.big-O-F1- {\n  max-width: calc(100% - 32px);\n}\n\n.palette-item-efwMm.wcSize-very-small-8SGDR .text-container-KJ-2Y {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.palette-item-efwMm .wcConfigurator-settings-title-FNLTu {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\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}\n\n.palette-item-efwMm .wcConfigurator-settings-title-FNLTu.meta-data-9tN4Q {\n  -webkit-line-clamp: 1;\n}\n\n.wcSize-normal-oAeOQ .wcConfigurator-settings-title-FNLTu {\n  -webkit-line-clamp: 3;\n}\n\n.wcSize-small-08-0g .wcConfigurator-settings-title-FNLTu {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .palette-item-efwMm .wcSize-normal-oAeOQ {\n    height: 80px;\n  }\n\n  .palette-item-efwMm .wcSize-normal-oAeOQ img {\n    height: 80px;\n  }\n\n  .text-container-KJ-2Y {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.wcConfigurator-settings-Filters-WkbQp {\n  float: right;\n  z-index: 900;\n}\n\n.wcConfigurator-settings-header-z30kM .wcConfigurator-settings-Filters-WkbQp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.ccConstructionWarning-D-umM {\n  display: block;\n  height: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient gradientTransform%3D%22matrix(1.31117 0 0 1.30239 737.39 159.91)%22 gradientUnits%3D%22userSpaceOnUse%22 id%3D%220%22 y2%3D%22-.599%22 x2%3D%220%22 y1%3D%2245.47%22%3E%3Cstop stop-color%3D%22%23ffc515%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23ffd55b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg transform%3D%22matrix(.85714 0 0 .85714-627.02-130.8)%22%3E%3Cpath d%3D%22m797.94 212.01l-25.607-48c-.736-1.333-2.068-2.074-3.551-2.074-1.483 0-2.822.889-3.569 2.222l-25.417 48c-.598 1.185-.605 2.815.132 4 .737 1.185 1.921 1.778 3.404 1.778h51.02c1.483 0 2.821-.741 3.42-1.926.747-1.185.753-2.667.165-4%22 fill%3D%22url(%230)%22%2F%3E%3Cpath d%3D%22m-26.309 18.07c-1.18 0-2.135.968-2.135 2.129v12.82c0 1.176.948 2.129 2.135 2.129 1.183 0 2.135-.968 2.135-2.129v-12.82c0-1.176-.946-2.129-2.135-2.129zm0 21.348c-1.18 0-2.135.954-2.135 2.135 0 1.18.954 2.135 2.135 2.135 1.181 0 2.135-.954 2.135-2.135 0-1.18-.952-2.135-2.135-2.135z%22 transform%3D%22matrix(1.05196 0 0 1.05196 796.53 161.87)%22 fill%3D%22%23000%22 stroke%3D%22%2340330d%22 fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n";
+styleInject(css_248z);
+
+export { wcSizeNormal as a, wcImage as b, wcConfiguratorSettingsTitle as c, wcSizeSmall as d, wcImagePlaceHolder as e, big as f, ccConstructionWarning as g, metaData as m, paletteItem as p, sel as s, textContainer as t, wcSize as w };

package/build/esm/index.module-4a74d59b.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-79725c40.js';
+
+var row = "row-2sbo5";
+var colum = "colum-bfgmE";
+var columToggleName = "colum-toggle-name-PXzg8";
+var title = "title-KljD9";
+var toggle = "toggle-B2uo7";
+var name = "name-QE1Nl";
+var sel = "sel-ZAWxP";
+var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-B2uo7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n";
+styleInject(css_248z);
+
+export { toggle as a, columToggleName as b, colum as c, name as n, row as r, sel as s, title as t };

package/build/esm/index.module-4c59c2bb.js

@@ -0,0 +1,26 @@
+import { s as styleInject } from './index-79725c40.js';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
+var mobile = "mobile--gThy";
+var expanded = "Expanded-OjOcq";
+var plannerConfigArrow = "planner-config-arrow-pp9Jx";
+var wcConfigCloseButton = "wcConfigCloseButton-KxVGW";
+var wcFunctionsText = "wcFunctionsText-43-4z";
+var wcIcon = "wcIcon-bkatb";
+var wcHelpIcon = "wcHelpIcon-J-cpm";
+var wcPrintIcon = "wcPrintIcon-j6cRI";
+var wcResetIcon = "wcResetIcon-MQ8Ho";
+var wcShareIcon = "wcShareIcon-OZd0o";
+var wcSaveIcon = "wcSaveIcon-YIgj1";
+var wcHelp = "wcHelp-bR9nB";
+var maxExpanded = "Max-Expanded-DUFho";
+var wcPrint = "wcPrint-jfqiA";
+var wcReset = "wcReset-gxswz";
+var wcSave = "wcSave-21V7m";
+var landscape = "landscape-5TbIU";
+var wcFunctionsContainer = "wcFunctionsContainer-Ejf2G";
+var portrait = "portrait-gJ5Jg";
+var css_248z = "/* FunctionsButton Help Share ... */\n\n.wcFunctionsToolbar-33mKP {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.mobile--gThy.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.Expanded-OjOcq.wcFunctionsToolbar-33mKP {\n  right: -40px;\n}\n\n.wcFunctionsToolbar-33mKP.planner-config-arrow-pp9Jx {\n  right: 22px;\n}\n\n.wcFunctionsToolbar-33mKP li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.wcFunctionsToolbar-33mKP li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcFunctionsToolbar-33mKP li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wcIcon-bkatb {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.wcIcon-bkatb.wcHelpIcon-J-cpm {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.2764 16.7161C11.0993 16.7161 10.9352 16.6588 10.7842 16.5442C10.6331 16.4296 10.5342 16.302 10.4873 16.1614C10.4404 16.0208 10.417 15.8853 10.417 15.7551C10.417 15.5624 10.4639 15.3879 10.5576 15.2317C10.6514 15.0754 10.7633 14.9635 10.8936 14.8958C11.029 14.828 11.1566 14.7942 11.2764 14.7942C11.4535 14.7942 11.6097 14.8437 11.7451 14.9426C11.8805 15.0416 11.9795 15.1692 12.042 15.3254C12.1097 15.4765 12.1436 15.6197 12.1436 15.7551C12.1436 15.9478 12.0967 16.1223 12.0029 16.2786C11.9144 16.4348 11.7998 16.5468 11.6592 16.6145C11.5238 16.6822 11.3962 16.7161 11.2764 16.7161ZM10.6904 13.5911V12.9192C10.6904 12.5806 10.7607 12.2551 10.9014 11.9426C11.042 11.6249 11.2008 11.3645 11.3779 11.1614C11.5602 10.953 11.7243 10.7708 11.8701 10.6145C12.2347 10.2187 12.4873 9.927 12.6279 9.7395C12.7738 9.552 12.8779 9.35148 12.9404 9.13794C13.0081 8.9244 13.042 8.70304 13.042 8.47388C13.042 7.94263 12.8936 7.53117 12.5967 7.2395C12.305 6.94263 11.8936 6.79419 11.3623 6.79419C11.0186 6.79419 10.693 6.87752 10.3857 7.04419C10.0785 7.20565 9.82585 7.39836 9.62793 7.62231C9.43522 7.84106 9.27116 8.0494 9.13574 8.24731L8.28418 7.63794C8.51335 7.25252 8.79199 6.91659 9.12012 6.63013C9.44824 6.33846 9.81022 6.12231 10.2061 5.98169C10.6019 5.84106 11.0029 5.77075 11.4092 5.77075C11.8779 5.77075 12.292 5.83586 12.6514 5.96606C13.016 6.09106 13.318 6.27336 13.5576 6.51294C13.8024 6.75252 13.9873 7.04419 14.1123 7.38794C14.2373 7.73169 14.2998 8.11971 14.2998 8.552C14.2998 8.89575 14.2399 9.21606 14.1201 9.51294C14.0003 9.80461 13.8467 10.0754 13.6592 10.3254C13.4769 10.5754 13.3076 10.7838 13.1514 10.9504C12.7503 11.3931 12.4587 11.7291 12.2764 11.9583C12.0993 12.1874 11.9873 12.3827 11.9404 12.5442C11.8936 12.7004 11.8701 12.8567 11.8701 13.0129V13.5911H10.6904Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2211.4799%22 cy%3D%2210.9999%22 r%3D%2210.2026%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcPrintIcon-j6cRI {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.38428 16.3467H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 14.0461H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 18.6472H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M16.2828 21.2509H5.00077C4.9073 21.2509 4.83252 21.1752 4.83252 21.0805V11.613C4.83252 11.5184 4.9073 11.4426 5.00077 11.4426H16.2828C16.3763 11.4426 16.4511 11.5184 16.4511 11.613V21.0805C16.4511 21.1752 16.3763 21.2509 16.2828 21.2509Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83252 6.56687V1.47337C4.83252 1.21775 5.03816 1 5.29988 1H15.9931C16.2455 1 16.4604 1.20828 16.4604 1.47337V6.56687%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83235 16.5361H1.32715C1.14956 16.5361 1 16.3847 1 16.2048V6.89826C1 6.71837 1.14956 6.56689 1.32715 6.56689H19.9561C20.1337 6.56689 20.2833 6.71837 20.2833 6.89826V16.2048C20.2833 16.3847 20.1337 16.5361 19.9561 16.5361H16.4509%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcArButton-24eI0 {\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 96 960 960%22 width%3D%2248%22%3E%3Cpath d%3D%22M448 889 228 760q-13.775-8.171-21.387-21.914Q199 724.343 199 708V451q0-16.343 7.613-30.086Q214.225 407.171 228 399l221-131q14-8 31-8t31 8l221 131q13.775 8.171 21.388 21.914Q761 434.657 761 451v257q0 16.343-7.875 30.086Q745.25 751.829 731 760L508 889q-14.328 8-30.164 8Q462 897 448 889Zm2-69V596L260 487v219l190 114Zm60 0 191-114V487L510 596v224ZM40 325v-77q0-46.667 32.667-79.333Q105.333 136 152 136h77v60h-77q-22.1 0-37.05 14.95Q100 225.9 100 248v77H40Zm112 691q-46.667 0-79.333-32.667Q40 950.667 40 904v-77h60v77q0 22.1 14.95 37.05Q129.9 956 152 956h77v60h-77Zm579-4v-60h77q22.1 0 37.05-14.95Q860 922.1 860 900v-77h60v77q0 46.667-32.667 79.333Q854.667 1012 808 1012h-77Zm129-687v-77q0-22.1-14.95-37.05Q830.1 196 808 196h-77v-60h77q46.667 0 79.333 32.667Q920 201.333 920 248v77h-60ZM480 542l190-110-190-109-190 109 190 110Zm0 25Zm0-25Zm30 54Zm-60 0Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 30px;\n}\n.wcIcon-bkatb.wcResetIcon-MQ8Ho {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcShareIcon-OZd0o {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%224%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2216%22 cy%3D%2217%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%224%22 cy%3D%2210.5%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline x1%3D%226.74504%22 y1%3D%229.2569%22 x2%3D%2213.4295%22 y2%3D%225.29454%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline y1%3D%22-0.5%22 x2%3D%227.77063%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.860225 0.509914 0.509914 -0.860225 7 11.6199)%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcSaveIcon-YIgj1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2219%22 viewBox%3D%220 0 22 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.0698 1H19.5344C20.0866 1 20.5344 1.44771 20.5344 2V3.79989H20.5335V16.9999C20.5335 17.5522 20.0858 17.9999 19.5335 17.9999H2C1.44771 17.9999 1 17.5522 1 16.9999V2.53345H0V16.9999C0 18.1045 0.895429 18.9999 2 18.9999H19.5335C20.6381 18.9999 21.5335 18.1045 21.5335 16.9999V13.2596C21.5341 13.2399 21.5344 13.22 21.5344 13.2001V2C21.5344 0.895431 20.6389 0 19.5344 0H12.0698C10.9653 0 10.0698 0.895431 10.0698 2V11.8121L6.44608 7.67069C6.26424 7.46288 5.94836 7.44182 5.74054 7.62366C5.53272 7.8055 5.51166 8.12138 5.6935 8.3292L10.1269 13.3959C10.2218 13.5044 10.359 13.5666 10.5032 13.5666C10.6473 13.5666 10.7845 13.5044 10.8794 13.3959L15.3128 8.3292C15.4947 8.12138 15.4736 7.8055 15.2658 7.62366C15.058 7.44182 14.7421 7.46288 14.5602 7.67069L11.0698 11.6597V2C11.0698 1.44772 11.5175 1 12.0698 1Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.Expanded-OjOcq .wcHelp-bR9nB,\n.Max-Expanded-DUFho .wcHelp-bR9nB,\n.Expanded-OjOcq .wcPrint-jfqiA,\n.Max-Expanded-DUFho .wcPrint-jfqiA,\n.Expanded-OjOcq .wcReset-gxswz,\n.Max-Expanded-DUFho .wcReset-gxswz,\n.Expanded-OjOcq .wcSave-21V7m,\n.Max-Expanded-DUFho .wcSave-21V7m {\n  display: none;\n}\n\n.landscape-5TbIU .wcReset-gxswz,\n.landscape-5TbIU .wcPrint-jfqiA,\n.landscape-5TbIU .wcHelp-bR9nB {\n  display: none;\n  background-image: none;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#wcSetSelector-zDZtd {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.portrait-gJ5Jg .wcReset-gxswz,\n.portrait-gJ5Jg .wcPrint-jfqiA,\n.portrait-gJ5Jg .wcHelp-bR9nB {\n  display: none;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP {\n  margin: 0;\n  margin: initial;\n}\n";
+styleInject(css_248z);
+
+export { portrait as a, wcFunctionsContainer as b, wcHelp as c, wcIcon as d, expanded as e, wcHelpIcon as f, wcFunctionsText as g, wcPrint as h, wcPrintIcon as i, wcShareIcon as j, wcReset as k, landscape as l, maxExpanded as m, wcResetIcon as n, wcSave as o, plannerConfigArrow as p, wcSaveIcon as q, wcConfigCloseButton as r, mobile as s, wcFunctionsToolbar as w };