@crystaldesign/diva-web-planner-react 26.1.0-beta.9 → 26.1.0-rc.0

package/build/esm/index-fe1d1140.js

@@ -0,0 +1,160 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useState, useEffect } from 'react';
+import StepInfo from './index-1d5ead2e.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/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 paletteItem = "palette-item-F-QYy";
+var wcTextBox = "wcTextBox-lKT8X";
+var headerTitle = "headerTitle-RuXs-";
+var css_248z = ".palette-item-F-QYy {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.palette-item-F-QYy > div {\n  width: 100%;\n}\n.wcTextBox-lKT8X {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.headerTitle-RuXs- {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.palette-item-F-QYy input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.palette-item-F-QYy input[type='number'] {\n  -moz-appearance: textfield;\n}\n";
+styleInject(css_248z);
+
+var NumberBox = function NumberBox(_ref) {
+  var _itemPalette$selected, _itemPalette$selected4, _itemPalette$info, _viewHandler$getViewC, _itemPalette$selected5;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId,
+    groupSize = _ref.groupSize;
+  var item = itemP;
+  var throttleRef = useRef(null);
+  var viewHandler = useViewHandler();
+  var itemPalette = viewHandler.settingsState.itemPalettes.get(paletteId);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    userInFocus = _useState2[0],
+    setUserInFocus = _useState2[1];
+  var _useState3 = useState(itemPalette === null || itemPalette === void 0 || (_itemPalette$selected = itemPalette.selectedElements) === null || _itemPalette$selected === void 0 || (_itemPalette$selected = _itemPalette$selected[0]) === null || _itemPalette$selected === void 0 ? void 0 : _itemPalette$selected.freeText),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var isDefined = true;
+  if (itemPalette) {
+    var step = viewHandler.configuratorStructureHandler.getConfigStepByKey(itemPalette.configStepKey);
+    if (step) isDefined = step.configStep.isDefined;
+  }
+  if (!itemPalette) return /*#__PURE__*/jsx(Fragment, {});
+  var handleChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var _e$target$value;
+      var value;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            value = (_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : '';
+            if (!e.target.value.endsWith('.')) {
+              _context.next = 4;
+              break;
+            }
+            setValue(e.target.value);
+            return _context.abrupt("return");
+          case 4:
+            value = value.replace(/[^0-9.,]/g, '');
+            if (value.includes(',') && viewHandler.getViewConfig().allowComma) value = value.replace(/\,/g, '.');
+
+            //delay logic update for 500ms
+            if (throttleRef.current) clearTimeout(throttleRef.current);
+            throttleRef.current = setTimeout(function () {
+              return updateLogic(value);
+            }, 500);
+            setValue(value);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var updateLogic = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!itemPalette) {
+              _context2.next = 3;
+              break;
+            }
+            _context2.next = 3;
+            return viewHandler.paletteViewHandler.onRangeClickChange(itemPalette, item, value);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function updateLogic(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var _itemPalette$selected2, _itemPalette$selected3;
+    setValue((_itemPalette$selected2 = (_itemPalette$selected3 = itemPalette.selectedElements) === null || _itemPalette$selected3 === void 0 || (_itemPalette$selected3 = _itemPalette$selected3[0]) === null || _itemPalette$selected3 === void 0 ? void 0 : _itemPalette$selected3.freeText) !== null && _itemPalette$selected2 !== void 0 ? _itemPalette$selected2 : '');
+  }, [(_itemPalette$selected4 = itemPalette.selectedElements) === null || _itemPalette$selected4 === void 0 || (_itemPalette$selected4 = _itemPalette$selected4[0]) === null || _itemPalette$selected4 === void 0 ? void 0 : _itemPalette$selected4.freeText]);
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(_ref4) {
+      if (itemPalette) itemPalette.htmlRef = _ref4;
+    },
+    style: {
+      display: 'block',
+      width: groupSize ? 100 / groupSize + '%' : undefined,
+      "float": groupSize ? 'left' : undefined
+    },
+    children: [itemPalette && /*#__PURE__*/jsx("div", {
+      className: headerTitle,
+      children: itemPalette.name
+    }), (!userInFocus || !((_itemPalette$info = itemPalette.info) !== null && _itemPalette$info !== void 0 && _itemPalette$info.hideDuringUserInput)) && /*#__PURE__*/jsx(StepInfo, {
+      stepInfo: itemPalette.info
+    }), /*#__PURE__*/jsx("div", {
+      className: paletteItem,
+      children: /*#__PURE__*/jsx("div", {
+        style: {
+          margin: '5px'
+        },
+        children: /*#__PURE__*/jsx("input", {
+          onBlur: function onBlur() {
+            setUserInFocus(false);
+          },
+          onFocus: function onFocus() {
+            var _itemPalette$info2;
+            setUserInFocus(!((_itemPalette$info2 = itemPalette.info) !== null && _itemPalette$info2 !== void 0 && _itemPalette$info2.hideDuringUserInput));
+          },
+          autoFocus: viewHandler.getViewConfig().autoFocusForInput,
+          lang: "en-150",
+          className: wcTextBox,
+          placeholder: !((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.hideMeasureUnit) ? 'In ' + item.measureUnit : undefined,
+          onChange: handleChange,
+          step: "0.01",
+          onKeyDown: function onKeyDown(e) {
+            if (!viewHandler.getViewConfig().allowComma && (e.key === '.' || e.key === ',')) {
+              e.preventDefault();
+            }
+          },
+          value: value,
+          defaultValue: isDefined ? (_itemPalette$selected5 = itemPalette.selectedElements) === null || _itemPalette$selected5 === void 0 || (_itemPalette$selected5 = _itemPalette$selected5[0]) === null || _itemPalette$selected5 === void 0 ? void 0 : _itemPalette$selected5.freeText : undefined
+        })
+      })
+    })]
+  });
+};
+var NumberBox$1 = observer(NumberBox);
+
+export { NumberBox$1 as default };

package/build/esm/index.js

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

package/build/esm/index.module-08ddbbd1.js

@@ -0,0 +1,25 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
+var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";
+var wcBoxPlannerAddElementTop = "wcBoxPlanner_AddElementTop-XO6vt";
+var wcBoxPlannerAddElementRight = "wcBoxPlanner_AddElementRight--dGaZ";
+var css_248z$3 = ".wcBoxPlanner_AddElement-LWKJQ {\n  border-radius: 0px !important;\n}\n\n.wcBoxPlanner_AddElement-LWKJQ {\n  height: var(--copyArrowSize);\n  width: var(--copyArrowSize);\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--copyArrowSize) * 0.5);\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: calc(var(--copyArrowSize) * -1.2);\n}\n\n.wcBoxPlanner_AddElementLeft-sCzAl {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n  margin-left: calc(var(--copyArrowSize) * -1);\n}\n\n.wcBoxPlanner_AddElementTop-XO6vt {\n  background-position: center center !important;\n}\n\n.wcBoxPlanner_AddElementTop-XO6vt {\n  transform: rotate(90deg);\n  margin-top: calc(var(--copyArrowSize) * -0.8);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBoxPlanner_AddElementRight--dGaZ {\n  margin-left: calc(var(--copyArrowSize) * -0.3);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22lightgrey%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$3);
+
+var wc2DRotClock = "wc2DRot_Clock-N3u5r";
+var wc2DRotCounterClock = "wc2DRot_CounterClock-WrGZW";
+var wcPlanner3DRot = "wcPlanner_3DRot-CXUT7";
+var css_248z$2 = "/*STANDARD*/\n.wc2DRot_Clock-N3u5r {\n  background-size: 100%;\n  border-radius: 50%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  margin-top: calc(var(--rotSize) / -2);\n  margin-left: calc(var(--rotSize) / -2);\n  background-position: center center;\n  background-color: #f5f5f5;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(90 20 20)%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M21.8657 10.7202L25.1613 13.4909L23.0233 17.0687%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.9885 30.2448C15.5631 28.5139 14.7485 26.2739 14.7485 23.8303C14.7485 18.2303 19.3304 13.6484 24.9304 13.6484%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 260;\n}\n\n.wc2DRot_Clock-N3u5r:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(90 20 20)%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M21.8657 10.7202L25.1613 13.4909L23.0233 17.0687%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.9885 30.2448C15.5631 28.5139 14.7485 26.2739 14.7485 23.8303C14.7485 18.2303 19.3304 13.6484 24.9304 13.6484%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wc2DRot_CounterClock-WrGZW {\n  background-size: 100%;\n  border-radius: 50%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  margin-top: calc(var(--rotSize) / -2);\n  margin-left: calc(var(--rotSize) / -2);\n  background-position: center center;\n  cursor: pointer;\n  background-color: #f5f5f5;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(90 20 20)%22 fill%3D%22%23F5F5F5%22%2F%3E%3Cpath d%3D%22M18.3994 10.6538L15.1627 13.375L17.2625 16.889%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M23.1896 29.8298C24.5896 28.1298 25.3896 25.9298 25.3896 23.5298C25.3896 18.0298 20.8896 13.5298 15.3896 13.5298%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 260;\n}\n\n.wc2DRot_CounterClock-WrGZW:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(90 20 20)%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M18.3994 10.6538L15.1627 13.375L17.2625 16.889%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M23.1896 29.8298C24.5896 28.1298 25.3896 25.9298 25.3896 23.5298C25.3896 18.0298 20.8896 13.5298 15.3896 13.5298%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_3DRot-CXUT7 {\n  z-index: 262;\n  position: absolute;\n  height: 50px;\n  width: 50px;\n  margin-top: -25;\n  margin-left: -25;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22   %09height%3D%2255%22   %09viewBox%3D%220 0 55 55%22   %09fill%3D%22none%22   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%09%3Cellipse cx%3D%2227.5%22       %09%09cy%3D%2227.5%22       %09%09rx%3D%2227.5%22       %09%09ry%3D%2227.5%22       %09%09transform%3D%22rotate(90 27.5 27.5)%22       %09%09fill%3D%22%23F5F5F5%22%2F%3E%09%3Cpath d%3D%22M39.7251 20.7786L37.8951 24.6934L33.8709 23.5501M19.5289 21.1219C20.8367 19.2902 22.7968 17.9186 25.1659 17.2838C30.5952 15.829 36.2276 19.0809 37.6824 24.5102M15.6382 31.3574L18.5261 28.0496L22.2554 30.1955M35.9884 36.2525C34.1842 37.6833 31.8494 38.5009 29.3024 38.5009C23.4654 38.5009 18.6897 33.902 18.6897 28.2812%22    %09%09stroke%3D%22%234B4B4B%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: center center;\n  background-size: contain;\n}\n\n.wcPlanner_3DRot-CXUT7:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22   %09height%3D%2255%22   %09viewBox%3D%220 0 55 55%22   %09fill%3D%22none%22   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%09%3Cellipse cx%3D%2227.5%22       %09%09cy%3D%2227.5%22       %09%09rx%3D%2227.5%22       %09%09ry%3D%2227.5%22       %09%09transform%3D%22rotate(90 27.5 27.5)%22       %09%09fill%3D%22%23C4C4C4%22%2F%3E%09%3Cpath d%3D%22M39.7251 20.7786L37.8951 24.6934L33.8709 23.5501M19.5289 21.1219C20.8367 19.2902 22.7968 17.9186 25.1659 17.2838C30.5952 15.829 36.2276 19.0809 37.6824 24.5102M15.6382 31.3574L18.5261 28.0496L22.2554 30.1955M35.9884 36.2525C34.1842 37.6833 31.8494 38.5009 29.3024 38.5009C23.4654 38.5009 18.6897 33.902 18.6897 28.2812%22    %09%09stroke%3D%22%234B4B4B%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$2);
+
+var wcPlannerDistanceToGround = "wcPlanner_DistanceToGround-x51NC";
+var wcPlannerArrowDistanceToGround = "wcPlanner_ArrowDistanceToGround-9JNDN";
+var css_248z$1 = ".wcPlanner_DistanceToGround-x51NC {\n  width: 87px;\n  height: 30px;\n  border-radius: 3px;\n  font-size: 15px;\n  line-height: 30px;\n  text-align: left;\n  margin-left: 3px;\n  background-color: rgba(230, 230, 230, 0.637);\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n  z-index: 262;\n  margin-top: -30px;\n  position: absolute;\n  background-position: 7% 59%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 17px 17px;\n  background-repeat: no-repeat;\n}\n.wcPlanner_ArrowDistanceToGround-9JNDN {\n  width: 30px;\n  height: 30px;\n  z-index: 262;\n}\n\n.wcPlanner_DistanceToGround-x51NC > div {\n  margin-left: 29px;\n}\n";
+styleInject(css_248z$1);
+
+var wcPlanner3DMove = "wcPlanner_3DMove-2lBby";
+var css_248z = ".wcPlanner_3DMove-2lBby {\n  z-index: 262;\n  position: absolute;\n  height: 50px;\n  width: 50px;\n  margin-top: -25;\n  margin-left: -25;\n  cursor: pointer;\n  transform-origin: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22   %09height%3D%2255%22   %09viewBox%3D%220 0 55 55%22   %09fill%3D%22none%22   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%09%3Cellipse cx%3D%2227.5%22       %09%09cy%3D%2227.5%22       %09%09rx%3D%2227.5%22       %09%09ry%3D%2227.5%22       %09%09transform%3D%22rotate(90 27.5 27.5)%22       %09%09fill%3D%22%23F5F5F5%22%2F%3E%09%3Cpath d%3D%22M23.9128 18.0246L27.4164 15.125L30.7293 18.0246%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M27.4067 15.1649V23.5367%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M36.9751 23.9135L39.8747 27.417L36.9751 30.7299%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M39.8743 27.4169L31.4631 27.4067%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M31.0865 36.9757L27.5829 39.8753L24.27 36.9757%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M27.5833 39.8744L27.5935 31.4632%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M18.0249 31.0878L15.1252 27.5842L18.0249 24.2713%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%09%3Cpath d%3D%22M15.125 27.5834L23.5362 27.5937%22    %09%09stroke%3D%22%234A4A4A%22    %09%09stroke-width%3D%221.5%22    %09%09stroke-miterlimit%3D%2210%22    %09%09stroke-linecap%3D%22round%22    %09%09stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n}\n\n.wcPlanner_3DMove-2lBby:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22 height%3D%2255%22 viewBox%3D%220 0 55 55%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse cx%3D%2227.5%22 cy%3D%2227.5%22 rx%3D%2227.5%22 ry%3D%2227.5%22 transform%3D%22rotate(90 27.5 27.5)%22 fill%3D%22%23C4C4C4%22%2F%3E%3Cpath d%3D%22M23.9128 18.0246L27.4164 15.125L30.7293 18.0246%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M27.4067 15.1649V23.5367%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M36.9751 23.9135L39.8747 27.417L36.9751 30.7299%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M39.8743 27.4169L31.4631 27.4067%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M31.0865 36.9757L27.5829 39.8753L24.27 36.9757%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M27.5833 39.8744L27.5935 31.4632%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.0249 31.0878L15.1252 27.5842L18.0249 24.2713%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M15.125 27.5834L23.5362 27.5937%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+export { wcBoxPlannerAddElementLeft as a, wcBoxPlannerAddElementTop as b, wcBoxPlannerAddElementRight as c, wcPlanner3DRot as d, wcPlanner3DMove as e, wcPlannerDistanceToGround as f, wcPlannerArrowDistanceToGround as g, wc2DRotClock as h, wc2DRotCounterClock as i, wcBoxPlannerAddElement as w };

package/build/esm/index.module-22715b8a.js

@@ -0,0 +1,9 @@
+import { s as styleInject } from './index-f07cab70.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";
+styleInject(css_248z);
+
+export { list as l, notExpanded as n, wholeWrapper as w };

package/build/esm/index.module-26c756f6.js

@@ -0,0 +1,26 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var roomItem = "room-item-sysI7";
+var sel = "sel-QWnr4";
+var generated = "generated-KFkX6";
+var wrapper = "wrapper-CIhVG";
+var textShadow = "text-shadow-K9XED";
+var title = "title-OcXg9";
+var buttonVisible = "button-visible-WpHYz";
+var loading = "loading-c-V4k";
+var button = "button-LVGsh";
+var limitedButton = "limited-button-5sc2h";
+var stopButton = "stop-button-GUCh0";
+var blockedButton = "blocked-button-kNUil";
+var generateIcon = "generate-icon-F827x";
+var limitedIcon = "limited-icon-r9W8U";
+var loadingIcon = "loading-icon-TlJS1";
+var shareButtonWrapper = "share-button-wrapper-6kHhY";
+var visible = "visible-HSm3R";
+var favoriteIcon = "favorite-icon-6esbi";
+var favoriteIconVisible = "favorite-icon-visible-9BORp";
+var favoriteIconSel = "favorite-icon-sel-fxHcb";
+var css_248z = ".room-item-sysI7 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.room-item-sysI7:not(.sel-QWnr4):hover,\n.room-item-sysI7.generated-KFkX6:not(.sel-QWnr4) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-CIhVG {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sel-QWnr4 .wrapper-CIhVG {\n  border: 3px solid var(--primaryColor);\n}\n\n.generated-KFkX6 .text-shadow-K9XED {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.room-item-sysI7 img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.text-shadow-K9XED {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.title-OcXg9 {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .title-OcXg9 {\n  font-size: 11px;\n  bottom: 4px;\n}\n.button-visible-WpHYz:hover .title-OcXg9,\n.sel-QWnr4.button-visible-WpHYz .title-OcXg9,\n.loading-c-V4k .title-OcXg9 {\n  bottom: 40px;\n}\n\n.button-LVGsh {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .button-LVGsh {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.limited-button-5sc2h {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.stop-button-GUCh0 {\n  cursor: not-allowed;\n}\n\n.blocked-button-kNUil {\n  cursor: wait;\n}\n\n.mobile .button-LVGsh {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.button-visible-WpHYz:hover .button-LVGsh,\n.sel-QWnr4.button-visible-WpHYz .button-LVGsh,\n.loading-c-V4k .button-LVGsh {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.loading-c-V4k .button-LVGsh {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.room-item-sysI7:not(.loading-c-V4k) .button-LVGsh:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.generate-icon-F827x {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2214%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 class%3D%22lucide lucide-wand-sparkles%22%3E%3Cpath d%3D%22m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72%22%3E%3C%2Fpath%3E%3Cpath d%3D%22m14 7 3 3%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M5 6v4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M19 14v4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M10 2v2%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M7 8H3%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 16h-4%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M11 3H9%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.limited-icon-r9W8U {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E  %3Crect x%3D%223%22 y%3D%2211%22 width%3D%2218%22 height%3D%2211%22 rx%3D%222%22 ry%3D%222%22%2F%3E  %3Cpath d%3D%22M7 11V7a5 5 0 0 1 10 0v4%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.loading-icon-TlJS1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 class%3D%22lucide lucide-refresh-cw w-4 h-4%22%3E%3Cpath d%3D%22M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 3v5h-5%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16%22%3E%3C%2Fpath%3E%3Cpath d%3D%22M8 16H3v5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: spin-CsckD 1s linear infinite;\n}\n\n@keyframes spin-CsckD {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.share-button-wrapper-6kHhY {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.visible-HSm3R {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.favorite-icon-6esbi {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22  height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.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 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath  d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .favorite-icon-6esbi {\n  top: 6px;\n  left: 6px;\n}\n\n.favorite-icon-visible-9BORp {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.favorite-icon-sel-fxHcb {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.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 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+export { title as a, buttonVisible as b, button as c, limitedButton as d, stopButton as e, blockedButton as f, generated as g, limitedIcon as h, loadingIcon as i, generateIcon as j, favoriteIcon as k, loading as l, favoriteIconSel as m, favoriteIconVisible as n, shareButtonWrapper as o, roomItem as r, sel as s, textShadow as t, visible as v, wrapper as w };

package/build/esm/index.module-2f134380.js

@@ -0,0 +1,17 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
+var landscape = "landscape-mjn27";
+var fullscreen = "fullscreen-rBOrC";
+var portrait = "portrait-gNyhf";
+var inGridVisible = "in-grid-visible-8UlAH";
+var wcConfigurator3Dimage = "wcConfigurator-3dimage-10NCi";
+var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
+var center = "center-eIYYK";
+var imageCenterOrbit = "imageCenterOrbit-m9ffC";
+var imageCenterStatic = "imageCenterStatic-Xu-zR";
+var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
+var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n.portrait-gNyhf.in-grid-visible-8UlAH.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
+styleInject(css_248z);
+
+export { wcConfiguratorArticleImage as a, wcConfigurator3Dimage as b, center as c, imageCenterOrbit as d, imageCenterStatic as e, fullscreen as f, wcPlanner3DGrid as g, inGridVisible as i, landscape as l, portrait as p, wcConfiguratorProductCenter as w };

package/build/esm/index.module-6f121972.js

@@ -0,0 +1,8 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var wcFavorite = "wcFavorite-WCYzN";
+var wcFavoriteSel = "wcFavorite_sel-Fww5G";
+var css_248z = ".wcFavorite-WCYzN {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.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 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23afafaf%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite-WCYzN:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.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 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23aaaaaa%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n\n.wcFavorite_sel-Fww5G {\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.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 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23a83f39%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.wcFavorite_sel-Fww5G:hover {\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { wcFavorite as a, wcFavoriteSel as w };

package/build/esm/index.module-705e3c57.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
+var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";
+var wcUi2DOutlineDraggableActive = "wcUI2D_Outline_Draggable_Active-eY7Lt";
+var wc3DOutlineSvg = "wc3D_Outline_SVG-hTscb";
+var wc3DOutlinePolygon = "wc3D_Outline_Polygon-Lgd0b";
+var wc3DOutlinePolygonContoursSel = "wc3D_Outline_Polygon_Contours_Sel-xPrLA";
+var wc3DOutlinePolygonContours = "wc3D_Outline_Polygon_Contours-5AWWG";
+var css_248z = ".wcUI2D_Outline_Draggable-MP-7N {\n  z-index: 258;\n  position: absolute;\n  background-color: #639;\n  opacity: 0;\n  cursor: move;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Selectable--NB0c {\n  z-index: 258;\n  position: absolute;\n  background-color: blue;\n  opacity: 0;\n  cursor: pointer;\n  transform-origin: left top;\n}\n\n.wcUI2D_Outline_Draggable-MP-7N.wcUI2D_Outline_Draggable_Active-eY7Lt {\n  background-color: #dfdfdf;\n  z-index: 260;\n  opacity: 0.7;\n  border: 2px dashed #4a4a4a;\n}\n\n.wc3D_Outline_SVG-hTscb {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n}\n\n.wc3D_Outline_Polygon-Lgd0b {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours_Sel-xPrLA {\n  fill: transparent;\n  stroke: var(--primaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n.wc3D_Outline_Polygon_Contours-5AWWG {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.wc3D_Outline_Polygon_Contours-5AWWG:hover {\n  fill: transparent;\n  stroke: var(--secondaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+export { wcUi2DOutlineDraggableActive as a, wcUi2DOutlineSelectable as b, wc3DOutlineSvg as c, wc3DOutlinePolygon as d, wc3DOutlinePolygonContours as e, wc3DOutlinePolygonContoursSel as f, wcUi2DOutlineDraggable as w };

package/build/esm/index.module-71db1048.js

@@ -0,0 +1,7 @@
+import { s as styleInject } from './index-f07cab70.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";
+styleInject(css_248z);
+
+export { wrapper as w };

package/build/esm/index.module-7aa472eb.js

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
+var container = "container-1HnE3";
+var vertical = "vertical-b9yq0";
+var button = "button-iKgxi";
+var checkoutButton = "checkoutButton-iSDmb";
+var back = "back-iTC3X";
+var forth = "forth-mornI";
+var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
+var isOnLastStep = "isOnLastStep-f7nk8";
+var isOnFirstStep = "isOnFirstStep-D7seC";
+var landscape = "landscape-RR2TR";
+var portrait = "portrait-XTm5H";
+var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.checkoutButton-iSDmb {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
+styleInject(css_248z);
+
+export { isOnFirstStepDisabled as a, isOnLastStep as b, checkoutButton as c, container as d, button as e, back as f, forth as g, isOnFirstStep as i, landscape as l, portrait as p, vertical as v, wcConfiguratorSettingsActions as w };

package/build/esm/index.module-8174b923.js

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

package/build/esm/index.module-8ad8fd6f.js

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

package/build/esm/index.module-8d53104a.js

@@ -0,0 +1,17 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var box = "box-vVSPN";
+var boxSelected = "boxSelected-HZqUZ";
+var boxes = "boxes-x6ELw";
+var boxImage = "box-image-sXq4l";
+var collapsibleHeader = "collapsible-header-VRLqj";
+var dpArrow = "dp-arrow-SmlHF";
+var dArrow = "d-arrow-gHuzt";
+var reactJson = "react-json-LoG-D";
+var reactJsonExpanded = "react-json-expanded--3ajv";
+var jsonSelection = "json-selection-gYHZJ";
+var jsonSelected = "jsonSelected-AggBO";
+var css_248z = ".box-vVSPN {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.box-vVSPN p {\n  line-break: anywhere;\n}\n.boxSelected-HZqUZ {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.box-vVSPN:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.boxes-x6ELw {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.box-image-sXq4l {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.collapsible-header-VRLqj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.dp-arrow-SmlHF {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.d-arrow-gHuzt {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.react-json-LoG-D {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.react-json-expanded--3ajv {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.json-selection-gYHZJ {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.json-selection-gYHZJ * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.jsonSelected-AggBO {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n";
+styleInject(css_248z);
+
+export { reactJsonExpanded as a, dArrow as b, collapsibleHeader as c, dpArrow as d, boxes as e, box as f, boxSelected as g, boxImage as h, jsonSelected as i, jsonSelection as j, reactJson as r };

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

@@ -0,0 +1,12 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var table = "table-bUPL7";
+var column = "column-MtERL";
+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";
+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-e164b684.js

@@ -0,0 +1,16 @@
+import { s as styleInject } from './index-f07cab70.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: 100%;\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/react-json-viewer-a604ea1c.js

@@ -0,0 +1,4 @@
+import { s as styleInject } from './index-f07cab70.js';
+
+var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
+styleInject(css_248z);

package/build/esm/useCustomDimensions-4efd72cb.js

@@ -0,0 +1,37 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-f07cab70.js';
+import { useState, useEffect } from 'react';
+
+var useCustomDimensions = function useCustomDimensions() {
+  var viewHandler = useViewHandler();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    dimensions = _useState2[0],
+    setDimensions = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dimOnlyForOneArticle = _useState4[0],
+    setDimOnlyForOneArticle = _useState4[1];
+  useEffect(function () {
+    var _viewHandler$productS;
+    if (!viewHandler.divaWebPlanner.actSet()) return;
+    (_viewHandler$productS = viewHandler.productState.customDimensions) === null || _viewHandler$productS === void 0 || _viewHandler$productS.then(function (res) {
+      setDimensions(res);
+      var dict = res.reduce(function (basketIdsDict, d) {
+        if (!basketIdsDict[d.dimensionId]) {
+          basketIdsDict[d.dimensionId] = [d.dimension];
+        } else if (!basketIdsDict[d.dimensionId].includes(d.dimension)) basketIdsDict[d.dimensionId].push(d.dimension);
+        return basketIdsDict;
+      }, {});
+      setDimOnlyForOneArticle(!Object.values(dict).find(function (v) {
+        return v.length > 1;
+      }));
+    });
+  }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
+  return {
+    dimensions: dimensions,
+    dimOnlyForOneArticle: dimOnlyForOneArticle
+  };
+};
+
+export { useCustomDimensions as u };

package/build/esm/ussIsSticky-894d3ca3.js

@@ -0,0 +1,44 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-f07cab70.js';
+import { useRef, useState, useEffect } from 'react';
+
+function useStickyScroll() {
+  var threshold = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var element = arguments.length > 1 ? arguments[1] : undefined;
+  var stickyRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSticky = _useState2[0],
+    setIsSticky = _useState2[1];
+  var lastUpdateRef = useRef(0);
+  useEffect(function () {
+    var handleScroll = function handleScroll() {
+      var _stickyRef$current$ge, _element$getBoundingC;
+      if (!stickyRef.current || !element) return;
+      var now = Date.now();
+      if (now - lastUpdateRef.current < 300) {
+        return; // Skip update if less than 300ms since last update
+      }
+      var top = ((_stickyRef$current$ge = stickyRef.current.getBoundingClientRect().top) !== null && _stickyRef$current$ge !== void 0 ? _stickyRef$current$ge : 0) - ((_element$getBoundingC = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().top) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : 0);
+      var newIsSticky = top <= threshold;
+      if (newIsSticky !== isSticky) {
+        lastUpdateRef.current = now;
+        setIsSticky(newIsSticky);
+      }
+    };
+    handleScroll(); // run once on mount
+
+    element === null || element === void 0 || element.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return function () {
+      return element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', handleScroll);
+    };
+  }, [threshold, isSticky, element]);
+  return {
+    stickyRef: stickyRef,
+    isSticky: isSticky
+  };
+}
+
+export { useStickyScroll as u };

package/build/types/web-planner-react/src/components/GlobalElements/AiRoomsSelection/LeadKeyModal/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 type Props = {
-    onSubmit: (email: string) => Promise<{
+    onSubmit: (email: string, firstname?: string, lastname?: string) => Promise<{
         success: boolean;
         message?: string;
     }>;

package/build/types/web-planner-react/src/components/GlobalElements/AiRoomsSelection/LeadKeyModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/AiRoomsSelection/LeadKeyModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE7E,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;yDAEmD,KAAK;;;AA+E1D,wBAAsC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/AiRoomsSelection/LeadKeyModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqBxC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEpH,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;yDAEmD,KAAK;;;AAwG1D,wBAAsC"}