@crystaldesign/diva-web-planner-react 24.12.0 → 24.12.1

package/build/esm/index-fc98f1f4.js

@@ -0,0 +1,53 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-945074f1.js';
+import { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import ItemVariant from './index-91f2928f.js';
+import { jsx, Fragment } 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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var TabGroupHorizontal = function TabGroupHorizontal(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    if (!viewHandler.tabGroupState.curTabGroup) return;
+    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
+    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
+    var offsetToRight = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().width / 100 * 20; //  das Active Div soll 20% in der Breite nach links positioniert sein
+    var actDivPos = curTabGroup.getBoundingClientRect().left - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().left; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
+    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollLeft; //           soweit ist aktuell gescrollt
+
+    var toScrollLeft = actDivPos - (viewHandler.uiState.isInMobileView ? 0 : offsetToRight) + actScrollVal;
+    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
+      left: toScrollLeft,
+      top: 0,
+      behavior: 'smooth'
+    });
+  }, [viewHandler.tabGroupState.curTabGroup]);
+  if (!viewHandler.tabGroupState.allTabGroups) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx(Fragment, {
+    children: Object.entries(viewHandler.tabGroupState.allTabGroups).map(function (_ref) {
+      var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        tabGroup = _ref2[1];
+      return /*#__PURE__*/jsx(ItemVariant, {
+        tabGroup: tabGroup,
+        width: 'calc(' + ((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState) === null || _viewHandler$tabGroup2 === void 0 || (_viewHandler$tabGroup2 = _viewHandler$tabGroup2.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().width) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0) + 'px / ' + Object.entries(viewHandler.tabGroupState.allTabGroups).length + ')'
+      }, key);
+    })
+  });
+};
+var TabGroupHorizontal$1 = observer(TabGroupHorizontal);
+
+export { TabGroupHorizontal$1 as default };

package/build/esm/index-fde74907.js

@@ -0,0 +1,56 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import classnames from 'classnames';
+import StepInfo from './index-770767c2.js';
+import SettingsHeader from './index-ca0e4969.js';
+import ReplaceSwitch from './index-9b97271d.js';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx, Fragment } 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/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var wcConfiguratorConfigPaletteContainer = "wcConfigurator-ConfigPaletteContainer-uKDCv";
+var css_248z = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\r\n  width: 100%;\r\n  margin-bottom: 24px;\r\n}\r\n";
+styleInject(css_248z);
+
+var ItemWrapper = function ItemWrapper(_ref) {
+  var item = _ref.item,
+    gridItemSize = _ref.gridItemSize,
+    gridGap = _ref.gridGap,
+    children = _ref.children;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    style: {
+      '--gridSize': gridItemSize,
+      '--gridGap': gridGap
+    },
+    className: classnames(wcConfiguratorConfigPaletteContainer, {
+      wcFilterVisible: item.filterVisible
+    }),
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    id: item.configStepKey,
+    children: [/*#__PURE__*/jsx(StepInfo, {
+      stepInfo: item.info
+    }), !item.isHeader && !item.hideHeader ? /*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: true,
+      isSettingsHeader: false,
+      item: item
+    }) : /*#__PURE__*/jsx(Fragment, {}), item.type == 'ART' && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), children]
+  });
+};
+var ItemWrapper$1 = observer(ItemWrapper);
+
+export { ItemWrapper$1 as default };

package/build/esm/index-fefeae2f.js

@@ -0,0 +1,91 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import ProductRoomList from './index-795800bd.js';
+import { jsxs, Fragment, 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/helpers/slicedToArray';
+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';
+
+var wcNav3DToolbar = "wc_Nav3DToolbar-dFNdl";
+var wrapper = "wrapper-AVxdB";
+var wcZoomIn = "wcZoomIn-Zt83g";
+var wcZoomOut = "wcZoomOut-sVnrQ";
+var wcFullScreen = "wcFullScreen-YrF3k";
+var wcReset = "wcReset-b3nN-";
+var wc3DDimLine = "wc3DDimLine-qXO6b";
+var css_248z = ".wc_Nav3DToolbar-dFNdl {\r\n  display: flex;\r\n  flex-direction: row;\r\n  position: absolute;\r\n  z-index: 400;\r\n  margin: 0;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n.wrapper-AVxdB {\r\n  background: rgba(254, 254, 254, 0.9);\r\n  height: 20px;\r\n  margin-right: 5px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  line-height: 24px;\r\n\r\n  padding: 0.6rem 0.5rem 0.9rem 0.5rem;\r\n}\r\n.wrapper-AVxdB:hover {\r\n  background: #fefefe;\r\n  color: var(--primaryColor);\r\n  cursor: pointer;\r\n  box-shadow: var(--boxShadowHover);\r\n}\r\n.wc_Nav3DToolbar-dFNdl .wrapper-AVxdB div {\r\n  width: 25.6px;\r\n  height: 25.6px;\r\n  display: block;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  transition: background-color 0.15s ease;\r\n}\r\n\r\n/*------------------------Nav Icons--------------------------------------*/\r\n\r\n/* pfister */\r\n.wcZoomIn-Zt83g {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2224%22 viewBox%3D%220 0 26 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M9.13434 17.3731C13.8328 17.3731 17.6417 13.6079 17.6417 8.96328C17.6417 4.31867 13.8328 0.553467 9.13434 0.553467C4.43584 0.553467 0.626953 4.31867 0.626953 8.96328C0.626953 13.6079 4.43584 17.3731 9.13434 17.3731Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%0D%3Cpath d%3D%22M24.868 22.6179L15.6235 14.5441%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M4.56201 8.96326H13.7097%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M9.13379 4.44189V13.4847%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n.wcZoomOut-sVnrQ {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.69615 16.6951C12.9919 16.6951 16.4743 13.2526 16.4743 9.00611C16.4743 4.75961 12.9919 1.31714 8.69615 1.31714C4.40038 1.31714 0.917969 4.75961 0.917969 9.00611C0.917969 13.2526 4.40038 16.6951 8.69615 16.6951Z%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22%2F%3E%0D%3Cpath d%3D%22M23.0816 21.4903L14.6631 14.1379%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M4.51465 9.0061H12.8783%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n.wcFullScreen-YrF3k {\r\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%0D%3Cg clip-path%3D%22url(%23clip0)%22%3E%0D%3Cpath d%3D%22M19.5811 10.3625V16.9734C19.5811 18.5633 18.4933 19.9023 17.2381 19.9023H2.76106C1.42215 19.9023 0.417969 18.5633 0.417969 16.9734V3.75162C0.417969 2.16167 1.50583 0.822754 2.76106 0.822754H9.87404%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M19.5813 0.822754L10.46 9.94409%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M13.7236 0.822754H19.5814V6.59681%22 stroke%3D%22%236F6F6F%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3Cdefs%3E%0D%3CclipPath id%3D%22clip0%22%3E%0D%3Crect width%3D%2220%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0 0.404297)%22%2F%3E%0D%3C%2FclipPath%3E%0D%3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcReset-b3nN- {\r\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%0D%3Cg clip-path%3D%22url(%23clip0)%22%3E%0D%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%0D%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%0D%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%0D%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%0D%3C%2Fg%3E%0D%3Cdefs%3E%0D%3CclipPath id%3D%22clip0%22%3E%0D%3Crect width%3D%2224%22 height%3D%2220%22 fill%3D%22white%22 transform%3D%22translate(0.546875 0.914307)%22%2F%3E%0D%3C%2FclipPath%3E%0D%3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wc3DDimLine-qXO6b {\r\n  width: 32px !important;\r\n  height: 30px !important;\r\n  margin-top: -3px !important;\r\n  margin-left: -5px !important;\r\n  margin-right: -5px !important;\r\n}\r\n\r\n.wc3DDimLine-qXO6b {\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%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%0D%09 viewBox%3D%220 0 15 12%22 style%3D%22enable-background%3Anew 0 0 15 12%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cstyle type%3D%22text%2Fcss%22%3E%0D%09.st0%7Bfill%3Anone%3B %7D%0D%09.st1%7Bfill%3A%237E7E7E%3B%7D%0D%3C%2Fstyle%3E%0D%3Cpath class%3D%22st0%22 d%3D%22M14.8%2C1.3c0-0.6-0.5-1.2-1.2-1.2H1.4c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v9.4c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2h12.2%0D%09c0.6%2C0%2C1.2-0.5%2C1.2-1.2C14.8%2C10.7%2C14.8%2C1.3%2C14.8%2C1.3z%22%2F%3E%0D%3Cg%3E%0D%09%3Cpath class%3D%22st1%22 d%3D%22M12.9%2C2.9c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v5.8c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2S13%2C9%2C13%2C8.9V3.1C13%2C3%2C12.9%2C2.9%2C12.9%2C2.9z%22%2F%3E%0D%09%3Cpath class%3D%22st1%22 d%3D%22M2.1%2C2.9C2.1%2C2.9%2C2%2C3%2C2%2C3.1v5.8C2%2C9%2C2.1%2C9.1%2C2.1%2C9.1c0.1%2C0%2C0.2-0.1%2C0.2-0.2V3.1C2.3%2C3%2C2.2%2C2.9%2C2.1%2C2.9z%22%2F%3E%0D%09%3Cpath class%3D%22st1%22 d%3D%22M10.3%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0C10.1%2C5%2C10%2C5%2C10%2C5.1v0.8H5V5.1C5%2C5%2C4.9%2C5%2C4.9%2C4.9c-0.1%2C0-0.1%2C0-0.2%2C0l-1.5%2C1%0D%09%09c0%2C0-0.1%2C0.1-0.1%2C0.1c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1l1.5%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0C4.9%2C7.1%2C5%2C7.1%2C5%2C7V6.2H10V7c0%2C0.1%2C0%2C0.1%2C0.1%2C0.1%0D%09%09c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0l1.5-1c0%2C0%2C0.1-0.1%2C0.1-0.1c0-0.1%2C0-0.1-0.1-0.1L10.3%2C4.9z M4.6%2C6.7L3.6%2C6l1-0.6V6.7z M10.4%2C6.7%0D%09%09V5.4l1%2C0.6L10.4%2C6.7z%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
+styleInject(css_248z);
+
+var NavBar = function NavBar(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(wcNav3DToolbar),
+      children: [!viewHandler.productState.plannerRenderingIsStaticBG && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DViews');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcReset,
+            title: t('configurator.NAV3DVIEWS_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomIn');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomIn,
+            title: t('configurator.NAV3DZOOMIN_TT')
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: wrapper,
+          onClick: function onClick() {
+            return viewHandler.productState.onNav3DMenuSelect('Nav3DZoomOut');
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: wcZoomOut,
+            title: t('configurator.NAV3DZOOMOUT_TT')
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wc3DDimLine,
+          title: t('configurator.NAV3DDIMLINE_TT')
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: wrapper,
+        onClick: function onClick() {
+          return viewHandler.productState.onNav3DMenuSelect('Nav3DFullScreen');
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: wcFullScreen,
+          title: t('configurator.NAV3DFULLSCREEN_TT')
+        })
+      })]
+    }), /*#__PURE__*/jsx(ProductRoomList, {})]
+  });
+};
+var index = observer(NavBar);
+
+export { index as default };

package/build/esm/index-ff5b9257.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-945074f1.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+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 NavigationButtons = function NavigationButtons(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Action/Navigation"
+  }));
+};
+
+export { NavigationButtons as default };

package/build/esm/index-ffd95766.js

@@ -0,0 +1,97 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/slicedToArray';
+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';
+
+var tableOptions = "table-options-phhIL";
+var tableSpan15 = "table-span15-sSyJ4";
+var tableSpan5 = "table-span5-wqrZR";
+var tableSpan7 = "table-span7-z-JAr";
+var img = "img-RdvAq";
+var checked = "checked--oiE6";
+var unchecked = "unchecked-RbO0u";
+var optionImage = "option-image-4wxp2";
+var marginTop = "marginTop-76IgZ";
+var css_248z = ".table-options-phhIL {\r\n  display: flex;\r\n  gap: 10px;\r\n  text-align: left;\r\n  border-bottom: 1px solid black;\r\n  margin-bottom: 10px;\r\n  -webkit-user-select: text;\r\n     -moz-user-select: text;\r\n          user-select: text;\r\n}\r\n\r\n.table-options-phhIL th:hover:last-child {\r\n  cursor: pointer;\r\n}\r\n.table-options-phhIL:nth-last-child(-n + 2) {\r\n  margin-top: 12px;\r\n}\r\n\r\n.table-options-phhIL span {\r\n  flex-basis: 100%;\r\n}\r\n.table-options-phhIL .table-span10-CHfJN {\r\n  flex-basis: 15%;\r\n}\r\n.table-options-phhIL .table-span15-sSyJ4 {\r\n  flex-basis: 20%;\r\n  font-size: 12px;\r\n}\r\n.table-options-phhIL .table-span5-wqrZR {\r\n  flex-basis: 4%;\r\n}\r\n.table-options-phhIL .table-span7-z-JAr {\r\n  flex-basis: 7.65%;\r\n}\r\n.img-RdvAq {\r\n  height: 25px;\r\n  background-repeat: no-repeat;\r\n  cursor: pointer;\r\n  background-position: 80% 50%;\r\n}\r\n.checked--oiE6 {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z%22%2F%3E%3C%2Fsvg%3E\");\r\n}\r\n\r\n.unchecked-RbO0u {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%22%2F%3E%3C%2Fsvg%3E\");\r\n}\r\n.option-image-4wxp2 {\r\n  width: 45px;\r\n  height: 45px;\r\n}\r\n.marginTop-76IgZ {\r\n  margin-top: 12px;\r\n}\r\n";
+styleInject(css_248z);
+
+var _excluded = ["tabGroupOption", "basketId"];
+var TabGroupOptions = function TabGroupOptions(_ref) {
+  var _article$getArticleOp, _ops$val, _ops$valCodex;
+  var tabGroupOption = _ref.tabGroupOption,
+    basketId = _ref.basketId;
+    _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var article = articles === null || articles === void 0 ? void 0 : articles[basketId];
+  var ops = article === null || article === void 0 || (_article$getArticleOp = article.getArticleOptionState) === null || _article$getArticleOp === void 0 ? void 0 : _article$getArticleOp.call(article, tabGroupOption.codex);
+  var posNr = Object.values(tabGroupOption.configSteps)[0].posNr;
+  if (ops === undefined) return /*#__PURE__*/jsx(Fragment, {});
+  var image = (_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.image;
+  if (image) image = article === null || article === void 0 ? void 0 : article.CatalogData.getCatImageURL(image, '_low');else image = undefined;
+  var clickNavigation = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(posNr);
+            viewHandler.updateConfiguratorState(true);
+            _context.next = 4;
+            return DivaUtils.Sleep(100);
+          case 4:
+            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function clickNavigation() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsxs("div", {
+      onClick: clickNavigation,
+      className: tableOptions,
+      children: [/*#__PURE__*/jsxs("span", {
+        children: [/*#__PURE__*/jsx("div", {
+          children: ops.optionName + ' (' + ops.optionCodex.replace('OPT', '') + ')'
+        }), /*#__PURE__*/jsx("div", {
+          children: ops.valName + ' (' + ((_ops$valCodex = ops.valCodex) === null || _ops$valCodex === void 0 ? void 0 : _ops$valCodex.replace('OPV', '')) + ')'
+        })]
+      }), /*#__PURE__*/jsx("span", {
+        className: tableSpan5,
+        children: image != undefined && /*#__PURE__*/jsx("img", {
+          src: image,
+          className: optionImage
+        })
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(tableSpan15, marginTop),
+        children: !!(ops.usedCalcPrice || ops.calcPrice) && DivaUtils.formatPrice(ops.usedCalcPrice || ops.calcPrice)
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(tableSpan5, marginTop),
+        children: ops.headerPosVariationType
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(img, tableSpan7, marginTop, ops.isDefined ? checked : unchecked)
+      })]
+    })
+  });
+};
+var TabGroupOptions$1 = observer(TabGroupOptions);
+
+export { TabGroupOptions$1 as default };

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-82b234eb.js';
+export { W as WebPlannerReact, c as default } from './index-945074f1.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/index.module-03df1a8f.js

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

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

@@ -0,0 +1,12 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var row = "row-2sbo5";
+var colum = "colum-bfgmE";
+var title = "title-KljD9";
+var toggleWrapper = "toggleWrapper-LWNao";
+var name = "name-QE1Nl";
+var sel = "sel-ZAWxP";
+var css_248z = ".row-2sbo5 {\r\n  width: 100%;\r\n  height: -moz-fit-content;\r\n  height: fit-content;\r\n  position: relative;\r\n  display: flex;\r\n  padding-bottom: 4px;\r\n  padding-top: 4px;\r\n}\r\n.colum-bfgmE {\r\n  width: 50%;\r\n  margin: 10px 15px;\r\n  position: relative;\r\n}\r\n\r\n.title-KljD9 {\r\n  text-align: left;\r\n  margin-left: 0;\r\n  margin-left: initial;\r\n  padding-bottom: 9px;\r\n  padding-top: 9px;\r\n  cursor: pointer;\r\n}\r\n\r\n.toggleWrapper-LWNao {\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  position: absolute;\r\n}\r\n\r\n.name-QE1Nl {\r\n  text-align: center;\r\n}\r\n\r\n.sel-ZAWxP {\r\n  font-weight: 300;\r\n}\r\n";
+styleInject(css_248z);
+
+export { toggleWrapper as a, colum as c, name as n, row as r, sel as s, title as t };

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

@@ -0,0 +1,10 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
+var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";
+var wcBoxPlannerAddElementTop = "wcBoxPlanner_AddElementTop-XO6vt";
+var wcBoxPlannerAddElementRight = "wcBoxPlanner_AddElementRight--dGaZ";
+var css_248z = ".wcBoxPlanner_AddElement-LWKJQ {\r\n  border-radius: 0px !important;\r\n}\r\n\r\n.wcBoxPlanner_AddElement-LWKJQ {\r\n  height: 50px;\r\n  width: 50px;\r\n  background-repeat: no-repeat;\r\n  background-color: rgba(0, 0, 0, 0);\r\n  background-size: 20px;\r\n  background-position: left center;\r\n  position: absolute;\r\n  cursor: pointer;\r\n  transform-origin: top left;\r\n  z-index: 263;\r\n  margin-top: -50px;\r\n}\r\n\r\n.wcBoxPlanner_AddElementLeft-sCzAl {\r\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%0D%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%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  margin-left: -25px;\r\n}\r\n\r\n.wcBoxPlanner_AddElementTop-XO6vt {\r\n  background-position: center center !important;\r\n}\r\n\r\n.wcBoxPlanner_AddElementTop-XO6vt {\r\n  transform: rotate(90deg);\r\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%0D%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%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcBoxPlanner_AddElementRight--dGaZ {\r\n  margin-left: -15px;\r\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%0D%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%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
+styleInject(css_248z);
+
+export { wcBoxPlannerAddElementLeft as a, wcBoxPlannerAddElementTop as b, wcBoxPlannerAddElementRight as c, wcBoxPlannerAddElement as w };

package/build/esm/index.module-1346133e.js

@@ -0,0 +1,44 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var wcPlannerButton = "wcPlannerButton-hPp4U";
+var mobile = "mobile-ZE7fr";
+var css_248z$6 = ".wcPlannerButton-hPp4U {\r\n  position: absolute;\r\n  background-repeat: no-repeat;\r\n  transition: background-image 0.2s ease-in-out;\r\n  --globalSize: 40px;\r\n  --posNrSize: var(--globalSize);\r\n  --trashSize: var(--globalSize);\r\n  --rotSize: var(--globalSize);\r\n  --copySize: var(--globalSize);\r\n  --fontSize: 26px;\r\n}\r\n\r\n.mobile-ZE7fr {\r\n  --globalSize: 28px;\r\n  --fontSize: 17px;\r\n}\r\n";
+styleInject(css_248z$6);
+
+var wcUi2DDpAvl = "wcUI2D_DP_AVL-iHhPw";
+var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-SFLkk";
+var css_248z$5 = "/*STANDARD*/\r\n\r\n.wcUI2D_DP_AVL-iHhPw {\r\n  height: 40px;\r\n  width: 40px;\r\n\r\n  margin-top: -20px;\r\n  margin-left: -20px;\r\n\r\n  border-radius: 50%;\r\n  background-color: rgba(0, 0, 0, 0);\r\n  background-position: center center;\r\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%0D%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%23E5E5E5%22%2F%3E%0D%3Cpath d%3D%22M7 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M13 14L7 20.0606L13 26%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%234B4B4B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  z-index: 263;\r\n}\r\n\r\n.wcUI2D_DP_AVL-iHhPw:hover {\r\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%0D%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M7 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M13 14L7 20.0606L13 26%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 transform%3D%22rotate(-180 20 20)%22 fill%3D%22%234B4B4B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcUI2D_DP_AVL_SEL-SFLkk::after {\r\n  position: absolute;\r\n  width: 40px;\r\n  height: 40px;\r\n  content: '';\r\n  background-color: var(--primaryColor);\r\n  border-radius: var(--articlePosNrRadius);\r\n  opacity: 0.3;\r\n}\r\n";
+styleInject(css_248z$5);
+
+var wcUi2DDpAvr = "wcUI2D_DP_AVR-exJDT";
+var wcUi2DDpAvrSel = "wcUI2D_DP_AVR_SEL-RiZkU";
+var css_248z$4 = "/*STANDARD*/\r\n\r\n.wcUI2D_DP_AVR-exJDT {\r\n  height: 40px;\r\n  width: 40px;\r\n  border-radius: 50%;\r\n  background-color: rgba(0, 0, 0, 0);\r\n\r\n  margin-top: -20px;\r\n  margin-left: -20px;\r\n\r\n  background-position: center center;\r\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%0D%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5E5E5%22%2F%3E%0D%3Cpath d%3D%22M33 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M27 26L33 19.9394L27 14%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 fill%3D%22%234B4B4B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  z-index: 263;\r\n}\r\n\r\n.wcUI2D_DP_AVR-exJDT:hover {\r\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%0D%3Ccircle opacity%3D%220.5%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M33 20L20 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M27 26L33 19.9394L27 14%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%224%22 fill%3D%22%234B4B4B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n.wcUI2D_DP_AVR_SEL-RiZkU::after {\r\n  width: 40px;\r\n  height: 40px;\r\n  content: '';\r\n  background-color: var(--primaryColor);\r\n  border-radius: var(--articlePosNrRadius);\r\n  opacity: 0.3;\r\n}\r\n";
+styleInject(css_248z$4);
+
+var wcUi2DDpAvDocking = "wcUI2D_DP_AV_DOCKING-B4pye";
+var wcUi2DDpAvNotDocking = "wcUI2D_DP_AV_NOT_DOCKING-lVgqL";
+var wcUi2DDpAvNotDockingSel = "wcUI2D_DP_AV_NOT_DOCKING_SEL-IB1dU";
+var wcUi3DDpAvDocking = "wcUI3D_DP_AV_DOCKING-WVzbw";
+var wcUi3DDpAvNotDocking = "wcUI3D_DP_AV_NOT_DOCKING-knDpA";
+var wcUi3DDpAvNotDockingSel = "wcUI3D_DP_AV_NOT_DOCKING_SEL-gFJW1";
+var css_248z$3 = "/*STANDARD*/\r\n.wcUI2D_DP_AV_DOCKING-B4pye {\r\n  background-size: 100%;\r\n  background-position: center center;\r\n  border-radius: 50%;\r\n  background-color: #f2f2f2;\r\n  height: 40px;\r\n  width: 40px;\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  margin-top: -20px;\r\n  margin-left: -20px;\r\n  z-index: 263;\r\n}\r\n.wcUI2D_DP_AV_NOT_DOCKING-lVgqL {\r\n  background-size: 100%;\r\n  background-position: center center;\r\n  border-radius: 50%;\r\n  background-color: #f2f2f2;\r\n  height: 40px;\r\n  width: 40px;\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  margin-top: -20px;\r\n  margin-left: -20px;\r\n  z-index: 263;\r\n}\r\n.wcUI2D_DP_AV_NOT_DOCKING-lVgqL:hover {\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcUI2D_DP_AV_NOT_DOCKING_SEL-IB1dU::after {\r\n  position: absolute;\r\n  width: 40px;\r\n  height: 40px;\r\n  content: '';\r\n  background-color: var(--primaryColor);\r\n  border-radius: var(--articlePosNrRadius);\r\n  opacity: 0.5;\r\n}\r\n\r\n.wcUI3D_DP_AV_DOCKING-WVzbw {\r\n  background-size: 100%;\r\n  background-position: center center;\r\n  border-radius: 50%;\r\n  background-color: #f2f2f2;\r\n  height: 40px;\r\n  width: 40px;\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  margin-top: -20px;\r\n  argin-left: 0px;\r\n  z-index: 270;\r\n}\r\n\r\n.wcUI3D_DP_AV_DOCKING-WVzbw:hover {\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcUI3D_DP_AV_NOT_DOCKING-knDpA {\r\n  background-size: 100%;\r\n  background-position: center center;\r\n  border-radius: 50%;\r\n  background-color: #f2f2f2;\r\n  height: 40px;\r\n  width: 40px;\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  margin-top: -20px;\r\n  argin-left: 0px;\r\n  z-index: 270;\r\n}\r\n.wcUI3D_DP_AV_NOT_DOCKING-knDpA:hover {\r\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%0D%3Crect width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M27 20L13 20%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M20 27L20 13%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcUI3D_DP_AV_NOT_DOCKING_SEL-gFJW1::after {\r\n  position: absolute;\r\n  width: 40px;\r\n  height: 40px;\r\n  content: '';\r\n  border-radius: var(--articlePosNrRadius);\r\n  opacity: 0.5;\r\n}\r\n";
+styleInject(css_248z$3);
+
+var wcUiCopy = "wcUI_Copy-zGN0x";
+var css_248z$2 = "/*STANDARD*/\r\n.wcUI_Copy-zGN0x {\r\n  width: var(--copySize);\r\n  height: var(--copySize);\r\n  border-radius: 50%;\r\n  background: #f5f5f5;\r\n  background-repeat: no-repeat;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  background-size: 70%;\r\n  margin-top: calc(var(--copySize) / -2);\r\n  margin-left: calc(var(--copySize) / -2);\r\n  background-position: center center;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M20.6426 6.40527H8.20862V22.9839H20.6426V6.40527Z%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22%2F%3E%0D%3Cpath d%3D%22M4.75452 19.5298V2.95117H17.1885%22 stroke%3D%22%23555050%22 stroke-width%3D%221.5%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  z-index: 262;\r\n}\r\n\r\n.wcUI_Copy-zGN0x:hover {\r\n  background-color: #c4c4c4;\r\n}\r\n";
+styleInject(css_248z$2);
+
+var wcUiDel = "wcUI_Del-S-iQr";
+var css_248z$1 = "/*STANDARD*/\r\n.wcUI_Del-S-iQr {\r\n  width: var(--trashSize);\r\n  height: var(--trashSize);\r\n  border-radius: 50%;\r\n  background: #f5f5f5;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  margin-top: calc(var(--trashSize) / -2);\r\n  margin-left: calc(var(--trashSize) / -2);\r\n  background-position: center center;\r\n  background-size: 110%;\r\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%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23F5F5F5%22%2F%3E%0D%3Cpath d%3D%22M11 13.7127L29 13.7124M14.2348 28.9391L13.2581 14.2008V13.9969L13.2987 13.7127H26.7004L26.7419 13.9969V14.1602L25.7644 28.9391C23.9718 29.0203 16.2719 29.0203 14.2348 28.9391ZM17.0933 13.712H22.9067V11H17.0933V13.712Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M21.8885 16.8988V25.8406M18.0547 16.8721V25.8139V16.8721Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  z-index: 262;\r\n}\r\n\r\n.wcUI_Del-S-iQr:hover {\r\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%0D%3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23C4C4C4%22%2F%3E%0D%3Cpath d%3D%22M11 13.7127L29 13.7124M14.2348 28.9391L13.2581 14.2008V13.9969L13.2987 13.7127H26.7004L26.7419 13.9969V14.1602L25.7644 28.9391C23.9718 29.0203 16.2719 29.0203 14.2348 28.9391ZM17.0933 13.712H22.9067V11H17.0933V13.712Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M21.8885 16.8988V25.8406M18.0547 16.8721V25.8139V16.8721Z%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
+styleInject(css_248z$1);
+
+var wcPlannerPosNr = "wcPlanner_PosNr-I5lrs";
+var wcPlannerPosNrSelectableArea = "wcPlanner_PosNr_Selectable_Area-mxnmd";
+var wcPlannerPosNrSelected = "wcPlanner_PosNr_Selected-VNG2p";
+var wcPlannerPosNrSelectable = "wcPlanner_PosNr_Selectable-XKr-h";
+var wcPlannerPosNrUnSelectable = "wcPlanner_PosNr_UnSelectable-Tm4HU";
+var wcPlannerPosNrOnHover = "wcPlanner_PosNr_OnHover-uUbHT";
+var css_248z = "/*Standard*/\r\n\r\n.wcPlanner_PosNr-I5lrs {\r\n  width: var(--posNrSize);\r\n  height: var(--posNrSize);\r\n  border-radius: 50%;\r\n  font-size: var(--fontSize);\r\n  line-height: var(--posNrSize);\r\n  text-align: center;\r\n  margin-top: calc(var(--posNrSize) / -2);\r\n  margin-left: calc(var(--posNrSize) / -2);\r\n  cursor: pointer;\r\n  z-index: 262;\r\n}\r\n\r\n.wcPlanner_PosNr-I5lrs:hover {\r\n  background: #c4c4c4;\r\n}\r\n\r\n.wcPlanner_PosNr_Selectable_Area-mxnmd {\r\n  width: var(--posNrSize);\r\n  height: var(--posNrSize);\r\n  position: absolute;\r\n  background-color: rgba(100, 100, 100, 0);\r\n  cursor: pointer;\r\n}\r\n.wcPlanner_PosNr_Selected-VNG2p {\r\n  background: var(--primaryColor);\r\n  color: #ffffff;\r\n}\r\n.wcPlanner_PosNr_Selectable-XKr-h {\r\n  background: #f5f5f5;\r\n  color: #4b4b4b;\r\n}\r\n\r\n.wcPlanner_PosNr_UnSelectable-Tm4HU {\r\n  background: #dfdfdf;\r\n  color: rgb(175, 172, 172);\r\n  cursor: inherit;\r\n}\r\n\r\n.wcPlanner_PosNr_UnSelectable-Tm4HU:hover {\r\n  background: #dfdfdf;\r\n}\r\n\r\n.wcPlanner_PosNr_OnHover-uUbHT {\r\n  background-color: #a3a3a3;\r\n  transition: background-color 0.15s ease;\r\n}\r\n";
+styleInject(css_248z);
+
+export { wcUi2DDpAvl as a, wcUi2DDpAvlSel as b, wcUi2DDpAvr as c, wcUi2DDpAvrSel as d, wcUi2DDpAvDocking as e, wcUi2DDpAvNotDocking as f, wcUi2DDpAvNotDockingSel as g, wcUi3DDpAvDocking as h, wcUi3DDpAvNotDocking as i, wcUi3DDpAvNotDockingSel as j, wcUiCopy as k, wcPlannerPosNr as l, mobile as m, wcPlannerPosNrSelectable as n, wcPlannerPosNrSelectableArea as o, wcPlannerPosNrSelected as p, wcPlannerPosNrUnSelectable as q, wcPlannerPosNrOnHover as r, wcUiDel as s, wcPlannerButton as w };

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

@@ -0,0 +1,20 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
+var landscape = "landscape-mjn27";
+var portrait = "portrait-gNyhf";
+var settingsHidden = "settings-hidden-2bQ-r";
+var fullscreen = "fullscreen-rBOrC";
+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 {\r\n  position: absolute;\r\n  left: 0px;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  width: 100%;\r\n}\r\n\r\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\r\n  height: calc(100% - 54.4px);\r\n  top: 54.4px;\r\n}\r\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\r\n  height: calc(100% - 54.4px);\r\n  top: 0;\r\n}\r\n\r\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\r\n  width: 45%;\r\n}\r\n.landscape-mjn27.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\r\n  width: 100%;\r\n  height: calc(100% - 54.4px);\r\n  top: 54.4px;\r\n}\r\n\r\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\r\n  width: 100%;\r\n  top: 0px;\r\n  height: 100%;\r\n}\r\n\r\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.portrait-gNyhf.settings-hidden-2bQ-r.wcConfigurator-product-center-T-Vr3 {\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n}\r\n\r\n.wcConfigurator-3dimage-10NCi {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n}\r\n\r\n.wcConfigurator-ArticleImage--2dad {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: auto;\r\n  height: auto;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n  transform: translate(-50%, -50%);\r\n}\r\n.imageCenterOrbit-m9ffC {\r\n  box-sizing: inherit;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 0px;\r\n  z-index: 5;\r\n  -o-object-fit: cover;\r\n     object-fit: cover;\r\n}\r\n\r\n.imageCenterStatic-Xu-zR {\r\n  box-sizing: inherit;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 0px;\r\n  z-index: 5;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n}\r\n\r\n.foldback-qgcop {\r\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\");\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  position: absolute;\r\n  float: left;\r\n  width: 52px;\r\n  height: 52px;\r\n  bottom: 0px;\r\n  right: 0px;\r\n  margin-right: 16px;\r\n  z-index: 702;\r\n}\r\n\r\n.landscape-mjn27 .foldback-qgcop {\r\n  width: 32px;\r\n  height: 32px;\r\n}\r\n.portrait-gNyhf .foldback-qgcop {\r\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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  bottom: 9px;\r\n  transform: rotate(0deg);\r\n  height: 32px;\r\n}\r\n\r\n.portrait-gNyhf .foldback-qgcop.foldback-left-fyHVB {\r\n  right: auto;\r\n  right: initial;\r\n  left: 8px;\r\n}\r\n\r\n.settings-hidden-2bQ-r .foldback-qgcop {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.foldup-PaBn5 {\r\n  position: absolute;\r\n  display: block;\r\n  width: 16px;\r\n  height: 32px;\r\n  bottom: 0px;\r\n  right: 0px;\r\n  padding-top: 9.6px;\r\n  margin-right: var(--foldArrowMarginRight);\r\n  transition: all 0.35s ease;\r\n  background-repeat: no-repeat;\r\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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  background-position: center center;\r\n  background-size: contain;\r\n  transform: rotate(180deg);\r\n  cursor: pointer;\r\n  z-index: 600;\r\n}\r\n\r\n.wcPlanner3DGrid-lVpTW {\r\n  z-index: 6;\r\n  position: absolute;\r\n  left: 0px;\r\n  top: 0px;\r\n}\r\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, imageCenterStatic as h, imageCenterOrbit as i, wcPlanner3DGrid as j, landscape as l, portrait as p, settingsHidden as s, wcConfiguratorProductCenter as w };

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

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var wc2DRotClock = "wc2DRot_Clock-N3u5r";
+var wc2DRotCounterClock = "wc2DRot_CounterClock-WrGZW";
+var wcPlanner3DRot = "wcPlanner_3DRot-CXUT7";
+var css_248z$2 = "/*STANDARD*/\r\n.wc2DRot_Clock-N3u5r {\r\n  background-size: 100%;\r\n  border-radius: 50%;\r\n  width: var(--rotSize);\r\n  height: var(--rotSize);\r\n  margin-top: calc(var(--rotSize) / -2);\r\n  margin-left: calc(var(--rotSize) / -2);\r\n  background-position: center center;\r\n  background-color: #f5f5f5;\r\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%0D%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%0D%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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  z-index: 260;\r\n}\r\n\r\n.wc2DRot_Clock-N3u5r:hover {\r\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%0D%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%0D%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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wc2DRot_CounterClock-WrGZW {\r\n  background-size: 100%;\r\n  border-radius: 50%;\r\n  width: var(--rotSize);\r\n  height: var(--rotSize);\r\n  margin-top: calc(var(--rotSize) / -2);\r\n  margin-left: calc(var(--rotSize) / -2);\r\n  background-position: center center;\r\n  cursor: pointer;\r\n  background-color: #f5f5f5;\r\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%0D%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%0D%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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  z-index: 260;\r\n}\r\n\r\n.wc2DRot_CounterClock-WrGZW:hover {\r\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%0D%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%0D%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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcPlanner_3DRot-CXUT7 {\r\n  z-index: 262;\r\n  position: absolute;\r\n  height: 50px;\r\n  width: 50px;\r\n  margin-top: -25;\r\n  margin-left: -25;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22%0D   %09height%3D%2255%22%0D   %09viewBox%3D%220 0 55 55%22%0D   %09fill%3D%22none%22%0D   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%09%3Cellipse cx%3D%2227.5%22%0D       %09%09cy%3D%2227.5%22%0D       %09%09rx%3D%2227.5%22%0D       %09%09ry%3D%2227.5%22%0D       %09%09transform%3D%22rotate(90 27.5 27.5)%22%0D       %09%09fill%3D%22%23F5F5F5%22%2F%3E%0D%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%0D    %09%09stroke%3D%22%234B4B4B%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  cursor: pointer;\r\n  transform-origin: center center;\r\n  background-size: contain;\r\n}\r\n\r\n.wcPlanner_3DRot-CXUT7:hover {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22%0D   %09height%3D%2255%22%0D   %09viewBox%3D%220 0 55 55%22%0D   %09fill%3D%22none%22%0D   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%09%3Cellipse cx%3D%2227.5%22%0D       %09%09cy%3D%2227.5%22%0D       %09%09rx%3D%2227.5%22%0D       %09%09ry%3D%2227.5%22%0D       %09%09transform%3D%22rotate(90 27.5 27.5)%22%0D       %09%09fill%3D%22%23C4C4C4%22%2F%3E%0D%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%0D    %09%09stroke%3D%22%234B4B4B%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
+styleInject(css_248z$2);
+
+var wcPlannerDistanceToGround = "wcPlanner_DistanceToGround-x51NC";
+var wcPlannerArrowDistanceToGround = "wcPlanner_ArrowDistanceToGround-9JNDN";
+var css_248z$1 = ".wcPlanner_DistanceToGround-x51NC {\r\n  width: 87px;\r\n  height: 30px;\r\n  border-radius: 3px;\r\n  font-size: 15px;\r\n  line-height: 30px;\r\n  text-align: left;\r\n  margin-left: 3px;\r\n  background-color: rgba(230, 230, 230, 0.637);\r\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\r\n  z-index: 262;\r\n  margin-top: -30px;\r\n  position: absolute;\r\n  background-position: 7% 59%;\r\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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n  background-size: 17px 17px;\r\n  background-repeat: no-repeat;\r\n}\r\n.wcPlanner_ArrowDistanceToGround-9JNDN {\r\n  width: 30px;\r\n  height: 30px;\r\n  z-index: 262;\r\n}\r\n\r\n.wcPlanner_DistanceToGround-x51NC > div {\r\n  margin-left: 29px;\r\n}\r\n";
+styleInject(css_248z$1);
+
+var wcPlanner3DMove = "wcPlanner_3DMove-2lBby";
+var css_248z = ".wcPlanner_3DMove-2lBby {\r\n  z-index: 262;\r\n  position: absolute;\r\n  height: 50px;\r\n  width: 50px;\r\n  margin-top: -25;\r\n  margin-left: -25;\r\n  cursor: pointer;\r\n  transform-origin: center center;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2255%22%0D   %09height%3D%2255%22%0D   %09viewBox%3D%220 0 55 55%22%0D   %09fill%3D%22none%22%0D   %09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%09%3Cellipse cx%3D%2227.5%22%0D       %09%09cy%3D%2227.5%22%0D       %09%09rx%3D%2227.5%22%0D       %09%09ry%3D%2227.5%22%0D       %09%09transform%3D%22rotate(90 27.5 27.5)%22%0D       %09%09fill%3D%22%23F5F5F5%22%2F%3E%0D%09%3Cpath d%3D%22M23.9128 18.0246L27.4164 15.125L30.7293 18.0246%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M27.4067 15.1649V23.5367%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M36.9751 23.9135L39.8747 27.417L36.9751 30.7299%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M39.8743 27.4169L31.4631 27.4067%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M31.0865 36.9757L27.5829 39.8753L24.27 36.9757%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M27.5833 39.8744L27.5935 31.4632%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M18.0249 31.0878L15.1252 27.5842L18.0249 24.2713%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%09%3Cpath d%3D%22M15.125 27.5834L23.5362 27.5937%22%0D    %09%09stroke%3D%22%234A4A4A%22%0D    %09%09stroke-width%3D%221.5%22%0D    %09%09stroke-miterlimit%3D%2210%22%0D    %09%09stroke-linecap%3D%22round%22%0D    %09%09stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  background-size: contain;\r\n}\r\n\r\n.wcPlanner_3DMove-2lBby:hover {\r\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%0D%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%0D%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%0D%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%0D%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%0D%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%0D%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%0D%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%0D%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%0D%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%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
+styleInject(css_248z);
+
+export { wcPlanner3DMove as a, wcPlannerDistanceToGround as b, wcPlannerArrowDistanceToGround as c, wc2DRotClock as d, wc2DRotCounterClock as e, wcPlanner3DRot as w };

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

@@ -0,0 +1,10 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var svgWrapper = "svg-wrapper-hvaq9";
+var table = "table-GRFj-";
+var column = "column-CbeYE";
+var selected = "selected-cRqzN";
+var css_248z = ".svg-wrapper-hvaq9 {\r\n  margin-left: 50px;\r\n  color: rgba(255,255,255,0.42353);\r\n  height: 100vh;\r\n}\r\n.table-GRFj- {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background-color: rgb(28, 32, 35);\r\n  font-family: var(--diva-typography-font-family);\r\n  font-weight: 100;\r\n  gap: 10px;\r\n}\r\n.column-CbeYE {\r\n  width: 20%;\r\n  border-bottom: 1px solid;\r\n}\r\n.image-zSukX {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n.svg-wrapper-hvaq9 textarea {\r\n  background-color: rgb(28, 32, 35);\r\n  color: white;\r\n  width: 97.7%;\r\n  height: 100%;\r\n  padding-top: 2%;\r\n  padding-left: 2%;\r\n  overflow: auto;\r\n}\r\n.svg-wrapper-hvaq9 .expanded-rBYHe {\r\n  max-height: 62.1%;\r\n  transition: max-height 0.5s;\r\n}\r\n\r\n.cur-item-PDYTf {\r\n  color: black !important;\r\n}\r\n\r\n.cur-item-PDYTf {\r\n  background-color: rgba(96, 245, 96, 0.377);\r\n}\r\n.table-GRFj- img {\r\n  height: 50px;\r\n  width: 50px;\r\n}\r\n.table-GRFj- tbody {\r\n  height: 100%;\r\n  vertical-align: top;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}\r\n.table-GRFj- tr th {\r\n  width: 4%;\r\n}\r\n.table-GRFj- tr th:last-child {\r\n  width: 90px;\r\n}\r\n.table-GRFj- thead {\r\n  border-bottom: 1px solid white;\r\n}\r\n.table-GRFj- tbody th {\r\n  width: 23px;\r\n  table-layout: fixed;\r\n  line-break: anywhere;\r\n  font-size: 15px;\r\n}\r\n.table-GRFj- tbody th:nth-child(1) {\r\n  width: 35px;\r\n}\r\n.table-GRFj- tbody th:last-child {\r\n  width: 890px;\r\n  font-size: 9px;\r\n}\r\n.selected-cRqzN {\r\n  background-color: rgba(96, 245, 96, 0.377);\r\n}\r\n.collapsibleHeader-7zGnE {\r\n  top: 10px;\r\n  width: 47.6%;\r\n  text-align: center;\r\n  color: black;\r\n  background-color: rgba(96, 245, 96, 0.377);\r\n}\r\n.collapsible-4mPxe {\r\n  position: absolute;\r\n  top: 286px;\r\n  width: 100%;\r\n}\r\n";
+styleInject(css_248z);
+
+export { selected as a, column as c, svgWrapper as s, table as t };

package/build/esm/index.module-94a16855.js

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

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

@@ -0,0 +1,8 @@
+import { s as styleInject } from './index-945074f1.js';
+
+var wcFavorite = "wcFavorite-WCYzN";
+var wcFavoriteSel = "wcFavorite_sel-Fww5G";
+var css_248z = ".wcFavorite-WCYzN {\r\n  position: absolute;\r\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\");\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  width: 25px;\r\n  height: 25px;\r\n  top: 0;\r\n  right: 0;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.wcFavorite-WCYzN:hover {\r\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\");\r\n  cursor: pointer;\r\n}\r\n\r\n.wcFavorite_sel-Fww5G {\r\n  position: absolute;\r\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\");\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  width: 25px;\r\n  height: 25px;\r\n  top: 0;\r\n  right: 0;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.wcFavorite_sel-Fww5G:hover {\r\n  cursor: pointer;\r\n}\r\n";
+styleInject(css_248z);
+
+export { wcFavorite as a, wcFavoriteSel as w };

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

@@ -0,0 +1,13 @@
+import { s as styleInject } from './index-945074f1.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 {\r\n  z-index: 258;\r\n  position: absolute;\r\n  background-color: #639;\r\n  opacity: 0;\r\n  cursor: move;\r\n  transform-origin: left top;\r\n}\r\n\r\n.wcUI2D_Outline_Selectable--NB0c {\r\n  z-index: 258;\r\n  position: absolute;\r\n  background-color: blue;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  transform-origin: left top;\r\n}\r\n\r\n.wcUI2D_Outline_Draggable-MP-7N.wcUI2D_Outline_Draggable_Active-eY7Lt {\r\n  background-color: #dfdfdf;\r\n  z-index: 260;\r\n  opacity: 0.7;\r\n  border: 2px dashed #4a4a4a;\r\n}\r\n\r\n.wc3D_Outline_SVG-hTscb {\r\n  position: absolute;\r\n  left: 0px;\r\n  top: 0px;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.wc3D_Outline_Polygon-Lgd0b {\r\n  fill: transparent;\r\n  stroke: rgba(150, 150, 150, 0.4);\r\n  stroke-width: 0px;\r\n  cursor: pointer;\r\n}\r\n\r\n.wc3D_Outline_Polygon_Contours_Sel-xPrLA {\r\n  fill: transparent;\r\n  stroke: var(--primaryColor);\r\n  stroke-width: 1px;\r\n  cursor: pointer;\r\n}\r\n.wc3D_Outline_Polygon_Contours-5AWWG {\r\n  fill: transparent;\r\n  stroke: rgba(150, 150, 150, 0.4);\r\n  stroke-width: 0px;\r\n  cursor: pointer;\r\n}\r\n\r\n.wc3D_Outline_Polygon_Contours-5AWWG:hover {\r\n  fill: transparent;\r\n  stroke: var(--secondaryColor);\r\n  stroke-width: 1px;\r\n  cursor: pointer;\r\n}\r\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 };