@crystaldesign/diva-web-planner-react 26.3.0-beta.9 → 26.4.0-beta.1

package/build/esm/index-fe34cf02.js

@@ -0,0 +1,235 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-1ad1eb2b.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useState, useEffect } from 'react';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+
+var verticalItem = "verticalItem-NmQDx";
+var wcSpan = "wcSpan-0wnmJ";
+var verticalItemPoligon = "verticalItemPoligon-M44lA";
+var wcActiveStep = "wcActiveStep-ykv3D";
+var wcVisitedStep = "wcVisitedStep-qDdfW";
+var wcStepIcon = "wcStepIcon-7hz1S";
+var css_248z = ".verticalItem-NmQDx {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.wcSpan-0wnmJ {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.verticalItemPoligon-M44lA {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.verticalItemPoligon-M44lA.wcActiveStep-ykv3D:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.verticalItemPoligon-M44lA:hover,\n.verticalItemPoligon-M44lA.wcVisitedStep-qDdfW:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.wcStepIcon-7hz1S {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-ykv3D .wcStepIcon-7hz1S {\n  background-color: white;\n}\n";
+styleInject(css_248z);
+
+var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, baseCdnUrl, tabGroupObj) {
+  var sirvURL = baseCdnUrl + '/static/images/TabIcons/';
+  if (tabGroupObj) {
+    if (tabGroupObj[tabGroup.toLowerCase()]) return sirvURL + tabGroupObj[tabGroup.toLowerCase()];else if (tabGroupObj[tabGroup]) return sirvURL + tabGroupObj[tabGroup];
+  }
+  switch (tabGroup) {
+    case 'StaticRoomList':
+      return sirvURL + 'room.svg';
+    case 'Planner':
+    case 'PRODUCTS':
+    case 'PROMOTED':
+      return sirvURL + 'planner.svg';
+    case 'Summary':
+      return sirvURL + 'summary.svg';
+    case 'Piede':
+    case 'pieds':
+    case 'Fuss':
+    case 'Fuß':
+    case 'Fu':
+    case 'Fsse':
+      return sirvURL + 'feet.svg';
+    case 'Testiera':
+    case 'tte de lit':
+    case 'Kopfteil':
+    case 'Headboard':
+      return sirvURL + 'bed_headboard.svg';
+    case 'materasso':
+    case 'matelas':
+    case 'Matratze':
+    case 'Matratze Zubehr':
+      return sirvURL + 'mattress.svg';
+    case 'dimensioni':
+    case 'dimension':
+    case 'Grsse':
+      return sirvURL + 'dimensions.svg';
+    case 'Topper':
+    case 'surmatelas':
+      return sirvURL + 'topper.svg';
+    case 'Telaio inferiore':
+    case 'box':
+    case 'Untergestell':
+    case 'Box/Untergestell':
+    case 'BoxUntergestell':
+    case 'Box  Bettrahmen':
+    case 'box  cadre de lit':
+    case 'Box':
+    case 'Box inkl Grsse':
+      return sirvURL + 'bed_underframe.svg';
+    case 'Visualizzazione':
+    case 'visualisation':
+    case 'Visualisierung':
+      return sirvURL + 'bed_visualization.svg';
+    case 'Rivestimento':
+    case 'tissu dco':
+    case 'Bezug':
+    case 'Stoff':
+      return sirvURL + 'upholstery.svg';
+    case 'Sitz':
+    case 'Sitztiefe':
+      return sirvURL + 'seat.svg';
+    case 'Armlehne':
+      return sirvURL + 'armrest.svg';
+    case 'ACCESSOIRES':
+      return sirvURL + 'additionalArticles.svg';
+    case 'Rcken':
+      return sirvURL + 'sofaBackrest.svg';
+    case 'Konfiguration':
+      return sirvURL + 'material_config.svg';
+    case 'Zustand':
+      return sirvURL + 'settings_suggest.svg';
+  }
+  return undefined;
+};
+
+var getShapePoints = function getShapePoints(w, h, first, last) {
+  if (first && last) return [[0, h], [0, 0], [w, 0], [w, h]];
+  if (first) return [[0, h - 8], [0, 0], [w, 0], [w, h - 8], [64, h]];
+  if (last) return [[0, h], [0, 0], [64, 8], [w, 0], [w, h]];
+  return [[0, h - 8], [0, 0], [64, 8], [w, 0], [w, h - 8], [64, h]];
+};
+var getRoundedPath = function getRoundedPath(points, radius) {
+  var n = points.length;
+  var parts = [];
+  for (var i = 0; i < n; i++) {
+    var prev = points[(i - 1 + n) % n];
+    var curr = points[i];
+    var next = points[(i + 1) % n];
+    var dx1 = prev[0] - curr[0],
+      dy1 = prev[1] - curr[1],
+      len1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
+    var dx2 = next[0] - curr[0],
+      dy2 = next[1] - curr[1],
+      len2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
+    var r = Math.min(radius, len1 / 2, len2 / 2);
+    var sx = curr[0] + dx1 / len1 * r,
+      sy = curr[1] + dy1 / len1 * r;
+    var ex = curr[0] + dx2 / len2 * r,
+      ey = curr[1] + dy2 / len2 * r;
+    parts.push(i === 0 ? "M".concat(sx, " ").concat(sy) : "L".concat(sx, " ").concat(sy));
+    parts.push("Q".concat(curr[0], " ").concat(curr[1], " ").concat(ex, " ").concat(ey));
+  }
+  parts.push('Z');
+  return parts.join(' ');
+};
+var VerticalTabGroupItemStandard = function VerticalTabGroupItemStandard(_ref) {
+  var _getIconOfTabGroup;
+  var tabGroup = _ref.tabGroup,
+    height = _ref.height,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 80 : _ref$minHeight,
+    isFirstItem = _ref.isFirstItem,
+    isLastItem = _ref.isLastItem,
+    _ref$wcVisitedStepCla = _ref.wcVisitedStepClass,
+    wcVisitedStepClass = _ref$wcVisitedStepCla === void 0 ? wcVisitedStep : _ref$wcVisitedStepCla,
+    _ref$wcActiveStepClas = _ref.wcActiveStepClass,
+    wcActiveStepClass = _ref$wcActiveStepClas === void 0 ? wcActiveStep : _ref$wcActiveStepClas,
+    _ref$verticalItemPoli = _ref.verticalItemPoligonClass,
+    verticalItemPoligonClass = _ref$verticalItemPoli === void 0 ? verticalItemPoligon : _ref$verticalItemPoli,
+    _ref$wcStepIconClass = _ref.wcStepIconClass,
+    wcStepIconClass = _ref$wcStepIconClass === void 0 ? wcStepIcon : _ref$wcStepIconClass,
+    lastItemDiv = _ref.lastItemDiv;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var width = 128;
+  var tabGroupItemRef = useRef(null);
+  var _useState = useState(8),
+    _useState2 = _slicedToArray(_useState, 2),
+    borderRadius = _useState2[0],
+    setBorderRadius = _useState2[1];
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  if (height < minHeight) {
+    height = minHeight;
+  }
+  var _useDivaCore = useDivaCore(),
+    baseCdnUrl = _useDivaCore.state.apiConfig.baseCdnUrl;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+    if (tabGroupItemRef.current) {
+      var raw = getComputedStyle(tabGroupItemRef.current).getPropertyValue('--globalBorderRadius').trim();
+      if (raw) {
+        var parsed = parseFloat(raw);
+        if (!isNaN(parsed)) setBorderRadius(parsed);
+      }
+    }
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+  };
+  var tabGroupActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
+  var tabGroupVisited = viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr));
+  var shapePoints = getShapePoints(width, height, !!isFirstItem, !!isLastItem);
+  var pathData = getRoundedPath(shapePoints, borderRadius);
+  var icon = (_getIconOfTabGroup = getIconOfTabGroup(tabGroup.key, baseCdnUrl, viewHandler.getViewConfig().tabGroupsIcons)) !== null && _getIconOfTabGroup !== void 0 ? _getIconOfTabGroup : '';
+  var div = /*#__PURE__*/jsxs("div", {
+    "data-test-id": "tabGroupItem",
+    children: [/*#__PURE__*/jsx("div", {
+      className: wcStepIconClass,
+      style: {
+        WebkitMaskImage: 'url(' + icon + ')',
+        maskImage: 'url(' + icon + ')'
+      }
+    }), /*#__PURE__*/jsx("span", {
+      "data-test-id": "tabGroupItemTitle",
+      children: t('configurator.' + tabGroup.title, tabGroup.title)
+    })]
+  });
+  if (isLastItem && lastItemDiv) {
+    div = lastItemDiv;
+  }
+  return /*#__PURE__*/jsxs("svg", {
+    "data-test-id": "tabGroupItemSvg",
+    viewBox: '0 0 ' + width + ' ' + height,
+    ref: tabGroupItemRef,
+    style: {
+      height: height + 'px',
+      minHeight: minHeight
+    },
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(verticalItem, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+    children: [/*#__PURE__*/jsx("path", {
+      className: classnames(verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+      d: pathData
+    }), /*#__PURE__*/jsx("foreignObject", {
+      width: "100%",
+      height: "100%",
+      style: {
+        pointerEvents: 'none'
+      },
+      children: /*#__PURE__*/jsx("span", {
+        className: classnames(wcSpan, verticalItemPoligonClass, tabGroupActive ? wcActiveStepClass : undefined, tabGroupVisited ? wcVisitedStepClass : undefined),
+        children: div
+      })
+    })]
+  });
+};
+var VerticalTabGroupItemStandard$1 = observer(VerticalTabGroupItemStandard);
+
+export { VerticalTabGroupItemStandard$1 as default };

package/build/esm/index-ff15e677.js

@@ -0,0 +1,56 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-1ad1eb2b.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { jsx } 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/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+
+var wrapper = "wrapper-8LcgO";
+var icon = "icon-TWMmb";
+var visible = "visible-RvpD0";
+var tablet = "tablet-XGdK1";
+var css_248z = ".wrapper-8LcgO {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.wrapper-8LcgO:hover {\n  scale: 0.8;\n}\n\n.wrapper-8LcgO:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.icon-TWMmb {\n  width: 20px;\n  height: 20px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.visible-RvpD0 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .wrapper-8LcgO {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.tablet-XGdK1 {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.tablet-XGdK1 .icon-TWMmb {\n  width: 26px;\n  height: 26px;\n}\n";
+styleInject(css_248z);
+
+var NavForwardButton = function NavForwardButton(props) {
+  var viewHandler = useViewHandler();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  useEffect(function () {
+    setTimeout(function () {
+      setIsVisible(!viewHandler.actionButtonState.isOnLastStep && !viewHandler.actionButtonState.isOnFirstStepDisabled);
+    }, 400);
+  }, [viewHandler.actionButtonState.isOnLastStep, viewHandler.actionButtonState.isOnFirstStepDisabled]);
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wrapper, isVisible && visible, viewHandler.uiState.isTablet ? tablet : undefined),
+    onClick: function onClick() {
+      window.lastNavigationType = 'SETTINGS_SWIPER_FORWARD_BUTTON';
+      viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: icon
+    })
+  });
+};
+var NavForwardButton$1 = observer(NavForwardButton);
+
+export { NavForwardButton$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-545a32b9.js';
+export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-1ad1eb2b.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';
@@ -19,3 +19,5 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import 'react-switch';
+import 'react-countup';

package/build/esm/index.module-0a8a3d14.js

@@ -0,0 +1,25 @@
+import { s as styleInject } from './index-1ad1eb2b.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-3dcfe445.js

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-1ad1eb2b.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 };

package/build/esm/index.module-556c4182.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-1ad1eb2b.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-5f838b7e.js

@@ -0,0 +1,16 @@
+import { s as styleInject } from './index-1ad1eb2b.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-94546f1e.js

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-1ad1eb2b.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-9bb6f869.js

@@ -0,0 +1,8 @@
+import { s as styleInject } from './index-1ad1eb2b.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-db94087a.js

@@ -0,0 +1,26 @@
+import { s as styleInject } from './index-1ad1eb2b.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-dd8075ba.js

@@ -0,0 +1,17 @@
+import { s as styleInject } from './index-1ad1eb2b.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-f6b76960.js

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-1ad1eb2b.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/useCustomDimensions-0a75fd35.js

@@ -0,0 +1,37 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-1ad1eb2b.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 };