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

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

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

Files changed (1185) hide show

package/build/esm/index-7a264813.js ADDED Viewed

@@ -0,0 +1,74 @@
+import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+import PriceSumm from './index-11140301.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+var wcConfiguratorAction = "wcConfigurator-action-iR7Ru";
+var actionWrapper = "action-wrapper-TYqko";
+var wcConfiguratorActionButton = "wcConfigurator-action-button-3hCIo";
+var wcCheckoutButtonText = "wcCheckoutButtonText-ac0CJ";
+var mobile = "mobile-wwCj2";
+var icon = "icon-WhJgC";
+var wcBookmarkIcon = "wcBookmarkIcon-rO-Z7";
+var wcConsulationIcon = "wcConsulationIcon-moUm6";
+var css_248z = ".wcConfigurator-action-iR7Ru {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.action-wrapper-TYqko {\n  width: 100%;\n}\n\n.wcConfigurator-action-button-3hCIo {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 36.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.wcConfigurator-action-button-3hCIo:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled--eOou .wcConfigurator-action-button-3hCIo {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-ne06W {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-9fAmS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-2ux1a .wcConfigurator-Settings-hidden-fR5wC.wcConfigurator-settings-actions-isOnLastStep-LzEID .wcConfigurator-action-iR7Ru {\n  display: none;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru .wcConfigurator-action-button-3hCIo {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.landscape-2ux1a .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ,\n.portrait-8hnRF .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-ac0CJ {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.mobile-wwCj2 .action-wrapper-TYqko {\n  display: flex;\n  justify-content: flex-end;\n  width: 38px;\n}\n\n.mobile-wwCj2 .wcConfigurator-action-button-3hCIo {\n  background: no-repeat url('data:image/jpeg;base64,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') center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.icon-WhJgC {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition:\n    background 0.4s,\n    box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.icon-WhJgC:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcBookmarkIcon-rO-Z7 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBookmarkIcon-rO-Z7:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+var BasketActionRalph = function BasketActionRalph(_ref) {
+  var _ref$buttonTextClassN = _ref.buttonTextClassName,
+    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
+    containerClassName = _ref.containerClassName;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wcConfiguratorAction, containerClassName, viewHandler.getIsInMobileView() ? mobile : undefined),
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcConsulationIcon),
+        title: t('configurator.consulation'),
+        onClick: viewHandler.productState.onRequestConsulation
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcBookmarkIcon),
+        title: t('configurator.bookmark'),
+        onClick: viewHandler.productState.onClickSave2
+      })]
+    }), viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx("div", {
+      className: actionWrapper,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcConfiguratorActionButton),
+        onClick: function onClick() {
+          return viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
+        },
+        id: "wcConfigurator-action-tobasket",
+        children: !viewHandler.getIsInMobileView() && /*#__PURE__*/jsx("div", {
+          className: buttonTextClassName,
+          children: t('configurator.ADD_TO_BASKET')
+        })
+      })
+    })]
+  });
+};
+var ActionBasket = observer(BasketActionRalph);
+export { ActionBasket as default };

package/build/esm/index-7c7b0a57.js ADDED Viewed

@@ -0,0 +1,89 @@
+import { s as styleInject } from './index-2a04e43a.js';
+import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+var affiliateContainer = "affiliate-container-bOZvB";
+var affiliateMain = "affiliate-main-ipOJf";
+var affiliateMainMobile = "affiliate-main-mobile-VQW52";
+var affiliateProduct = "affiliate-product-ich3t";
+var affiliateProductDescription = "affiliate-product-description-ujnXk";
+var affiliatePartnerList = "affiliate-partner-list-wXqwE";
+var affiliatePartner = "affiliate-partner-Z5vLB";
+var affiliatePartnerImage = "affiliate-partner-image-WSYog";
+var affiliateParnterButton = "affiliate-parnter-button-myx7O";
+var css_248z = ".affiliate-container-bOZvB {\n  max-width: 750px;\n}\n\n.affiliate-container-bOZvB > h2 {\n  margin-top: 0;\n}\n\n.affiliate-main-ipOJf {\n  display: flex;\n  margin-top: 20px;\n  flex-wrap: wrap;\n  gap: 50px;\n}\n.affiliate-main-mobile-VQW52 {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  margin-top: 10px;\n  gap: 10px;\n}\n\n.affiliate-product-ich3t {\n  display: flex;\n  flex-direction: column;\n}\n\n.affiliate-product-ich3t > img {\n  width: 276px;\n  max-width: 100%;\n}\n\n.affiliate-product-description-ujnXk {\n  line-height: 30px;\n  margin-top: 10px;\n  flex: 1 1 20px;\n}\n\n.affiliate-partner-list-wXqwE {\n  flex: 1 1 200px;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.affiliate-partner-Z5vLB {\n  display: flex;\n  justify-content: space-between;\n  flex: 1 1 100px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  position: relative;\n}\n\n.affiliate-partner-image-WSYog {\n  cursor: pointer;\n  flex: 1 1 120px;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 204px;\n  max-width: 100%;\n  height: 98px;\n  border: 1px solid #aaa;\n}\n\n.affiliate-parnter-button-myx7O {\n  cursor: pointer;\n  height: 35px;\n  width: 100px;\n  background: var(--secondaryColor);\n  border-radius: 3px;\n  color: #fff;\n  text-align: center;\n  line-height: 35px;\n  flex: 1 1 25px;\n  padding: 0 5px;\n}\n";
+styleInject(css_248z);
+getLogger('Planner', 'Affiliate');
+function Affiliate(_ref) {
+  var _product$affiliate;
+  var product = _ref.product;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  return /*#__PURE__*/jsxs("div", {
+    className: affiliateContainer,
+    children: [/*#__PURE__*/jsx("h2", {
+      children: t('affiliatemodal.title')
+    }), /*#__PURE__*/jsx("div", {
+      children: t('affiliatemodal.text')
+    }), /*#__PURE__*/jsxs("div", {
+      className: isMobile ? affiliateMainMobile : affiliateMain,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: affiliateProduct,
+        children: [!isMobile && /*#__PURE__*/jsx("img", {
+          src: product.image
+        }), /*#__PURE__*/jsx("div", {
+          className: affiliateProductDescription,
+          children: product.shortDescription
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: affiliatePartnerList,
+        children: (_product$affiliate = product.affiliate) === null || _product$affiliate === void 0 ? void 0 : _product$affiliate.map(function (partner) {
+          return /*#__PURE__*/jsxs("div", {
+            className: affiliatePartner,
+            children: [/*#__PURE__*/jsx("button", {
+              "data-test-id": "affiliate-button",
+              className: affiliatePartnerImage,
+              style: {
+                backgroundImage: 'url(' + partner.logoUrl + ')'
+              },
+              onClick: function onClick() {
+                window.open(partner.link, '_blank');
+              }
+            }), /*#__PURE__*/jsx("div", {
+              className: affiliateParnterButton,
+              onClick: function onClick() {
+                window.open(partner.link, '_blank');
+              },
+              children: t('affiliatemodal.button')
+            })]
+          }, partner.id);
+        })
+      })]
+    })]
+  });
+}
+export { Affiliate as default };

package/build/esm/index-7d0f90f8.js ADDED Viewed

@@ -0,0 +1,81 @@
+import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+var verticalItem = "verticalItem-DL7kR";
+var wcSpan = "wcSpan-SGrw1";
+var wcActiveStep = "wcActiveStep-LFT0Y";
+var wcVisitedStep = "wcVisitedStep-w5-CK";
+var wcStepIcon = "wcStepIcon-5Mxjr";
+var topper = "topper-XFq0y";
+var mattress = "mattress-zfGff";
+var headboard = "headboard-QsV0o";
+var footboard = "footboard-3Nr3X";
+var feets = "feets-9AzFg";
+var box = "box-ybfVL";
+var view360 = "view-360-unCQb";
+var ruler = "ruler-4MXXq";
+var fabric = "fabric-XLNF3";
+var cubeBlackBig = "cube-black-big-tVSjM";
+var cubeBlack = "cube-black-V8RGB";
+var euro = "euro-cxqk6";
+var lattenrost = "lattenrost-etCyo";
+var stern = "stern-RZnZt";
+var favorit = "favorit-zEueg";
+var gallery = "gallery-VpB-j";
+var css_248z = ".verticalItem-DL7kR {\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  background-color: var(--primaryColor);\n  box-sizing: content-box;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n  height: 75px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 66%;\n  transition: filter 0.25s ease-out, color 0.25s ease-out;\n}\n\n.wcSpan-SGrw1 {\n  height: 3.5rem;\n  text-align: center;\n  display: block;\n  padding-top: 15px;\n  color: #fefefe;\n  font-size: 0.8125rem;\n  font-weight: 100;\n  line-height: 1;\n  letter-spacing: inherit;\n  -webkit-font-smoothing: unset;\n  -webkit-text-stroke: 0px;\n}\n\n.wcActiveStep-LFT0Y .wcStepNum-fh-Gu {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-w5-CK .wcStepNum-fh-Gu {\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n\n.verticalItem-DL7kR:hover {\n  cursor: pointer;\n  filter: brightness(1.05);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y:hover {\n  filter: brightness(1.15);\n}\n\n.wcStepIcon-5Mxjr {\n  display: block;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n}\n\n.topper-XFq0y {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.mattress-zfGff {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.headboard-QsV0o {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.footboard-3Nr3X {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.feets-9AzFg {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACsVJREFUeNrs3TFy20YUgGHIkz5Kl85yly4u3YXpXOYIOoJzA+cGzglsd+miMiXUpaQ6l8vOpdi5o5dDeiaZkSgSJJaLt983gws8zhA/FgvgYrVadQBAWy4EAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAACAADAFABAAAIAAAAAEAAAgAAAAARDSLB9XxgAwCV/yMc/HJ6MQAMd4nY9XxgAwOesIuDGGxz0zgp2c/AGm6aX/cAEw1JURALiIEwAAMC2X2wMBAECDEYAAAAAEAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAOBAn41AAADQni9GIAAAAAEAQHDJCAQAAO1x/18AAGAFAAEAgAAQAAAQzrzzBIAAAKDJAEAAANCQ1Fn+FwAANKc3AgEAQFs+ufoXAAC0Zb3p78YYBAAAbfnQ2fkvAABoyvrK35v/BAAAjZ38PfZ3oO+MAICJWi/3/+PkLwAAaMd9Pv7qLPsLAACa8W+3edbfhj8BMIpkBABVmW9P/PdGcbyL1WplCo97nY9XxgBwNvfbE//ciV8AlDbLx0/5+NEoAEY90X87wX/eHslJXwAAAAIAABAAAIAAAAAEAHBa1/n4LR+XRjEZ6410fbf5WI5NdQgA4CDrk/67fDw3isla5uPt9ndEAAgAYK+r/vfGEMbH7W+KAADYeeX/tzGE87uVAAFgCsAuqbPsH9WLzmvPm/XMCIAdrp38Q3tjBAIA4CEzI/D7EpNbAMAufT5+MYbY5wEjsAIAAAgAAEAAABDNwggEAMBDvDY2tmQEAgDgIXMjAAEAAAgAACauNwIBAOAEAQIAABAAAESUjEAAADhB+H0RAABOECAAAIBQfA0QeMr6bYDfG0NIP3Te9mgFAOAR3gYYO+4QAACAAAAgsqURCACAXdwC8LsiAIAGuU8MAgAAEABAC5IRhOQWgAAAEAANcmtHAAAAAgAAKwCE51XAwD78UcTzaz56Y7ACAAAIAAAgMrcAgH2kfDw3hlB8CdAKAMBeAUAsTv4CAAAQAACuFqPzJUAEALAXr431eyIAAAABAAAIACAkS8axJCNAAAD7sAlQACAAAAABALhiBCbHq4CBffmziMOXALECAAACAAAQAAD/cWsEYSQjQAAACAAEAAAgAABcNYIAAAQAk2cvBwIAAAQAwG6+BwACAGiQLwLGkIwAAQAgABAAAIAAAPg/twAgEF8DBA7hD2P6fAkQKwAAIAAAnrYwAhAAQHuSEUye9zkgAAAaZDMnAgAABADA03ojAAEAwLTcGQECAKA9NgAiAIBBbCADAQC4gsTvhwAAoHZWcBAAgCtIEAAAriBBAAAg4BAAAMTgFg4CABjMy2RAAACuIvHbIQAAqJk9AAgAYLBkBCAAAAEACAAAKrUwAgQAQHuSESAAgGP0RgACAAAQAABUqjcCBABwDM+SgwAAGuRtciAAAJiIZAQIAOBYSyMQAAgAoD32AYAAAAAEAAA16o0AAQAcyy0AEABAgzwKCAIAgMr5EiACADiJZAR+LwQA4IQCCAAAQAAAcG69ESAAACcUQAAAgAAAICLvbUAAACdzZwST4c2NCADAVSUgAABAAABYAQjJLQAEAOCkItZAAACAAAAgnKURIACAU+qNYBLcqkEAAAACAAAEAMCBkhFMglsACABAADTII4AIAABAAABYAUAAAAxwawTVswcAAQAACAAAEAAAA1he9hshAIAG2WDmN0IAAAACAHB1CQgAICT3l+vmMU0EAAAgAABAAAAM1BtB1ZIRIAAABAAIAAAQAADDLYwABADQnmQE1eqNAAEAAAgAABAAAMP1RlCtZAQIAAABAAIAAAQAwHA+CAQCAGiQTwLXyZcAEQAAgAAArACAADAC4Ej2ANQpGQECAEAAgAAAAAEAcDw7zkEAAFABezMQAAAN8nQGAgAYXTICEACAAMAKAAIAgDOwBwABALjaBAQA4GoTBIARAIRzZwQIAID2uCWDAACKcAsABADgihO/BwIAgNKsyCAAgGKWRgACAHDVCQgAAMQYAgCAMdkEiAAAiumNAAQAAFYAEAAAFGQPAAIAKCYZAQgAQAAAAgCAQhZGgAAASrLxrA7JCBAAQEk2noEAAAAEAACl9EaAAABKuzMCEABAe2wEBAEAwBkkI0AAAFYABAAIAGB0HgUEAQAACAAASuiNAAEAOPkAAgAAEAAA0fgSIAIAOItkBOaPAACcgAABAAAIACCqpRGcjRcxIQAAJ6EGeRUzAgAAEAAAVgBAAAAjcgvA7BEAgKtQQAAAAAIACCkZwdm4BYAAAARAg9x+QQAAAAIAIDpvYOQgF6vVyhSAU/PHUt5tPmbGgBUAAEAAAAACABjXwgiK8wggAgA4u2QExXkEEAEAAAgAwNWomYMAAApwP9rMEQAAgAAAAAQAEJLl6PKSESAAgHOzIU0AIAAAJyNG5sVLCACgmgBwUiqnNwIO5WuAwFiu8/HeGIp40Vl1QQAAFVlvBvzZGEb1Zz7eGAMCAKjJZbdZnhYB4/jYbVZa4GD2AABjWj8NMNueqDidZT7+cPLHCgAwBVfdZqn6pVEc5SYfHzqPWiIAAAABAAAIAABAAAAAAgAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAIAAEAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAAAQAABAC74KMADNTgkkqZ4MHQAAAABJRU5ErkJggg==');\n  background-position: 50% 25%;\n}\n.box-ybfVL {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n\n.view-360-unCQb {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M500 1300q-41 0 -70.5 29.5t-29.5 70.5v700q0 41 29.5 70.5t70.5 29.5h1500q41 0 70.5 -29.5t29.5 -70.5v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-1500zM600 1500h300v500h-300v-100h200v-100h-200v-100h200v-100h-200v-100zM1000 1500h300v400h-200v100h-100v-500z M1400 1500h300v500h-300v-500zM1800 1800h200v200h-200v-200zM1880 1880v40h40v-40h-40zM1500 1600v300h100v-300h-100zM1101 1600v200h100v-200h-100zM1078 62q-22 -17 -41 -17q-17 0 -27 14.5t-10 40.5v297q-230 8 -425.5 50.5t-336.5 111t-241 158t-148.5 192.5 t-48.5 214q0 163 130 291.5t370 211.5v-116q-143 -58 -221.5 -131t-78.5 -153q0 -85 71.5 -160.5t200 -132.5t317 -93.5t411.5 -43.5v304q0 26 10 40.5t27 14.5q19 0 41 -17l594 -476q32 -25 32 -62t-32 -62zM1949 467q-5 -1 -10 -1q-17 0 -28 11.5t-11 29.5v319 q0 14 6.5 27t17.5 22.5t24 13.5q110 32 203.5 67.5t174.5 78.5t127.5 92t46.5 99q0 74 -79 142.5t-221 124.5v116q114 -39 204 -88t157 -109t103 -133.5t36 -155.5q0 -105 -57.5 -209t-156.5 -191t-238.5 -154.5t-298.5 -101.5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.ruler-4MXXq .wcSpan-SGrw1 {\n  padding-top: 12px;\n}\n\n.ruler-4MXXq {\n  height: 90px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M-50 400q-21 0 -35.5 14.5t-14.5 35.5v1350h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600 h100v-600h100v600h100v-1350q0 -21 -14.5 -35.5t-35.5 -14.5h-2600z%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n}\n.fabric-XLNF3 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M250 150l-300 300l250 250l-250 250l250 250l-250 250l250 250l-250 250l300 300l250 -250l250 250l250 -250l250 250l250 -250l250 250l250 -250l250 250l300 -300l-250 -250l250 -250l-250 -250l250 -250l-250 -250l250 -250l-300 -300l-250 250l-250 -250l-250 250 l-250 -250l-250 250l-250 -250l-250 250z%22    %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.cube-black-big-tVSjM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n  height: 90px;\n}\n\n.cube-black-V8RGB {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.euro-cxqk6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M1429 21q-134 0 -256 39t-220 109t-178 167.5t-136.5 214t-90.5 249.5h-388l80 300h263q0 8 -0.5 21t-0.5 26.5v25.5v19.5v7.5h-342l80 300h300q80 377 309.5 583t579.5 206q125 0 240 -34t214 -100.5t176 -160.5t126.5 -220.5t64.5 -273.5h-402q-10 74 -48 144 t-93.5 123t-128.5 85t-149 32q-97 0 -168 -18t-130 -61.5t-99 -118.5t-66 -186h674l-80 -300h-642q-1 0 -1 -7.5v-19.5t0.5 -25.5t1 -26.5t0.5 -21h621l-80 -300h-482q17 -44 36.5 -83.5t44.5 -78t53.5 -70t63.5 -58.5t73.5 -45.5t84.5 -29t95 -10.5q187 0 293.5 123 t130.5 352h402q-16 -187 -82.5 -348.5t-172 -279t-253.5 -184.5t-318 -67z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 35%;\n}\n\n.lattenrost-etCyo {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22   d%3D%22M1903 400l-3 1550v150h-1400v250q0 20 16.5 35t37.5 15h1596q21 0 35.5 -14.5t14.5 -35.5v-1900q0 -21 -14.5 -35.5t-35.5 -14.5h-247zM150 0q-21 0 -35.5 14.5t-14.5 35.5v1900q0 21 14.5 35.5t35.5 14.5h1650v-1950q0 -21 -14.5 -35.5t-35.5 -14.5h-1600z%22   %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n\n.stern-RZnZt {\n  background-size: 55%;\n  background-position: 50% 40%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 260 305%22 style%3D%22enable-background%3Anew 0 0 260 305%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FEFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M56%2C236.5l74-228l74%2C228L10%2C95.5h240%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.favorit-zEueg {\n  background-size: 53%;\n  background-position: 50% 30%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 526.673 526.673%22 style%3D%22enable-background%3Anew 0 0 526.673 526.673%3B fill%3A%23fff%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%09%3Cpath d%3D%22M526.673%2C204.221l-195.529-7.76L263.337%2C12.885l-67.798%2C183.577L0%2C204.221l153.635%2C121.202l-53.048%2C188.365%09%09%09l162.75-108.664l162.75%2C108.664l-53.048-188.365L526.673%2C204.221z M392.683%2C467.808l-129.346-86.356L133.99%2C467.808%09%09%09l42.163-149.692L54.058%2C221.779l155.404-6.163l53.875-145.885l53.885%2C145.885l155.394%2C6.163l-122.096%2C96.337L392.683%2C467.808z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.gallery-VpB-j {\n  background-size: 42%;\n  background-position: center 20%;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.gallery-VpB-j .wcSpan-SGrw1 {\n  padding-top: 3px;\n}\n";
+styleInject(css_248z);
+var VerticalTabGroupItemSerious = function VerticalTabGroupItemSerious(_ref) {
+  var tabGroup = _ref.tabGroup;
+    _ref.height;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+    if (tabGroup.key == 'PRODUCTS') viewHandler.clearPrice();else viewHandler.divaWebPlanner.updatePriceInView();
+  };
+  return /*#__PURE__*/jsx("div", {
+    ref: tabGroupItemRef,
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(verticalItem, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr) ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr)) ? wcVisitedStep : undefined, ['Fuß', 'Feet'].includes(tabGroup.title) ? feets : undefined, ['Matratze', 'Mattress'].includes(tabGroup.title) ? mattress : undefined, ['Planen', 'Planning'].includes(tabGroup.title) ? view360 : undefined, ['Fußteil', 'Footboard'].includes(tabGroup.title) ? footboard : undefined, ['Kopfteil', 'Headboard'].includes(tabGroup.title) ? headboard : undefined, ['Kissen', 'Cushions'].includes(tabGroup.title) ? cubeBlack : undefined, ['Zubehör', 'Accessories'].includes(tabGroup.title) ? cubeBlack : undefined, ['Bezug', 'Cover'].includes(tabGroup.title) ? fabric : undefined, ['Lattenrost', 'Frame'].includes(tabGroup.title) ? lattenrost : undefined, ['Bettart und Grösse', 'Bed type and size'].includes(tabGroup.title) ? ruler : undefined, ['Sternebett', 'Star bed'].includes(tabGroup.title) ? stern : undefined, tabGroup.title == 'Topper' ? topper : undefined, tabGroup.title == 'Box' ? box : undefined, tabGroup.title == 'Summary' ? euro : undefined, tabGroup.title == 'ZUSATZARTIKEL' ? cubeBlackBig : undefined, tabGroup.title == 'Promoted' ? favorit : undefined, tabGroup.title == 'Products' ? gallery : undefined),
+    children: /*#__PURE__*/jsxs("span", {
+      className: wcSpan,
+      children: [/*#__PURE__*/jsx("div", {
+        className: wcStepIcon
+      }), t('configurator.' + tabGroup.title, tabGroup.title)]
+    })
+  });
+};
+var index = observer(VerticalTabGroupItemSerious);
+export { index as default };

package/build/esm/index-7ec5bd6b.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { s as styleInject, u as useViewHandler } from './index-2a04e43a.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
+var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
+styleInject(css_248z);
+var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
+  var index = _ref.index,
+    grid = _ref.grid;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick(e) {
+      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
+      e.stopPropagation();
+    },
+    className: wcAccCtaMinus,
+    children: "-"
+  });
+};
+export { ShelfDeleteButton as default };

package/build/esm/index-7f9b794d.js ADDED Viewed

@@ -0,0 +1,137 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-2a04e43a.js';
+import classnames from 'classnames';
+import { useHover, useLayer } from 'react-laag';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import MetaData from './index-ef005904.js';
+import InfoIcon from './index-f5d4f1c5.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+var articleItem = "article-item-i3J2S";
+var sel = "sel-3vhEw";
+var replacemode = "replacemode-XssaJ";
+var wcArticleInfoContainer = "wcArticleInfoContainer-6umFd";
+var pricesAreHiddenClass = "pricesAreHiddenClass-5i5mY";
+var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-C-sNn";
+var wcConfiguratorSettingsTitleSingleLine = "wcConfigurator-settings-title-single-line-xIggU";
+var wcSize = "wcSize-DKVv4";
+var wcSizeNormal = "wcSize-normal-H7PI-";
+var wcImage = "wcImage-bSQnw";
+var wcArticleSize = "wcArticleSize-FGDRM";
+var css_248z = "/*Planner*/\n\n.article-item-i3J2S {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.article-item-i3J2S.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.article-item-i3J2S:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\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  z-index: 100;\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}\n\n.article-item-i3J2S .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.article-item-i3J2S .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.article-item-i3J2S .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 74px;\n}\n\n.article-item-i3J2S .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.article-item-i3J2S .wcImage-bSQnw {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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: 50% 50%;\n}\n\n.article-item-i3J2S .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.article-item-i3J2S .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .article-item-i3J2S .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .article-item-i3J2S .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\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; }
+var Article = function Article(_ref) {
+  var _renderLayer, _item$longDescription;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet,
+    hidePrices = _useDivaCore$state.hidePrices;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    metaDataVisible = _useState2[0],
+    setMetaDataVisible = _useState2[1];
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 1500,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && !item.contentItemId) {
+    isOver = hover[0];
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  var pricesAreHidden = viewHandler.getViewConfig().dontShowBasePrice || hidePrices || !item.price;
+  var isInReplaceMode = viewHandler.settingsState.plannerReplaceMode && !(paletteId == 1 && viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    className: classnames(articleItem, pricesAreHidden ? pricesAreHiddenClass : undefined, 'wcConfigurator_Article', item.sel ? sel : undefined, isInReplaceMode ? replacemode : undefined),
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
+    }
+  }, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(wcSize, wcSizeNormal),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcImage),
+        style: {
+          backgroundImage: "url(".concat(item.image, ")")
+        }
+      }), /*#__PURE__*/jsxs("div", {
+        className: classnames(wcArticleInfoContainer),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible ? wcConfiguratorSettingsTitleSingleLine : undefined),
+          dangerouslySetInnerHTML: {
+            __html: item.title
+          }
+        }), /*#__PURE__*/jsx(MetaData, {
+          metaData: item.metaData,
+          visible: [metaDataVisible, setMetaDataVisible]
+        }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
+          text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
+          desciption: metaDataVisible,
+          codex: item.articleCodex,
+          image: item.image,
+          layerProps: layerProps,
+          price: item.price
+        }, item.codex))), /*#__PURE__*/jsx("div", {
+          className: classnames(wcArticleSize),
+          children: item.sizeInfo
+        })]
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item,
+        style: {
+          bottom: 8
+        }
+      }, item.articleCodex)]
+    }), !pricesAreHidden && /*#__PURE__*/jsx(PricePreview, {
+      price: item.price,
+      style: {
+        right: -3,
+        top: -3,
+        paddingTop: 6
+      }
+    })]
+  }));
+};
+var Article$1 = observer(Article);
+export { Article$1 as default };