@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.40

package/build/esm/{index-421fba8e.js → index-f824c431.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
+import './index-3d6251d6.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-16584f58.js';
-import JsonEditor from './index-c0ffab90.js';
+import ArticleOverview from './index-0e8764a8.js';
+import JsonEditor from './index-110ddf84.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,9 +21,9 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-9cd3b458.js';
-import './index.module-0c5c6265.js';
-import './index.module-2a3a2935.js';
+import './index.module-4a7997d6.js';
+import './index.module-b78992b1.js';
+import './index.module-44f6bfe0.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-dd0446ce.js → index-f84cc1f4.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-3d6251d6.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-f8607a4b.js

@@ -0,0 +1,184 @@
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-3d6251d6.js';
+import { observer } from 'mobx-react-lite';
+import { useMemo } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var container = "container-jVXha";
+var headline = "headline-wXulF";
+var subheadline = "subheadline-dAJ7Z";
+var dealerCard = "dealerCard-WsUAS";
+var dealerImage = "dealerImage-Wd3ix";
+var dealerContent = "dealerContent-Se-R3";
+var dealerName = "dealerName-z85PP";
+var dealerDescription = "dealerDescription-wPDsN";
+var infoBlock = "infoBlock-i-S-s";
+var contactList = "contactList-vdVHd";
+var contactItem = "contactItem-g32vy";
+var contactIcon = "contactIcon-gLhAV";
+var ctaButton = "ctaButton-0BeyQ";
+var ctaSubtext = "ctaSubtext-ScjcP";
+var css_248z = ".container-jVXha {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.headline-wXulF {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.subheadline-dAJ7Z {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.dealerCard-WsUAS {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.dealerImage-Wd3ix {\n  overflow: hidden;\n  aspect-ratio: 16 / 10;\n}\n\n.dealerImage-Wd3ix img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.dealerContent-Se-R3 {\n  padding: 16px;\n}\n\n.dealerName-z85PP {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.dealerDescription-wPDsN {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.infoBlock-i-S-s {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.contactList-vdVHd {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.contactItem-g32vy {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.contactItem-g32vy a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.contactItem-g32vy a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.contactIcon-gLhAV {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.ctaButton-0BeyQ {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.ctaButton-0BeyQ:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.ctaSubtext-ScjcP {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n";
+styleInject(css_248z);
+
+var AppointmentPreview = function AppointmentPreview() {
+  var _contactData$contactP, _contactData$contactP2, _contactData$contactP3;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var organization = viewHandler.uiState.organization;
+  var contactData = useMemo(function () {
+    var data = organization === null || organization === void 0 ? void 0 : organization.additionalContactData;
+    if (!data) return undefined;
+    var arr = Array.isArray(data) ? data : [data];
+    return arr[0];
+  }, [organization === null || organization === void 0 ? void 0 : organization.additionalContactData]);
+  var appointmentButton = useMemo(function () {
+    var config = viewHandler.uiState.checkoutConfig;
+    if (!(config !== null && config !== void 0 && config.buttons)) return undefined;
+    return config.buttons.find(function (b) {
+      return b.type === 'APPOINTMENT';
+    });
+  }, [viewHandler.uiState.checkoutConfig]);
+  var handleCtaClick = function handleCtaClick() {
+    if (appointmentButton) {
+      var _appointmentButton$in;
+      _onClickCheckout(appointmentButton, viewHandler, (_appointmentButton$in = appointmentButton.index) !== null && _appointmentButton$in !== void 0 ? _appointmentButton$in : 0, t, undefined, undefined);
+    }
+  };
+  if (!contactData) return null;
+  var hasContactInfo = contactData.street || contactData.zipCode || contactData.city || contactData.phone || contactData.email;
+  if (!hasContactInfo && !contactData.description && !contactData.info && !contactData.contactPersonName && !contactData.contactPersonImage) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: container,
+    children: [/*#__PURE__*/jsx("h3", {
+      className: headline,
+      children: t('checkout.appointment.preview.headline', 'Persönliche Beratung vereinbaren')
+    }), /*#__PURE__*/jsx("p", {
+      className: subheadline,
+      children: t('checkout.appointment.preview.subheadline', 'Gemeinsam finalisieren wir Ihre Planung mit einem Experten vor Ort.')
+    }), /*#__PURE__*/jsxs("div", {
+      className: dealerCard,
+      children: [((_contactData$contactP = contactData.contactPersonImage) === null || _contactData$contactP === void 0 ? void 0 : _contactData$contactP.url) && /*#__PURE__*/jsx("div", {
+        className: dealerImage,
+        children: /*#__PURE__*/jsx("img", {
+          src: contactData.contactPersonImage.url,
+          alt: (_contactData$contactP2 = contactData.contactPersonName) !== null && _contactData$contactP2 !== void 0 ? _contactData$contactP2 : ''
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: dealerContent,
+        children: [(contactData.contactPersonName || contactData.description) && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("h4", {
+            className: dealerName,
+            children: (_contactData$contactP3 = contactData.contactPersonName) !== null && _contactData$contactP3 !== void 0 ? _contactData$contactP3 : contactData.description
+          }), (contactData.street || contactData.city) && /*#__PURE__*/jsx("p", {
+            className: dealerDescription,
+            children: [contactData.street, [contactData.zipCode, contactData.city].filter(Boolean).join(' ')].filter(Boolean).join(', ')
+          })]
+        }), contactData.info && /*#__PURE__*/jsx("div", {
+          className: infoBlock,
+          children: contactData.info
+        }), /*#__PURE__*/jsxs("div", {
+          className: contactList,
+          children: [(contactData.street || contactData.zipCode || contactData.city) && /*#__PURE__*/jsxs("a", {
+            className: contactItem,
+            href: "https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([contactData.street, contactData.zipCode, contactData.city].filter(Boolean).join(', '))),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [/*#__PURE__*/jsxs("svg", {
+              className: contactIcon,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [/*#__PURE__*/jsx("path", {
+                d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"
+              }), /*#__PURE__*/jsx("circle", {
+                cx: "12",
+                cy: "10",
+                r: "3"
+              })]
+            }), /*#__PURE__*/jsxs("div", {
+              children: [contactData.street && /*#__PURE__*/jsx("div", {
+                children: contactData.street
+              }), (contactData.zipCode || contactData.city) && /*#__PURE__*/jsx("div", {
+                children: [contactData.zipCode, contactData.city].filter(Boolean).join(' ')
+              })]
+            })]
+          }), contactData.phone && /*#__PURE__*/jsxs("div", {
+            className: contactItem,
+            children: [/*#__PURE__*/jsx("svg", {
+              className: contactIcon,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /*#__PURE__*/jsx("path", {
+                d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"
+              })
+            }), /*#__PURE__*/jsx("a", {
+              href: "tel:".concat(contactData.phone.replace(/\s/g, '')),
+              children: contactData.phone
+            })]
+          }), contactData.email && /*#__PURE__*/jsxs("div", {
+            className: contactItem,
+            children: [/*#__PURE__*/jsxs("svg", {
+              className: contactIcon,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [/*#__PURE__*/jsx("path", {
+                d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
+              }), /*#__PURE__*/jsx("path", {
+                d: "M22 6l-10 7L2 6"
+              })]
+            }), /*#__PURE__*/jsx("a", {
+              href: "mailto:".concat(contactData.email),
+              children: contactData.email
+            })]
+          })]
+        })]
+      })]
+    }), appointmentButton && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs("button", {
+        type: "button",
+        className: ctaButton,
+        onClick: handleCtaClick,
+        children: [t('checkout.appointment.preview.cta', 'Persönliche Beratung vereinbaren'), /*#__PURE__*/jsx("svg", {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: /*#__PURE__*/jsx("path", {
+            d: "M5 12h14M12 5l7 7-7 7"
+          })
+        })]
+      }), /*#__PURE__*/jsx("p", {
+        className: ctaSubtext,
+        children: t('checkout.appointment.preview.ctaSubtext', 'Gemeinsam finalisieren wir Ihre Planung.')
+      })]
+    })]
+  });
+};
+var AppointmentPreview$1 = observer(AppointmentPreview);
+
+export { AppointmentPreview$1 as default };

package/build/esm/{index-6699c622.js → index-f939c06b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-5c24ba3a.js → index-f94bad89.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-3d6251d6.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-eba4ad03.js';
+import { g as wcPlanner3DGrid } from './index.module-eb933b03.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7407430e.js → index-fafbc3ef.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-3d6251d6.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-f26f0310.js → index-fcb0c1cc.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
+import './index-3d6251d6.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/index.js

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

package/build/esm/{index.module-db33f7e1.js → index.module-2e8eb247.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wrapper = "wrapper-TcEZn";
 var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n";

package/build/esm/{index.module-2a3a2935.js → index.module-44f6bfe0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";
 var list = "list-N44Jp";
-var css_248z = ".whole-wrapper-5OM64 {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.not-expanded-A0UYP {\n  width: calc(25.5%) !important;\n}\n.not-expanded-A0UYP {\n  background-color: white;\n}\n.list-N44Jp {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n";
+var css_248z = ".whole-wrapper-5OM64 {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.not-expanded-A0UYP {\n  width: calc(25.5%) !important;\n}\n.not-expanded-A0UYP {\n  background-color: white;\n}\n.list-N44Jp {\n  width: calc(63% - 50px) !important;\n}\n.list-N44Jp {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n";
 styleInject(css_248z);
 
 export { list as l, notExpanded as n, wholeWrapper as w };

package/build/esm/{index.module-9cd3b458.js → index.module-4a7997d6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";
@@ -6,7 +6,7 @@ var scrollable = "scrollable-3ioON";
 var header = "header-vrLQr";
 var toggleWrapper = "toggle-wrapper-gXfdK";
 var optionWrapper = "option-wrapper-VP13P";
-var css_248z = ".table-bUPL7 {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-bUPL7 thead {\n  font-weight: bold !important;\n}\n.table-bUPL7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-MtERL {\n  text-align: left;\n  height: 20px;\n}\n.column-MtERL th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-MtERL th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-MtERL th:last-child {\n  font-size: 12px;\n}\n.scrollable-3ioON {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.header-vrLQr {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.toggle-wrapper-gXfdK {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.option-wrapper-VP13P {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n";
+var css_248z = ".table-bUPL7 {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-bUPL7 thead {\n  font-weight: bold !important;\n}\n.table-bUPL7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-MtERL {\n  text-align: left;\n  height: 20px;\n}\n.column-MtERL th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-MtERL th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-MtERL th:last-child {\n  font-size: 12px;\n}\n.scrollable-3ioON {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.header-vrLQr {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.toggle-wrapper-gXfdK {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.option-wrapper-VP13P {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n";
 styleInject(css_248z);
 
 export { table as a, column as c, header as h, optionWrapper as o, scrollable as s, toggleWrapper as t };

package/build/esm/{index.module-e7cb9056.js → index.module-6dea17c8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-4eaf3b2f.js → index.module-8df4c86e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-fbb4f840.js → index.module-a2184200.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-0c5c6265.js → index.module-b78992b1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-348d8d56.js → index.module-c3a58bf1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-ab7f72fd.js → index.module-c5d89817.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/index.module-cb37470e.js

@@ -0,0 +1,16 @@
+import { s as styleInject } from './index-3d6251d6.js';
+
+var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
+var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";
+var expanded = "expanded-iYIJH";
+var hidden = "hidden-t3L82";
+var swiperClass = "swiper-class-FbKNd";
+var swiperWrapper = "swiper-wrapper-mjPru";
+var swiperSlide = "swiper-slide-x4-ZZ";
+var tabsHorizontal = "tabs-horizontal-052sb";
+var wcConfiguratorSettingsMinExpander = "wcConfigurator-settings-Min-expander-MkfBV";
+var wcConfiguratorSettingsMaxExpander = "wcConfigurator-settings-Max-expander-3DqcZ";
+var css_248z = ".wcConfigurator-settings-nB7sW {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.wcConfigurator-settings-expander-mf-Rs {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\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 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.expanded-iYIJH .wcConfigurator-settings-expander-mf-Rs {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.hidden-t3L82.wcConfigurator-settings-expander-mf-Rs {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.swiper-class-FbKNd {\n  height: 100%;\n}\n\n.swiper-wrapper-mjPru {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.swiper-class-FbKNd .swiper-slide-x4-ZZ {\n  height: 100%;\n  overflow: auto;\n}\n\n.tabs-horizontal-052sb .wcConfigurator-settings-nB7sW {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.wcConfigurator-settings-Min-expander-MkfBV,\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  left: -1.1rem;\n}\n\n.wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.wcConfigurator-settings-Max-Expanded-zmWy6 .wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.5rem;\n  width: 1rem;\n}\n.wcConfigurator-settings-Min-Expanded-ZRHtW .wcConfigurator-settings-Max-expander-3DqcZ {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.hidden-t3L82.wcConfigurator-settings-Max-expander-3DqcZ,\n.hidden-t3L82.wcConfigurator-settings-Min-expander-MkfBV {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.swiper-wrapper-mjPru .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.swiper-wrapper-mjPru .swiper-button-disabled {\n  display: none;\n}\n.swiper-wrapper-mjPru .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.swiper-wrapper-mjPru .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.swiper-wrapper-mjPru .swiper-android .swiper-slide,\n.swiper-wrapper-mjPru .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.swiper-wrapper-mjPru .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.swiper-wrapper-mjPru .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.swiper-wrapper-mjPru .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.swiper-wrapper-mjPru .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.swiper-wrapper-mjPru .swiper-autoheight,\n.swiper-wrapper-mjPru .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.swiper-wrapper-mjPru .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.swiper-wrapper-mjPru .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.swiper-wrapper-mjPru .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.swiper-wrapper-mjPru .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.swiper-wrapper-mjPru .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.swiper-wrapper-mjPru .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.swiper-wrapper-mjPru .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.swiper-wrapper-mjPru .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-wrapper-mjPru .swiper-button-prev.swiper-button-disabled,\n.swiper-wrapper-mjPru .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.swiper-wrapper-mjPru .swiper-button-prev.swiper-button-hidden,\n.swiper-wrapper-mjPru .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .swiper-navigation-disabled .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.swiper-wrapper-mjPru .swiper-button-prev svg,\n.swiper-wrapper-mjPru .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev svg,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.swiper-wrapper-mjPru .swiper-button-prev,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-next,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-button-next:after {\n  text-transform: none !important;\n}\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.swiper-wrapper-mjPru .swiper-button-prev:after,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.swiper-wrapper-mjPru .swiper-button-next,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .swiper-button-next:after,\n.swiper-wrapper-mjPru .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.swiper-wrapper-mjPru .react-modal-sheet-header {\n  top: -40px;\n}\n\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev svg,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-prev:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-button-next:after,\n.swiper-wrapper-mjPru .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n";
+styleInject(css_248z);
+
+export { swiperWrapper as a, swiperSlide as b, wcConfiguratorSettingsExpander as c, wcConfiguratorSettingsMaxExpander as d, expanded as e, wcConfiguratorSettingsMinExpander as f, hidden as h, swiperClass as s, tabsHorizontal as t, wcConfiguratorSettings as w };

package/build/esm/{index.module-eba4ad03.js → index.module-eb933b03.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-13d59848.js → index.module-f2651194.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-3d6251d6.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/index.module-f2cc0585.js

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