@crystaldesign/diva-web-planner-react 25.8.1-rc.1 → 25.8.1-rc.2

package/build/esm/index-fca4036d.js

@@ -0,0 +1,76 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-c79e55a2.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useHover, useLayer } from 'react-laag';
+import SettingsPosNrToolTip from './index-7e7ec40c.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
+var isActive = "isActive-mWaAC";
+var allIsActive = "allIsActive-iSz9H";
+var isSelectable = "isSelectable-FBPGm";
+var small = "small-xZ6Og";
+var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.6px);\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SettingsPosNr = function SettingsPosNr(_ref) {
+  var _renderLayer;
+  var id = _ref.id,
+    allAreActive = _ref.allAreActive;
+  var viewHandler = useViewHandler();
+  var article = viewHandler.settingsState.articleInfos[id];
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 600,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
+    isOver = hover[0];
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+      onClick: function onClick() {
+        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
+      },
+      id: "ArticleInfo",
+      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
+    }, triggerProps), hoverProps), {}, {
+      children: article.posNr
+    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
+      article: article,
+      layerProps: layerProps
+    })))]
+  });
+};
+var SettingsPosNr$1 = observer(SettingsPosNr);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': SettingsPosNr$1
+});
+
+export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-fcf48b72.js

@@ -0,0 +1,95 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject } from './index-c79e55a2.js';
+import { observer } from 'mobx-react-lite';
+import AccessoiresStandard from './index-f9b0d3bf.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import 'react-laag';
+import './index-1a2c3c83.js';
+import './index-86d9fc00.js';
+import './index-d9a9da28.js';
+import './index-8ae89cfd.js';
+import 'react-collapsible';
+import './index-8ae4b193.js';
+import './index-d9794066.js';
+import 'sift';
+import './index-8ce5ac5c.js';
+import './index-6479c1c8.js';
+import './index-ed1c612e.js';
+import './index-63df4bf0.js';
+import './index-65b39565.js';
+import './index.module-52d2fb0f.js';
+import './index-dbf1c731.js';
+import 'react-switch';
+import './index-111f9695.js';
+import './index-b22e97bc.js';
+import 'react-dropdown';
+import './index-854aad4a.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-efb19800.js';
+import './index-ce25e667.js';
+import './index-71059055.js';
+import '@crystaldesign/content-box';
+import './index-3d30ba2e.js';
+import './index-ab810bec.js';
+import './index-948a7439.js';
+import './index-ce57866b.js';
+import './index-ae0a7891.js';
+import './index-68eb5c0a.js';
+import './index-715db398.js';
+import './index-ca679db8.js';
+import './index-402216ed.js';
+import './index-20920476.js';
+import './index-a8364ce8.js';
+import './index-1ccb8e87.js';
+import './index-24698433.js';
+import './index-01fcaad3.js';
+import './index.module-8ee21cc7.js';
+import './index-dffd19b8.js';
+import './index-ce9a8b23.js';
+import './index-087442cf.js';
+import './index-34350f6b.js';
+import './index-0fa7b691.js';
+import './index-a8c3d676.js';
+import './index-e910151b.js';
+import './index.module-61b2fc05.js';
+import './index-bcbcc54f.js';
+import './index-2dd77232.js';
+
+var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
+var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
+var wrapper = "wrapper-mM-Et";
+var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AccessoiresSerious = function AccessoiresSerious(props) {
+  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
+    wcAccInfoContainerClass: wcAccInfoContainer,
+    wrapper: wrapper,
+    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
+    hidePrice: true,
+    hideSize: true
+  }));
+};
+var index = observer(AccessoiresSerious);
+
+export { index as default };

package/build/esm/index-fe7fb64a.js

@@ -0,0 +1,142 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-c79e55a2.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import SettingsHeaderContainer from './index-0d032cda.js';
+import { S as SettingsItem } from './index-d9794066.js';
+import classnames from 'classnames';
+import TotalPrice from './index-33fbd3e9.js';
+import { jsxs, 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 '@crystaldesign/widget-contact-form';
+import './index-6479c1c8.js';
+import './index-7e3d8bb5.js';
+import './index-06b79092.js';
+import './index-fca4036d.js';
+import 'react-laag';
+import './index-7e7ec40c.js';
+import 'sift';
+import './index-8ce5ac5c.js';
+import './index-ed1c612e.js';
+import './index-63df4bf0.js';
+import './index-65b39565.js';
+import './index.module-52d2fb0f.js';
+import './index-dbf1c731.js';
+import 'react-switch';
+import './index-111f9695.js';
+import './index-d9a9da28.js';
+import './index-b22e97bc.js';
+import 'react-dropdown';
+import './index-854aad4a.js';
+import './index-efb19800.js';
+import './index-ce25e667.js';
+import './index-71059055.js';
+import '@crystaldesign/content-box';
+import './index-3d30ba2e.js';
+import './index-ab810bec.js';
+import './index-948a7439.js';
+import './index-ce57866b.js';
+import './index-ae0a7891.js';
+import './index-68eb5c0a.js';
+import './index-1a2c3c83.js';
+import './index-86d9fc00.js';
+import './index-715db398.js';
+import './index-ca679db8.js';
+import './index-402216ed.js';
+import './index-20920476.js';
+import './index-a8364ce8.js';
+import './index-1ccb8e87.js';
+import './index-24698433.js';
+import './index-01fcaad3.js';
+import './index.module-8ee21cc7.js';
+import './index-dffd19b8.js';
+import './index-ce9a8b23.js';
+import './index-087442cf.js';
+import './index-34350f6b.js';
+import './index-0fa7b691.js';
+import './index-a8c3d676.js';
+import './index-e910151b.js';
+import './index.module-61b2fc05.js';
+import './index-bcbcc54f.js';
+import './index-2dd77232.js';
+
+var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
+var expanded = "expanded-r-uGX";
+var minExpanded = "minExpanded-oyaLK";
+var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
+styleInject(css_248z);
+
+var SettingsScroller = function SettingsScroller(_ref) {
+  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var settingsScrollerElement = useRef(null);
+  var itemPalettesArr = [];
+  var pairWithOptionsToGroup = {};
+  useEffect(function () {
+    if (settingsScrollerElement.current) {
+      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
+      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
+    }
+    return function () {};
+  }, [settingsScrollerElement]);
+  var style = {};
+  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
+    style.height = '100%';
+  } else {
+    var _viewHandler$settings, _viewHandler$settings2;
+    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
+  }
+  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
+    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
+    var paletteId = Number(itemPalette.id);
+    var groupName = itemPalette.pairWithOptionsToGroup;
+    if (groupName && itemPalette.visible) {
+      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
+      pairWithOptionsToGroup[groupName].push(paletteId);
+    }
+    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
+  }
+  useEffect(function () {
+    if (viewHandler.uiState.configSettingsIsMinExpanded) viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS');else viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS');
+  }, [viewHandler.uiState.configSettingsIsExpanded, viewHandler.uiState.configSettingsIsMinExpanded]);
+  return /*#__PURE__*/jsxs("div", {
+    style: style,
+    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
+    id: "wcConfigurator-settings-scroller",
+    ref: settingsScrollerElement,
+    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
+      isScroller: true
+    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
+      children: [itemPalettesArr.map(function (_ref2) {
+        var _item$optionCodex;
+        var _ref3 = _slicedToArray(_ref2, 2),
+          index = _ref3[0],
+          item = _ref3[1];
+        return /*#__PURE__*/jsx(SettingsItem, {
+          item: item,
+          id: index,
+          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
+        }, ((_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey) + index);
+      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
+    })]
+  });
+};
+var SettingsScroller$1 = observer(SettingsScroller);
+
+export { SettingsScroller$1 as default };

package/build/esm/index-ff2e8e18.js

@@ -0,0 +1,62 @@
+import { u as useViewHandler } from './index-c79e55a2.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 '@crystaldesign/widget-contact-form';
+
+var PosNr = function PosNr(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps,
+    hasTrash = _ref.hasTrash;
+  var viewHandler = useViewHandler();
+  var top = item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px';
+  if (hasTrash && rect.top < 4) top = 'calc(' + top + ' + 35px + var(--globalSize) / 2)'; // 35px space for trash icon
+  else top = 'calc(' + top + ' + var(--globalSize) / 2)'; // correct for icon center
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    style: {
+      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left,
+      top: top,
+      visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
+    },
+    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
+    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
+    ),
+    children: [item.posNr, /*#__PURE__*/jsx("div", {
+      onClick: function onClick() {
+        var _item$clickFunction;
+        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
+      },
+      style: {
+        left: '0px',
+        top: '0px',
+        visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
+      },
+      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
+    })]
+  });
+};
+var PosNr$1 = observer(PosNr);
+
+export { PosNr$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-97b15a91.js';
+export { W as WebPlannerReact, c as default } from './index-c79e55a2.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-160b5f6e.js

@@ -0,0 +1,26 @@
+import { s as styleInject } from './index-c79e55a2.js';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
+var mobile = "mobile--gThy";
+var expanded = "Expanded-OjOcq";
+var plannerConfigArrow = "planner-config-arrow-pp9Jx";
+var wcConfigCloseButton = "wcConfigCloseButton-KxVGW";
+var wcFunctionsText = "wcFunctionsText-43-4z";
+var wcIcon = "wcIcon-bkatb";
+var wcHelpIcon = "wcHelpIcon-J-cpm";
+var wcPrintIcon = "wcPrintIcon-j6cRI";
+var wcResetIcon = "wcResetIcon-MQ8Ho";
+var wcShareIcon = "wcShareIcon-OZd0o";
+var wcSaveIcon = "wcSaveIcon-YIgj1";
+var wcHelp = "wcHelp-bR9nB";
+var maxExpanded = "Max-Expanded-DUFho";
+var wcPrint = "wcPrint-jfqiA";
+var wcReset = "wcReset-gxswz";
+var wcSave = "wcSave-21V7m";
+var landscape = "landscape-5TbIU";
+var wcFunctionsContainer = "wcFunctionsContainer-Ejf2G";
+var portrait = "portrait-gJ5Jg";
+var css_248z = "/* FunctionsButton Help Share ... */\n\n.wcFunctionsToolbar-33mKP {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.mobile--gThy.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.Expanded-OjOcq.wcFunctionsToolbar-33mKP {\n  right: -40px;\n}\n\n.wcFunctionsToolbar-33mKP.planner-config-arrow-pp9Jx {\n  right: 22px;\n}\n\n.wcFunctionsToolbar-33mKP li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.wcFunctionsToolbar-33mKP li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcFunctionsToolbar-33mKP li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wcIcon-bkatb {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.wcIcon-bkatb.wcHelpIcon-J-cpm {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.2764 16.7161C11.0993 16.7161 10.9352 16.6588 10.7842 16.5442C10.6331 16.4296 10.5342 16.302 10.4873 16.1614C10.4404 16.0208 10.417 15.8853 10.417 15.7551C10.417 15.5624 10.4639 15.3879 10.5576 15.2317C10.6514 15.0754 10.7633 14.9635 10.8936 14.8958C11.029 14.828 11.1566 14.7942 11.2764 14.7942C11.4535 14.7942 11.6097 14.8437 11.7451 14.9426C11.8805 15.0416 11.9795 15.1692 12.042 15.3254C12.1097 15.4765 12.1436 15.6197 12.1436 15.7551C12.1436 15.9478 12.0967 16.1223 12.0029 16.2786C11.9144 16.4348 11.7998 16.5468 11.6592 16.6145C11.5238 16.6822 11.3962 16.7161 11.2764 16.7161ZM10.6904 13.5911V12.9192C10.6904 12.5806 10.7607 12.2551 10.9014 11.9426C11.042 11.6249 11.2008 11.3645 11.3779 11.1614C11.5602 10.953 11.7243 10.7708 11.8701 10.6145C12.2347 10.2187 12.4873 9.927 12.6279 9.7395C12.7738 9.552 12.8779 9.35148 12.9404 9.13794C13.0081 8.9244 13.042 8.70304 13.042 8.47388C13.042 7.94263 12.8936 7.53117 12.5967 7.2395C12.305 6.94263 11.8936 6.79419 11.3623 6.79419C11.0186 6.79419 10.693 6.87752 10.3857 7.04419C10.0785 7.20565 9.82585 7.39836 9.62793 7.62231C9.43522 7.84106 9.27116 8.0494 9.13574 8.24731L8.28418 7.63794C8.51335 7.25252 8.79199 6.91659 9.12012 6.63013C9.44824 6.33846 9.81022 6.12231 10.2061 5.98169C10.6019 5.84106 11.0029 5.77075 11.4092 5.77075C11.8779 5.77075 12.292 5.83586 12.6514 5.96606C13.016 6.09106 13.318 6.27336 13.5576 6.51294C13.8024 6.75252 13.9873 7.04419 14.1123 7.38794C14.2373 7.73169 14.2998 8.11971 14.2998 8.552C14.2998 8.89575 14.2399 9.21606 14.1201 9.51294C14.0003 9.80461 13.8467 10.0754 13.6592 10.3254C13.4769 10.5754 13.3076 10.7838 13.1514 10.9504C12.7503 11.3931 12.4587 11.7291 12.2764 11.9583C12.0993 12.1874 11.9873 12.3827 11.9404 12.5442C11.8936 12.7004 11.8701 12.8567 11.8701 13.0129V13.5911H10.6904Z%22 fill%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2211.4799%22 cy%3D%2210.9999%22 r%3D%2210.2026%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcPrintIcon-j6cRI {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.38428 16.3467H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 14.0461H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M7.38428 18.6472H13.6843%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M16.2828 21.2509H5.00077C4.9073 21.2509 4.83252 21.1752 4.83252 21.0805V11.613C4.83252 11.5184 4.9073 11.4426 5.00077 11.4426H16.2828C16.3763 11.4426 16.4511 11.5184 16.4511 11.613V21.0805C16.4511 21.1752 16.3763 21.2509 16.2828 21.2509Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83252 6.56687V1.47337C4.83252 1.21775 5.03816 1 5.29988 1H15.9931C16.2455 1 16.4604 1.20828 16.4604 1.47337V6.56687%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M4.83235 16.5361H1.32715C1.14956 16.5361 1 16.3847 1 16.2048V6.89826C1 6.71837 1.14956 6.56689 1.32715 6.56689H19.9561C20.1337 6.56689 20.2833 6.71837 20.2833 6.89826V16.2048C20.2833 16.3847 20.1337 16.5361 19.9561 16.5361H16.4509%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcArButton-24eI0 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 96 960 960%22 width%3D%2248%22%3E%3Cpath d%3D%22M448 889 228 760q-13.775-8.171-21.387-21.914Q199 724.343 199 708V451q0-16.343 7.613-30.086Q214.225 407.171 228 399l221-131q14-8 31-8t31 8l221 131q13.775 8.171 21.388 21.914Q761 434.657 761 451v257q0 16.343-7.875 30.086Q745.25 751.829 731 760L508 889q-14.328 8-30.164 8Q462 897 448 889Zm2-69V596L260 487v219l190 114Zm60 0 191-114V487L510 596v224ZM40 325v-77q0-46.667 32.667-79.333Q105.333 136 152 136h77v60h-77q-22.1 0-37.05 14.95Q100 225.9 100 248v77H40Zm112 691q-46.667 0-79.333-32.667Q40 950.667 40 904v-77h60v77q0 22.1 14.95 37.05Q129.9 956 152 956h77v60h-77Zm579-4v-60h77q22.1 0 37.05-14.95Q860 922.1 860 900v-77h60v77q0 46.667-32.667 79.333Q854.667 1012 808 1012h-77Zm129-687v-77q0-22.1-14.95-37.05Q830.1 196 808 196h-77v-60h77q46.667 0 79.333 32.667Q920 201.333 920 248v77h-60ZM480 542l190-110-190-109-190 109 190 110Zm0 25Zm0-25Zm30 54Zm-60 0Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 30px;\n}\n.wcIcon-bkatb.wcResetIcon-MQ8Ho {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2221%22 viewBox%3D%220 0 25 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url(%23clip0)%22%3E%3Cpath d%3D%22M4.3782 14.1701C3.9275 13.2399 3.70215 12.0771 3.70215 10.9143C3.70215 5.68177 7.75849 1.49573 12.8289 1.49573C14.181 1.49573 15.5331 1.84456 16.6599 2.42596%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M20.7159 6.14685C21.5047 7.5422 21.9554 9.17011 21.9554 10.9143C21.9554 16.1469 17.899 20.3329 12.8286 20.3329C10.9131 20.3329 9.1103 19.7515 7.64551 18.5887%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M19.1387 9.05387L20.4908 5.44922L23.9837 6.84457%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M6.0681 11.2632L4.60331 14.8678L1.11035 13.2399%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22clip0%22%3E%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcShareIcon-OZd0o {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2216%22 cy%3D%224%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%2216%22 cy%3D%2217%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Ccircle cx%3D%224%22 cy%3D%2210.5%22 r%3D%223%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline x1%3D%226.74504%22 y1%3D%229.2569%22 x2%3D%2213.4295%22 y2%3D%225.29454%22 stroke%3D%22%236F6F6F%22%2F%3E%3Cline y1%3D%22-0.5%22 x2%3D%227.77063%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.860225 0.509914 0.509914 -0.860225 7 11.6199)%22 stroke%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcIcon-bkatb.wcSaveIcon-YIgj1 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2219%22 viewBox%3D%220 0 22 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.0698 1H19.5344C20.0866 1 20.5344 1.44771 20.5344 2V3.79989H20.5335V16.9999C20.5335 17.5522 20.0858 17.9999 19.5335 17.9999H2C1.44771 17.9999 1 17.5522 1 16.9999V2.53345H0V16.9999C0 18.1045 0.895429 18.9999 2 18.9999H19.5335C20.6381 18.9999 21.5335 18.1045 21.5335 16.9999V13.2596C21.5341 13.2399 21.5344 13.22 21.5344 13.2001V2C21.5344 0.895431 20.6389 0 19.5344 0H12.0698C10.9653 0 10.0698 0.895431 10.0698 2V11.8121L6.44608 7.67069C6.26424 7.46288 5.94836 7.44182 5.74054 7.62366C5.53272 7.8055 5.51166 8.12138 5.6935 8.3292L10.1269 13.3959C10.2218 13.5044 10.359 13.5666 10.5032 13.5666C10.6473 13.5666 10.7845 13.5044 10.8794 13.3959L15.3128 8.3292C15.4947 8.12138 15.4736 7.8055 15.2658 7.62366C15.058 7.44182 14.7421 7.46288 14.5602 7.67069L11.0698 11.6597V2C11.0698 1.44772 11.5175 1 12.0698 1Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.Expanded-OjOcq .wcHelp-bR9nB,\n.Max-Expanded-DUFho .wcHelp-bR9nB,\n.Expanded-OjOcq .wcPrint-jfqiA,\n.Max-Expanded-DUFho .wcPrint-jfqiA,\n.Expanded-OjOcq .wcReset-gxswz,\n.Max-Expanded-DUFho .wcReset-gxswz,\n.Expanded-OjOcq .wcSave-21V7m,\n.Max-Expanded-DUFho .wcSave-21V7m {\n  display: none;\n}\n\n.landscape-5TbIU .wcReset-gxswz,\n.landscape-5TbIU .wcPrint-jfqiA,\n.landscape-5TbIU .wcHelp-bR9nB {\n  display: none;\n  background-image: none;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.landscape-5TbIU .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#wcSetSelector-zDZtd {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.portrait-gJ5Jg .wcReset-gxswz,\n.portrait-gJ5Jg .wcPrint-jfqiA,\n.portrait-gJ5Jg .wcHelp-bR9nB {\n  display: none;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-right: 3.2px !important;\n}\n.portrait-gJ5Jg .wcFunctionsContainer-Ejf2G {\n  padding-top: 1.6px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcFunctionsText-43-4z {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcShareIcon-OZd0o {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP .wcConfigCloseButton-KxVGW {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.portrait-gJ5Jg.wcFunctionsToolbar-33mKP {\n  margin-top: 8px;\n}\n\n.landscape-5TbIU.wcFunctionsToolbar-33mKP {\n  margin: 0;\n  margin: initial;\n}\n";
+styleInject(css_248z);
+
+export { portrait as a, wcFunctionsContainer as b, wcHelp as c, wcIcon as d, expanded as e, wcHelpIcon as f, wcFunctionsText as g, wcPrint as h, wcPrintIcon as i, wcShareIcon as j, wcReset as k, landscape as l, maxExpanded as m, wcResetIcon as n, wcSave as o, plannerConfigArrow as p, wcSaveIcon as q, wcConfigCloseButton as r, mobile as s, wcFunctionsToolbar as w };

package/build/esm/index.module-1c155e21.js

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

package/build/esm/index.module-52d2fb0f.js

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

@@ -0,0 +1,9 @@
+import { s as styleInject } from './index-c79e55a2.js';
+
+var wrapper = "wrapper-TcEZn";
+var dropdownRoot = "Dropdown-root-7zz-C";
+var dropdownControl = "Dropdown-control-x--YK";
+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 { dropdownControl as a, dropdownRoot as d, wrapper as w };

package/build/esm/index.module-61b2fc05.js

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

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

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-c79e55a2.js';
+
+var paletteItem = "PaletteItem-bhj8-";
+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.PaletteItem-bhj8- {\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.PaletteItem-bhj8-: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.PaletteItem-bhj8-: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.PaletteItem-bhj8- .wcSize-9ksFx {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.PaletteItem-bhj8-.wcSize-very-small-8SGDR {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.PaletteItem-bhj8- .wcSize-9ksFx.wcSize-normal-oAeOQ {\n  height: 80px;\n}\n\n.PaletteItem-bhj8- .wcSize-9ksFx.wcSize-small-08-0g {\n  height: 64px;\n}\n\n.PaletteItem-bhj8- .wcImagePlaceHolder-PGGor {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.PaletteItem-bhj8- .wcSize-normal-oAeOQ .wcImage-ulLwa {\n  height: 80px;\n  width: 112px;\n}\n\n.PaletteItem-bhj8- .wcSize-small-08-0g .wcImage-ulLwa {\n  height: 64px;\n  width: 96px;\n}\n.PaletteItem-bhj8-.wcSize-very-small-8SGDR .wcImage-ulLwa {\n  height: 64px;\n  width: 64px;\n}\n\n.PaletteItem-bhj8- .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.PaletteItem-bhj8-.wcSize-very-small-8SGDR .text-container-KJ-2Y {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.PaletteItem-bhj8- .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.PaletteItem-bhj8- .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  .PaletteItem-bhj8- .wcSize-normal-oAeOQ {\n    height: 80px;\n  }\n\n  .PaletteItem-bhj8- .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-9704035a.js

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

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

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