@crystaldesign/diva-web-planner-react 24.13.0-beta.12 → 24.13.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "24.13.0-beta.12",
+  "version": "24.13.0-beta.14",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,10 +12,10 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "24.13.0-beta.12",
-    "@crystaldesign/products-component": "24.13.0-beta.12",
-    "@crystaldesign/real-time-viewer": "24.13.0-beta.12",
-    "@crystaldesign/web-planner-logic": "24.13.0-beta.12",
+    "@crystaldesign/content-item": "24.13.0-beta.14",
+    "@crystaldesign/products-component": "24.13.0-beta.14",
+    "@crystaldesign/real-time-viewer": "24.13.0-beta.14",
+    "@crystaldesign/web-planner-logic": "24.13.0-beta.14",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.19.3",
     "@types/three": "0.163.0",
@@ -44,5 +44,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "3b78233799c285a15d9c5f9f4d9591d2e587c926"
+  "gitHead": "c839d77b640aa2f10b16c8d91a1db3ea8b80e7ec"
 }

package/build/esm/index-b78f5625.js

@@ -1,115 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-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';
-
-var info = "info-N3LzD";
-var selected = "selected-P-U1U";
-var notSel = "not-sel-AFJoQ";
-var background = "background-gCmWP";
-var isOpen = "is-open-0Kj4f";
-var text = "text-m4AQC";
-var hidden = "hidden-R5A8Y";
-var css_248z = ".info-N3LzD {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.selected-P-U1U,\n.not-sel-AFJoQ {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.selected-P-U1U rect,\n.not-sel-AFJoQ rect,\n.selected-P-U1U path,\n.not-sel-AFJoQ path {\n  transition: 0.3s fill ease;\n}\n\n.info-N3LzD svg {\n  transition: 0.3s filter ease;\n}\n\n.selected-P-U1U:hover .background-gCmWP,\n.is-open-0Kj4f .background-gCmWP {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.selected-P-U1U:hover .text-m4AQC,\n.is-open-0Kj4f .text-m4AQC {\n  fill: transparent;\n}\n\n.selected-P-U1U:hover svg,\n.not-sel-AFJoQ:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.not-sel-AFJoQ:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.hidden-R5A8Y {\n  opacity: 0;\n  z-index: 10;\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 InfoIcon = function InfoIcon(_ref) {
-  var _ref2, _codex, _palette$primary$main, _palette$primary;
-  var item = _ref.item,
-    style = _ref.style,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 20 : _ref$size;
-  var _useDivaCore = useDivaCore(),
-    palette = _useDivaCore.state.theme.palette;
-  var viewHandler = useViewHandler();
-  var contentItemId = item.contentItemId;
-  var clickedFrom = (_ref2 = (_codex = item.codex) !== null && _codex !== void 0 ? _codex : item.articleCodex) !== null && _ref2 !== void 0 ? _ref2 : item.title;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    clicked = _useState2[0],
-    setClicked = _useState2[1];
-  var itemSelected = item.sel || clicked;
-  useEffect(function () {
-    var select = viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId == contentItemId && clickedFrom == viewHandler.settingsState.clickedFrom;
-    if (!select && clicked) setClicked(false);
-    if (select && !clicked) setClicked(true);
-  }, [viewHandler.settingsState.contentItemVisible, viewHandler.settingsState.contentItemId, viewHandler.settingsState.clickedFrom]);
-  if (!item) throw new Error('item for infoIcon not defined');
-  return /*#__PURE__*/jsxs("div", {
-    className: info,
-    onClick: function onClick(e) {
-      viewHandler.settingsState.onClickContentItemId(contentItemId, clickedFrom);
-      setClicked(viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId == contentItemId);
-      e.stopPropagation();
-    },
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      width: size + 'px',
-      height: size + 'px'
-    }),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(selected, !itemSelected ? hidden : undefined, clicked ? isOpen : undefined),
-      children: /*#__PURE__*/jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [/*#__PURE__*/jsx("rect", {
-          x: "1",
-          y: "1",
-          width: "18",
-          height: "18",
-          rx: "9",
-          fill: "#fff"
-        }), /*#__PURE__*/jsx("path", {
-          className: background,
-          d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",
-          fill: "#fff"
-        }), /*#__PURE__*/jsx("path", {
-          className: text,
-          d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
-          fill: (_palette$primary$main = palette === null || palette === void 0 || (_palette$primary = palette.primary) === null || _palette$primary === void 0 ? void 0 : _palette$primary.main) !== null && _palette$primary$main !== void 0 ? _palette$primary$main : '#713434'
-        })]
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(notSel, itemSelected ? hidden : undefined),
-      children: /*#__PURE__*/jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [/*#__PURE__*/jsx("rect", {
-          x: "1",
-          y: "1",
-          width: "18",
-          height: "18",
-          rx: "9",
-          fill: "#fff"
-        }), /*#__PURE__*/jsx("path", {
-          d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
-          fill: "#4F4F4F"
-        })]
-      })
-    })]
-  });
-};
-var InfoIcon$1 = observer(InfoIcon);
-
-export { InfoIcon$1 as default };

package/build/esm/index.module-0769e60f.js

@@ -1,20 +0,0 @@
-import { s as styleInject } from './index-e3be2bc4.js';
-
-var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
-var landscape = "landscape-mjn27";
-var portrait = "portrait-gNyhf";
-var settingsHidden = "settings-hidden-2bQ-r";
-var fullscreen = "fullscreen-rBOrC";
-var wcConfigurator3Dimage = "wcConfigurator-3dimage-10NCi";
-var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
-var center = "center-eIYYK";
-var imageCenterOrbit = "imageCenterOrbit-m9ffC";
-var imageCenterStatic = "imageCenterStatic-Xu-zR";
-var foldback = "foldback-qgcop";
-var foldbackLeft = "foldback-left-fyHVB";
-var foldup = "foldup-PaBn5";
-var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
-var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n.landscape-mjn27.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n\n.portrait-gNyhf.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  top: -70px;\n  width: 100%;\n  height: calc(100% + 70px);\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.landscape-mjn27 .foldback-qgcop {\n  width: 32px;\n  height: 32px;\n}\n.portrait-gNyhf .foldback-qgcop {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.portrait-gNyhf .foldback-qgcop.foldback-left-fyHVB {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.settings-hidden-2bQ-r .foldback-qgcop {\n  transform: rotate(180deg);\n}\n\n.foldup-PaBn5 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-export { wcConfiguratorArticleImage as a, foldback as b, center as c, foldbackLeft as d, foldup as e, fullscreen as f, wcConfigurator3Dimage as g, imageCenterStatic as h, imageCenterOrbit as i, wcPlanner3DGrid as j, landscape as l, portrait as p, settingsHidden as s, wcConfiguratorProductCenter as w };

package/build/esm/requestProductForm-275a48c7.js

@@ -1,295 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-e3be2bc4.js';
-import { useReducer, useState } from 'react';
-import { useTranslation } 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 'mobx-react-lite';
-
-var reqProdForm = "req-prod-form-rkRSD";
-var title = "title-N--Hv";
-var radioInput = "radio-input-9sGRp";
-var textBoxRow = "text-box-row-YqOau";
-var radioBoxRow = "radio-box-row-VYDwC";
-var content = "content-Qm-tF";
-var scroller = "scroller-IFxeS";
-var reqProdFormLabelFocus = "req-prod-form-label-focus-bSNwp";
-var reqProdFormLabel = "req-prod-form-label-viy-t";
-var errorSpan = "error-span-dlO6Z";
-var css_248z = ".req-prod-form-rkRSD {\n  display: flex;\n  flex-direction: column;\n  padding: 7.25rem 7rem 0rem 7rem;\n  overflow: hidden;\n  position: absolute;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.title-N--Hv {\n  font-size: 3.25rem;\n  font-family: 'EuclidSquare', Arial, sans-serif;\n  line-height: 120%;\n  padding: 1rem;\n}\n\n.radio-input-9sGRp {\n  display: flex;\n  line-height: 1.5;\n  margin-right: 1.75rem;\n  gap: 10px;\n}\n\n.text-box-row-YqOau {\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  margin-top: 15px;\n}\n\n.radio-box-row-VYDwC {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 3rem;\n  flex-flow: wrap;\n  gap: 1rem;\n}\n\n.text-box-row-YqOau div {\n  position: relative;\n}\n\n.content-Qm-tF {\n  padding: 1rem;\n  padding-top: 0;\n}\n\n.scroller-IFxeS {\n  height: 100%;\n  margin-bottom: 115px;\n  overflow-y: auto;\n}\n\n.req-prod-form-rkRSD * {\n  font-family: 'EuclidSquare', Arial, sans-serif;\n}\n\n.req-prod-form-rkRSD h5 {\n  margin: 0px;\n  font-size: 3.25rem;\n  line-height: 120%;\n  font-weight: 500;\n  padding-bottom: 5rem;\n}\n\n.req-prod-form-rkRSD small {\n  font-weight: normal;\n  color: rgba(15, 21, 49, 0.65);\n}\n\n.req-prod-form-rkRSD span a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.req-prod-form-rkRSD span a:hover {\n  color: #622750 !important;\n}\n\n.req-prod-form-rkRSD textarea {\n  width: calc(100% - 2.5rem);\n  height: calc(150px - 2.5rem);\n  min-height: calc(1.5em + 0.75rem + 2px);\n  font-size: 1.125rem;\n  resize: vertical;\n  padding: 1.25rem;\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n}\n.req-prod-form-rkRSD textarea:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n\n.req-prod-form-rkRSD hr {\n  margin: 2.5rem 0;\n}\n\n.req-prod-form-rkRSD p {\n  font-weight: 500;\n  font-size: 1.125rem;\n  margin: 0;\n  margin-bottom: 1rem;\n}\n.req-prod-form-rkRSD label {\n  font-size: 1.125rem;\n}\n.req-prod-form-rkRSD .text-box-row-YqOau label {\n  position: absolute;\n  pointer-events: none;\n  left: 1.25rem;\n}\n\n.req-prod-form-label-focus-bSNwp {\n  font-size: 14px !important;\n}\n\n.req-prod-form-label-focus-bSNwp {\n  top: 8px;\n  transform: none;\n  transition: all 0.25s ease-in-out;\n  color: rgba(15, 21, 49, 0.6);\n}\n\n.req-prod-form-label-viy-t {\n  top: 1.25rem;\n  line-height: 140%;\n  color: rgba(15, 21, 49, 0.6);\n  transition: all 0.25s ease-in-out;\n}\n\n.req-prod-form-rkRSD input[type='radio'] {\n  width: 1.625rem;\n  height: 1.625rem;\n  border: 1px solid rgba(15, 21, 49, 0.6);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: 50%;\n  margin-top: 0px;\n  font-weight: 400;\n}\n\n.req-prod-form-rkRSD input[type='button'] {\n  background-color: #0f1531;\n  border-color: #0f1531;\n  color: white;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  font-weight: 500;\n  font-size: 1.125rem;\n  border-radius: 0;\n  padding: 23px 40px;\n  cursor: pointer;\n}\n\n.req-prod-form-rkRSD input[type='button']:hover {\n  background-color: #333e6c;\n  border-color: #333e6c;\n}\n\n.req-prod-form-rkRSD input[type='button']:disabled {\n  color: #fff;\n  pointer-events: none;\n  background-color: #0f1531;\n  cursor: not-allowed;\n  border: 1px solid #0f1531;\n  opacity: 0.65;\n}\n\n.error-span-dlO6Z {\n  display: inline-block;\n  color: #d80f55;\n  margin-top: 0.75rem;\n  font-size: 1.125rem;\n}\n\n.req-prod-form-rkRSD input[type='text'] {\n  padding: 1.25rem;\n  padding-top: 1.9rem;\n  padding-bottom: 0.75rem;\n  width: calc(100% - 2.5rem);\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n  line-height: 24px;\n  font-size: 1.125rem;\n}\n.req-prod-form-rkRSD input[type='text']:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n.req-prod-form-rkRSD input:checked[type='radio'] {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  background-color: #0f1531;\n}\n\n@media screen and (max-width: 991px) {\n  .req-prod-form-rkRSD {\n    padding: 0;\n    padding-top: 4.75rem;\n  }\n  .req-prod-form-rkRSD .title-N--Hv {\n    font-size: 2.25rem;\n    text-align: left;\n    padding-bottom: 2rem;\n  }\n\n  .req-prod-form-rkRSD p,\n  .req-prod-form-rkRSD label,\n  .req-prod-form-rkRSD textarea {\n    font-size: 1rem;\n  }\n\n  .req-prod-form-rkRSD .text-box-row-YqOau {\n    flex-direction: column;\n  }\n\n  .req-prod-form-rkRSD input[type='text'] {\n    padding: 1.3rem;\n    padding-top: 1.4rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .req-prod-form-label-viy-t {\n    top: 1.1rem;\n  }\n\n  .req-prod-form-label-focus-bSNwp {\n    top: 5px;\n  }\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; }
-function TextInput(_ref) {
-  var name = _ref.name,
-    field = _ref.field,
-    flex = _ref.flex,
-    reducer = _ref.reducer,
-    textarea = _ref.textarea;
-  var _useState = useState(reqProdFormLabel),
-    _useState2 = _slicedToArray(_useState, 2),
-    cssClass = _useState2[0],
-    setCssClass = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (textarea) {
-    return /*#__PURE__*/jsxs("div", {
-      style: {
-        flexBasis: flex,
-        display: 'flex',
-        flexDirection: 'column',
-        width: '100%'
-      },
-      children: [/*#__PURE__*/jsx("label", {
-        className: cssClass,
-        children: name
-      }), /*#__PURE__*/jsx("span", {
-        children: /*#__PURE__*/jsx("textarea", {
-          name: name,
-          onChange: function onChange(e) {
-            return reducer[1]({
-              field: field,
-              value: e.target.value
-            });
-          },
-          onFocus: function onFocus() {
-            return !reducer[0][field] && setCssClass(reqProdFormLabelFocus);
-          },
-          onBlur: function onBlur() {
-            return !reducer[0][field] && setCssClass(reqProdFormLabel);
-          },
-          value: reducer[0][field]
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      flexBasis: flex,
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%'
-    },
-    children: [/*#__PURE__*/jsx("label", {
-      className: cssClass,
-      children: name
-    }), /*#__PURE__*/jsxs("span", {
-      children: [/*#__PURE__*/jsx("input", {
-        type: "text",
-        name: name,
-        onChange: function onChange(e) {
-          return reducer[1]({
-            field: field,
-            value: e.target.value
-          });
-        },
-        onFocus: function onFocus() {
-          return !reducer[0][field] && setCssClass(reqProdFormLabelFocus);
-        },
-        onBlur: function onBlur() {
-          return !reducer[0][field] && setCssClass(reqProdFormLabel);
-        },
-        value: reducer[0][field]
-      }), reducer[0][field] == '' && /*#__PURE__*/jsx("span", {
-        className: errorSpan,
-        children: t('configurator.requestproductform.missingfieldwarning')
-      })]
-    })]
-  });
-}
-var RequestProductForm = function RequestProductForm(_ref2) {
-  var onSubmit = _ref2.onSubmit;
-  var reducer = useReducer(formReducer, {
-    gender: 'male',
-    contactForm: 'email',
-    allowData: false,
-    canSave: false
-  });
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  function formReducer(form, changedValue) {
-    var dispatch = {};
-    dispatch[changedValue.field] = changedValue.value;
-    var newValue = _objectSpread(_objectSpread({}, form), dispatch);
-    if (newValue.allowData && newValue.name && newValue.lastName && newValue.street && newValue.streetNr && newValue.plz && newValue.location && newValue.email && newValue.phone) {
-      newValue.canSave = true;
-    } else {
-      newValue.canSave = false;
-    }
-    return newValue;
-  }
-  function RadioInput(_ref3) {
-    var name = _ref3.name,
-      field = _ref3.field,
-      value = _ref3.value;
-    return /*#__PURE__*/jsxs("div", {
-      className: radioInput,
-      children: [/*#__PURE__*/jsx("input", {
-        id: name.toLowerCase(),
-        name: name,
-        type: "radio",
-        checked: reducer[0][field] == value,
-        onChange: function onChange() {
-          return reducer[1]({
-            field: field,
-            value: value
-          });
-        }
-      }), /*#__PURE__*/jsx("label", {
-        htmlFor: name.toLowerCase(),
-        children: name
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: reqProdForm,
-    children: [/*#__PURE__*/jsx("h5", {
-      className: title,
-      children: t('configurator.requestproductform.title')
-    }), /*#__PURE__*/jsx("div", {
-      className: scroller,
-      children: /*#__PURE__*/jsxs("form", {
-        className: content,
-        children: [/*#__PURE__*/jsx("p", {
-          children: t('configurator.requestproductform.contactmethod.title')
-        }), /*#__PURE__*/jsxs("div", {
-          className: radioBoxRow,
-          children: [/*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.contactmethod.email'),
-            field: "contactForm",
-            value: "email"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.contactmethod.phone'),
-            field: "contactForm",
-            value: "phone"
-          })]
-        }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsxs("div", {
-          className: radioBoxRow,
-          children: [/*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.male'),
-            field: "gender",
-            value: "male"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.female'),
-            field: "gender",
-            value: "female"
-          }), /*#__PURE__*/jsx(RadioInput, {
-            name: t('configurator.requestproductform.other'),
-            field: "gender",
-            value: "other"
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.name'),
-            field: "name",
-            flex: "50%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.lastname'),
-            field: "lastName",
-            flex: "50%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.street'),
-            field: "street",
-            flex: "67.5%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.streetnr'),
-            field: "streetNr",
-            flex: "32.5%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.plz'),
-            field: "plz",
-            flex: "32.5%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.location'),
-            field: "location",
-            flex: "67.5%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: textBoxRow,
-          children: [/*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.email'),
-            field: "email",
-            flex: "50%",
-            reducer: reducer
-          }), /*#__PURE__*/jsx(TextInput, {
-            name: t('configurator.requestproductform.phone'),
-            field: "phone",
-            flex: "50%",
-            reducer: reducer
-          })]
-        }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("div", {
-          className: textBoxRow,
-          children: /*#__PURE__*/jsx(TextInput, {
-            field: "notes",
-            name: t('configurator.requestproductform.notes'),
-            reducer: reducer,
-            textarea: true
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          style: {
-            display: 'flex',
-            flexDirection: 'row',
-            width: '100%',
-            marginBottom: '1rem',
-            marginTop: '.3rem'
-          },
-          children: [/*#__PURE__*/jsx("input", {
-            type: "checkbox",
-            onChange: function onChange(e) {
-              return reducer[1]({
-                field: 'allowData',
-                value: e.target.checked
-              });
-            }
-          }), /*#__PURE__*/jsx("span", {
-            dangerouslySetInnerHTML: {
-              __html: t('configurator.requestproductform.liviquedataprotection')
-            }
-          })]
-        }), /*#__PURE__*/jsx("p", {
-          style: {
-            marginBottom: '4rem'
-          },
-          children: /*#__PURE__*/jsx("small", {
-            dangerouslySetInnerHTML: {
-              __html: t('configurator.requestproductform.googledataprotection')
-            }
-          })
-        }), /*#__PURE__*/jsx("input", {
-          type: "button",
-          value: t('configurator.requestproductform.request'),
-          disabled: !reducer[0].canSave,
-          onClick: function onClick() {
-            return onSubmit(reducer[0]);
-          }
-        })]
-      })
-    })]
-  });
-};
-
-export { RequestProductForm as default };

package/build/types/web-planner-react/src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-interface Form {
-    contactForm: 'email' | 'phone';
-    gender: 'male' | 'female' | 'other';
-    name?: string;
-    lastName?: string;
-    street?: string;
-    streetNr?: string;
-    plz?: string;
-    location?: string;
-    email?: string;
-    phone?: string;
-    notes?: string;
-    allowData: boolean;
-    canSave: boolean;
-}
-declare const RequestProductForm: ({ onSubmit }: {
-    onSubmit: (data: Form) => void;
-}) => React.JSX.Element;
-export default RequestProductForm;
-//# sourceMappingURL=requestProductForm.d.ts.map

package/build/types/web-planner-react/src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"requestProductForm.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/GlobalElements/BarrierActions/blue/presets/requestProductForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAepD,UAAU,IAAI;IACZ,WAAW,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAyCD,QAAA,MAAM,kBAAkB,iBAAkB;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAAE,sBA8F3E,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/build/umd/9276.diva-web-planner-react.umd.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9276.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9276],{19276:(e,n,r)=>{r.r(n),r.d(n,{default:()=>w});var o=r(80248),t=r(34988),i=r(87363),a=r(88683),d=r(93379),l=r.n(d),u=r(7795),s=r.n(u),c=r(90569),m=r.n(c),p=r(3565),f=r.n(p),x=r(19216),g=r.n(x),h=r(44589),b=r.n(h),v=r(64375),j={};j.styleTagTransform=b(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=g();l()(v.ZP,j);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,o.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function TextInput(e){var n=e.name,r=e.field,o=e.flex,d=e.reducer,l=e.textarea,u=(0,i.useState)(v.ZR),s=(0,t.Z)(u,2),c=s[0],m=s[1],p=(0,a.useTranslation)().t;return l?(0,N.jsxs)("div",{style:{flexBasis:o,display:"flex",flexDirection:"column",width:"100%"},children:[(0,N.jsx)("label",{className:c,children:n}),(0,N.jsx)("span",{children:(0,N.jsx)("textarea",{name:n,onChange:function onChange(e){return d[1]({field:r,value:e.target.value})},onFocus:function onFocus(){return!d[0][r]&&m(v.Ly)},onBlur:function onBlur(){return!d[0][r]&&m(v.ZR)},value:d[0][r]})})]}):(0,N.jsxs)("div",{style:{flexBasis:o,display:"flex",flexDirection:"column",width:"100%"},children:[(0,N.jsx)("label",{className:c,children:n}),(0,N.jsxs)("span",{children:[(0,N.jsx)("input",{type:"text",name:n,onChange:function onChange(e){return d[1]({field:r,value:e.target.value})},onFocus:function onFocus(){return!d[0][r]&&m(v.Ly)},onBlur:function onBlur(){return!d[0][r]&&m(v.ZR)},value:d[0][r]}),""==d[0][r]&&(0,N.jsx)("span",{className:v.jp,children:p("configurator.requestproductform.missingfieldwarning")})]})]})}const w=function RequestProductForm(e){var n=e.onSubmit,r=(0,i.useReducer)((function formReducer(e,n){var r={};r[n.field]=n.value;var o=_objectSpread(_objectSpread({},e),r);o.allowData&&o.name&&o.lastName&&o.street&&o.streetNr&&o.plz&&o.location&&o.email&&o.phone?o.canSave=!0:o.canSave=!1;return o}),{gender:"male",contactForm:"email",allowData:!1,canSave:!1}),o=(0,a.useTranslation)().t;function RadioInput(e){var n=e.name,o=e.field,t=e.value;return(0,N.jsxs)("div",{className:v.Sw,children:[(0,N.jsx)("input",{id:n.toLowerCase(),name:n,type:"radio",checked:r[0][o]==t,onChange:function onChange(){return r[1]({field:o,value:t})}}),(0,N.jsx)("label",{htmlFor:n.toLowerCase(),children:n})]})}return(0,N.jsxs)("div",{className:v.Bn,children:[(0,N.jsx)("h5",{className:v.TN,children:o("configurator.requestproductform.title")}),(0,N.jsx)("div",{className:v.OK,children:(0,N.jsxs)("form",{className:v.kQ,children:[(0,N.jsx)("p",{children:o("configurator.requestproductform.contactmethod.title")}),(0,N.jsxs)("div",{className:v.fT,children:[(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.contactmethod.email"),field:"contactForm",value:"email"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.contactmethod.phone"),field:"contactForm",value:"phone"})]}),(0,N.jsx)("hr",{}),(0,N.jsxs)("div",{className:v.fT,children:[(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.male"),field:"gender",value:"male"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.female"),field:"gender",value:"female"}),(0,N.jsx)(RadioInput,{name:o("configurator.requestproductform.other"),field:"gender",value:"other"})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.name"),field:"name",flex:"50%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.lastname"),field:"lastName",flex:"50%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.street"),field:"street",flex:"67.5%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.streetnr"),field:"streetNr",flex:"32.5%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.plz"),field:"plz",flex:"32.5%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.location"),field:"location",flex:"67.5%",reducer:r})]}),(0,N.jsxs)("div",{className:v.mb,children:[(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.email"),field:"email",flex:"50%",reducer:r}),(0,N.jsx)(TextInput,{name:o("configurator.requestproductform.phone"),field:"phone",flex:"50%",reducer:r})]}),(0,N.jsx)("hr",{}),(0,N.jsx)("div",{className:v.mb,children:(0,N.jsx)(TextInput,{field:"notes",name:o("configurator.requestproductform.notes"),reducer:r,textarea:!0})}),(0,N.jsxs)("div",{style:{display:"flex",flexDirection:"row",width:"100%",marginBottom:"1rem",marginTop:".3rem"},children:[(0,N.jsx)("input",{type:"checkbox",onChange:function onChange(e){return r[1]({field:"allowData",value:e.target.checked})}}),(0,N.jsx)("span",{dangerouslySetInnerHTML:{__html:o("configurator.requestproductform.liviquedataprotection")}})]}),(0,N.jsx)("p",{style:{marginBottom:"4rem"},children:(0,N.jsx)("small",{dangerouslySetInnerHTML:{__html:o("configurator.requestproductform.googledataprotection")}})}),(0,N.jsx)("input",{type:"button",value:o("configurator.requestproductform.request"),disabled:!r[0].canSave,onClick:function onClick(){return n(r[0])}})]})})]})}},64375:(e,n,r)=>{r.d(n,{Bn:()=>m,Ly:()=>v,OK:()=>b,Sw:()=>f,TN:()=>p,ZP:()=>w,ZR:()=>j,fT:()=>g,jp:()=>N,kQ:()=>h,mb:()=>x});var o=r(8081),t=r.n(o),i=r(23645),a=r.n(i),d=r(61667),l=r.n(d),u=new URL(r(39619),r.b),s=a()(t()),c=l()(u);s.push([e.id,".index-module--HpNvf {\n  display: flex;\n  flex-direction: column;\n  padding: 7.25rem 7rem 0rem 7rem;\n  overflow: hidden;\n  position: absolute;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.index-module--FXUTf {\n  font-size: 3.25rem;\n  font-family: 'EuclidSquare', Arial, sans-serif;\n  line-height: 120%;\n  padding: 1rem;\n}\n\n.index-module--nCdob {\n  display: flex;\n  line-height: 1.5;\n  margin-right: 1.75rem;\n  gap: 10px;\n}\n\n.index-module--rBKiN {\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  margin-top: 15px;\n}\n\n.index-module--_HOXU {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 3rem;\n  flex-flow: wrap;\n  gap: 1rem;\n}\n\n.index-module--rBKiN div {\n  position: relative;\n}\n\n.index-module--AZSkB {\n  padding: 1rem;\n  padding-top: 0;\n}\n\n.index-module--DXDJa {\n  height: 100%;\n  margin-bottom: 115px;\n  overflow-y: auto;\n}\n\n.index-module--HpNvf * {\n  font-family: 'EuclidSquare', Arial, sans-serif;\n}\n\n.index-module--HpNvf h5 {\n  margin: 0px;\n  font-size: 3.25rem;\n  line-height: 120%;\n  font-weight: 500;\n  padding-bottom: 5rem;\n}\n\n.index-module--HpNvf small {\n  font-weight: normal;\n  color: rgba(15, 21, 49, 0.65);\n}\n\n.index-module--HpNvf span a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.index-module--HpNvf span a:hover {\n  color: #622750 !important;\n}\n\n.index-module--HpNvf textarea {\n  width: calc(100% - 2.5rem);\n  height: calc(150px - 2.5rem);\n  min-height: calc(1.5em + 0.75rem + 2px);\n  font-size: 1.125rem;\n  resize: vertical;\n  padding: 1.25rem;\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n}\n.index-module--HpNvf textarea:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n\n.index-module--HpNvf hr {\n  margin: 2.5rem 0;\n}\n\n.index-module--HpNvf p {\n  font-weight: 500;\n  font-size: 1.125rem;\n  margin: 0;\n  margin-bottom: 1rem;\n}\n.index-module--HpNvf label {\n  font-size: 1.125rem;\n}\n.index-module--HpNvf .index-module--rBKiN label {\n  position: absolute;\n  pointer-events: none;\n  left: 1.25rem;\n}\n\n.index-module--IVp5C {\n  font-size: 14px !important;\n}\n\n.index-module--IVp5C {\n  top: 8px;\n  transform: none;\n  transition: all 0.25s ease-in-out;\n  color: rgba(15, 21, 49, 0.6);\n}\n\n.index-module--olEaA {\n  top: 1.25rem;\n  line-height: 140%;\n  color: rgba(15, 21, 49, 0.6);\n  transition: all 0.25s ease-in-out;\n}\n\n.index-module--HpNvf input[type='radio'] {\n  width: 1.625rem;\n  height: 1.625rem;\n  border: 1px solid rgba(15, 21, 49, 0.6);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border-radius: 50%;\n  margin-top: 0px;\n  font-weight: 400;\n}\n\n.index-module--HpNvf input[type='button'] {\n  background-color: #0f1531;\n  border-color: #0f1531;\n  color: white;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  font-weight: 500;\n  font-size: 1.125rem;\n  border-radius: 0;\n  padding: 23px 40px;\n  cursor: pointer;\n}\n\n.index-module--HpNvf input[type='button']:hover {\n  background-color: #333e6c;\n  border-color: #333e6c;\n}\n\n.index-module--HpNvf input[type='button']:disabled {\n  color: #fff;\n  pointer-events: none;\n  background-color: #0f1531;\n  cursor: not-allowed;\n  border: 1px solid #0f1531;\n  opacity: 0.65;\n}\n\n.index-module--KRb2M {\n  display: inline-block;\n  color: #d80f55;\n  margin-top: 0.75rem;\n  font-size: 1.125rem;\n}\n\n.index-module--HpNvf input[type='text'] {\n  padding: 1.25rem;\n  padding-top: 1.9rem;\n  padding-bottom: 0.75rem;\n  width: calc(100% - 2.5rem);\n  border-radius: 0;\n  border: 1px solid rgba(15, 21, 49, 0.35);\n  line-height: 24px;\n  font-size: 1.125rem;\n}\n.index-module--HpNvf input[type='text']:focus {\n  border-color: rgba(15, 21, 49, 0.6);\n  color: #0f1531;\n  outline: none;\n  box-shadow: 0 0 0 0.25rem rgba(15, 21, 49, 0.25);\n}\n.index-module--HpNvf input:checked[type='radio'] {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  background-color: #0f1531;\n}\n\n@media screen and (max-width: 991px) {\n  .index-module--HpNvf {\n    padding: 0;\n    padding-top: 4.75rem;\n  }\n  .index-module--HpNvf .index-module--FXUTf {\n    font-size: 2.25rem;\n    text-align: left;\n    padding-bottom: 2rem;\n  }\n\n  .index-module--HpNvf p,\n  .index-module--HpNvf label,\n  .index-module--HpNvf textarea {\n    font-size: 1rem;\n  }\n\n  .index-module--HpNvf .index-module--rBKiN {\n    flex-direction: column;\n  }\n\n  .index-module--HpNvf input[type='text'] {\n    padding: 1.3rem;\n    padding-top: 1.4rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .index-module--olEaA {\n    top: 1.1rem;\n  }\n\n  .index-module--IVp5C {\n    top: 5px;\n  }\n}\n",""]);var m="index-module--HpNvf",p="index-module--FXUTf",f="index-module--nCdob",x="index-module--rBKiN",g="index-module--_HOXU",h="index-module--AZSkB",b="index-module--DXDJa",v="index-module--IVp5C",j="index-module--olEaA",N="index-module--KRb2M";const w=s},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},39619:e=>{e.exports="data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23ffffff%27/%3e%3c/svg%3e"}}]);

package/build/umd/9276.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! filename:9276 */