@crystaldesign/diva-web-planner-react 25.2.0-beta.2 → 25.2.0-beta.21

package/build/esm/index-f6061b2c.js

@@ -0,0 +1,101 @@
+import { u as useViewHandler } from './index-bfb7feaa.js';
+import 'react';
+import classnames from 'classnames';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-d66248ab.js';
+import Toggle from './index-791084e3.js';
+import { observer } from 'mobx-react-lite';
+import { getLogger } from '@crystaldesign/diva-core';
+import { DivaError } from '@crystaldesign/diva-utils';
+import InfoIcon from './index-e8678693.js';
+import PricePreview from './index-deba0462.js';
+import { jsx, Fragment, jsxs } 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 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'react-switch';
+
+var LOG = getLogger('Planner', 'ToggleOption');
+var ToggleOption = function ToggleOption(_ref) {
+  var _item$selectedElement;
+  var item = _ref.item,
+    paletteId = _ref.paletteId,
+    style = _ref.style;
+  var viewHandler = useViewHandler();
+  var items = item.groups[0].items;
+  var yesItem;
+  var noItem;
+  if (!items) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  for (var i = 0; i < items.length; i++) {
+    var _items$i$codex, _items$i$codex2;
+    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
+      noItem = items[i];
+    }
+    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
+      yesItem = items[i];
+    }
+  }
+  if (!noItem || !yesItem) {
+    if (items.length == 2) {
+      noItem = items[0];
+      yesItem = items[1];
+    }
+    if (!noItem || !yesItem) {
+      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
+        code: 'WC_0011'
+      }));
+      item.isVisited = true;
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+  }
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
+  return /*#__PURE__*/jsxs("div", {
+    className: row,
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    style: style,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classnames(colum, title),
+      children: item.name
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(colum, toggle),
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        pos: "left"
+      }), /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        state: noItem.sel == false,
+        off: noItem.text,
+        on: yesItem.text
+      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        pos: "right"
+      })]
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        bottom: 'calc(50% - 10px)',
+        right: '20px'
+      }
+    })]
+  });
+};
+var ToggleOption$1 = observer(ToggleOption);
+
+export { ToggleOption$1 as default };

package/build/esm/index-f67b4a9b.js

@@ -0,0 +1,103 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-bfb7feaa.js';
+import { useRef, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import CheckoutFormNew from './index-375c6de5.js';
+import ProductCenter from './index-4bbda80b.js';
+import ContentItemWrapper from './index-3f0f8c8a.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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 'classnames';
+import './index-791084e3.js';
+import 'react-switch';
+import 'react-dropdown';
+import './index-6e71e6cf.js';
+import './index-c64a6d06.js';
+import './index-d028d7fc.js';
+import './index-4c4408d2.js';
+import './index.module-1b1b8941.js';
+import './index-b7b6ba53.js';
+import './index-934f42cb.js';
+import './index-10dc5551.js';
+import './index-ada1bbf0.js';
+import './index-a60a1693.js';
+import './index-bb82528f.js';
+import '@crystaldesign/content-box';
+import './index-c8ac86cf.js';
+import './index-7f6cbfb6.js';
+import './index-5bf65c65.js';
+import 'react-laag';
+import './index-3c85e2ea.js';
+import 'react-qr-code';
+import './index-a8973ac0.js';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+
+var arrow = "arrow-GTKSC";
+var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\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  background-size: contain;\n  z-index: 300;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["contentItemStartPos"];
+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 Product = function Product(_ref) {
+  var _viewHandler$configSt2;
+  var contentItemStartPos = _ref.contentItemStartPos,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var ref = useRef(null);
+  var onClick = function onClick() {
+    if (ref.current) {
+      var scrollTo = ref.current.getBoundingClientRect().height;
+      if (ref.current.scrollTop > 100) {
+        scrollTo = 0;
+      }
+      ref.current.scrollTo({
+        top: scrollTo,
+        behavior: 'smooth'
+      });
+    }
+  };
+  useEffect(function () {
+    if (!ref) return;
+    viewHandler.productState.setProductElement(ref.current);
+  }, [ref]);
+  useEffect(function () {
+    var _viewHandler$configSt;
+    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
+      onClick();
+    }
+  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
+      className: arrow,
+      onClick: onClick
+    }), /*#__PURE__*/jsx(ProductCenter, {
+      style: {
+        height: 'calc(100% - 40px)',
+        width: 'calc(100% - 40px)',
+        top: 0,
+        margin: '20px'
+      }
+    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
+      id: viewHandler.settingsState.contentItemId,
+      startPos: contentItemStartPos
+    })]
+  }));
+};
+var Product$1 = observer(Product);
+
+export { Product$1 as default };

package/build/esm/index-f68c8f89.js

@@ -0,0 +1,57 @@
+import { s as styleInject, u as useViewHandler } from './index-bfb7feaa.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/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 wcTabGroupItem = "wcTabGroupItem-TP7vT";
+var portrait = "portrait-3cTAf";
+var landscape = "landscape-6Dea8";
+var wcActiveStep = "wcActiveStep-y3S9Y";
+var wcVisitedStep = "wcVisitedStep-yDCqq";
+var wcStepNum = "wcStepNum-6FgQh";
+var css_248z = ".wcTabGroupItem-TP7vT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n.portrait-3cTAf.wcTabGroupItem-TP7vT,\n.landscape-6Dea8.wcTabGroupItem-TP7vT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
+styleInject(css_248z);
+
+var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_ref) {
+  var tabGroup = _ref.tabGroup;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+  };
+  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
+  return /*#__PURE__*/jsxs("div", {
+    ref: tabGroupItemRef,
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
+    children: [/*#__PURE__*/jsx("span", {
+      className: classnames(wcStepNum),
+      children: tabGroup.posNr
+    }), t('configurator.' + tabGroup.title, tabGroup.title)]
+  });
+};
+var index = observer(TabGroupItemHorizontalGold);
+
+export { index as default };

package/build/esm/index-f93dfa51.js

@@ -0,0 +1,36 @@
+import { s as styleInject, u as useViewHandler } from './index-bfb7feaa.js';
+import classnames from 'classnames';
+import { toJS } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import 'react';
+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/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 '@crystaldesign/web-planner-logic';
+
+var infoContainer = "info-container-7yeog";
+var mobile = "mobile-EMOn-";
+var css_248z = ".info-container-7yeog {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.mobile-EMOn-.info-container-7yeog {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n";
+styleInject(css_248z);
+
+var ProductInfo = function ProductInfo(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx(Fragment, {
+    children: viewHandler.settingsState.infoBoxContent && /*#__PURE__*/jsx("div", {
+      className: classnames(infoContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
+      children: viewHandler.settingsState.infoBoxContent && toJS(viewHandler.settingsState.infoBoxContent.content)
+    })
+  });
+};
+var ProductInfo$1 = observer(ProductInfo);
+
+export { ProductInfo$1 as default };

package/build/esm/index-f98083c9.js

@@ -0,0 +1,121 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import './index-bfb7feaa.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import { Vector2 } from '@crystaldesign/web-planner-logic';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+
+var mousePosOnScreenLastFrame = new Vector2(0, 0);
+var Outline = function Outline(_ref) {
+  var _item$size, _item$size2;
+  var item = _ref.item,
+    plannerUIProps = _ref.plannerUIProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
+  var _useState3 = useState(item.position.x),
+    _useState4 = _slicedToArray(_useState3, 2),
+    posX = _useState4[0],
+    setPosX = _useState4[1];
+  var _useState5 = useState(item.position.y),
+    _useState6 = _slicedToArray(_useState5, 2),
+    posY = _useState6[0],
+    setPosY = _useState6[1];
+  var mouseDownDetected = false;
+
+  //LOG.log("Set outline UI x: " + posX + ", y: " + posY);
+  return /*#__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));
+    },
+    onMouseDown: function onMouseDown(e) {
+      mouseDownDetected = true;
+      mousePosOnScreenLastFrame = new Vector2(e.clientX, e.clientY);
+    },
+    onTouchStart: function onTouchStart(e) {
+      if (e.touches.length != 1) return;
+      mouseDownDetected = true;
+      mousePosOnScreenLastFrame = new Vector2(e.touches[0].clientX, e.touches[0].clientY);
+    },
+    onMouseMove: function onMouseMove(e) {
+      if (mouseDownDetected && !isDragging) {
+        var _item$onDragStartFunc;
+        setIsDragging(true);
+        (_item$onDragStartFunc = item.onDragStartFunction) === null || _item$onDragStartFunc === void 0 || _item$onDragStartFunc.call(item, item.setId, Number(item.elementId));
+      }
+      if (isDragging) {
+        var _item$onDragMoveFunct;
+        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
+        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
+
+        (_item$onDragMoveFunct = item.onDragMoveFunction) === null || _item$onDragMoveFunct === void 0 || _item$onDragMoveFunct.call(item, item.setId, Number(item.elementId), new Vector2(e.clientX - mousePosOnScreenLastFrame.x, e.clientY - mousePosOnScreenLastFrame.y));
+        setPosX(posX + e.clientX - mousePosOnScreenLastFrame.x);
+        setPosY(posY + e.clientY - mousePosOnScreenLastFrame.y);
+        mousePosOnScreenLastFrame.x = e.clientX;
+        mousePosOnScreenLastFrame.y = e.clientY;
+      }
+      mouseDownDetected = false;
+    },
+    onTouchMove: function onTouchMove(e) {
+      if (e.touches.length != 1) return;
+      if (mouseDownDetected && !isDragging) {
+        var _item$onDragStartFunc2;
+        setIsDragging(true);
+        (_item$onDragStartFunc2 = item.onDragStartFunction) === null || _item$onDragStartFunc2 === void 0 || _item$onDragStartFunc2.call(item, item.setId, Number(item.elementId));
+      }
+      if (isDragging) {
+        var _item$onDragMoveFunct2;
+        //item.position.x += e.clientX - mousePosOnScreenLastFrame.x;
+        //item.position.y += e.clientY - mousePosOnScreenLastFrame.y;
+
+        (_item$onDragMoveFunct2 = item.onDragMoveFunction) === null || _item$onDragMoveFunct2 === void 0 || _item$onDragMoveFunct2.call(item, item.setId, Number(item.elementId), new Vector2(e.touches[0].clientX - mousePosOnScreenLastFrame.x, e.touches[0].clientY - mousePosOnScreenLastFrame.y));
+        setPosX(posX + e.touches[0].clientX - mousePosOnScreenLastFrame.x);
+        setPosY(posY + e.touches[0].clientY - mousePosOnScreenLastFrame.y);
+        mousePosOnScreenLastFrame.x = e.touches[0].clientX;
+        mousePosOnScreenLastFrame.y = e.touches[0].clientY;
+      }
+      mouseDownDetected = false;
+    },
+    onMouseUp: function onMouseUp() {
+      if (isDragging) {
+        var _item$onDragEndFuncti;
+        setIsDragging(false);
+        (_item$onDragEndFuncti = item.onDragEndFunction) === null || _item$onDragEndFuncti === void 0 || _item$onDragEndFuncti.call(item, item.setId, Number(item.elementId));
+      }
+      mouseDownDetected = false;
+    },
+    onTouchEnd: function onTouchEnd() {
+      if (isDragging) {
+        var _item$onDragEndFuncti2;
+        setIsDragging(false);
+        (_item$onDragEndFuncti2 = item.onDragEndFunction) === null || _item$onDragEndFuncti2 === void 0 || _item$onDragEndFuncti2.call(item, item.setId, Number(item.elementId));
+      }
+      mouseDownDetected = false;
+    },
+    style: {
+      left: posX + 'px',
+      top: posY + 'px',
+      width: (item === null || item === void 0 || (_item$size = item.size) === null || _item$size === void 0 ? void 0 : _item$size.x) + 'px',
+      height: (item === null || item === void 0 || (_item$size2 = item.size) === null || _item$size2 === void 0 ? void 0 : _item$size2.y) + 'px',
+      transform: 'rotate(' + (item === null || item === void 0 ? void 0 : item.rotOfElement) + 'deg)'
+    },
+    className: classnames(isDragging ? plannerUIProps.classes.outline.outline2D.draggableActive : undefined, item.elemState == 'selected' ? plannerUIProps.classes.outline.outline2D.draggable : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.outline.outline2D.selectable : undefined)
+  });
+};
+var Outline$1 = observer(Outline);
+
+export { Outline$1 as default };

package/build/esm/index-fa7a8797.js

@@ -0,0 +1,42 @@
+import { s as styleInject, u as useViewHandler } from './index-bfb7feaa.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import RoomSerious from './index-35846536.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/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 'classnames';
+
+var container = "container-IUsXl";
+var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n";
+styleInject(css_248z);
+
+var RoomListSelection = function RoomListSelection(props) {
+  var viewHandler = useViewHandler();
+  var items = viewHandler.paletteViewHandler.getRoomList();
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("div", {
+    className: container,
+    hidden: !viewHandler.settingsState.roomListInitialized,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/jsx(RoomSerious, {
+        item: item,
+        from: viewHandler.settingsState.roomListInitialized
+      }, item.codex);
+    })
+  });
+};
+var index = observer(RoomListSelection);
+
+export { index 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-54d6be58.js';
+export { W as WebPlannerReact, c as default } from './index-bfb7feaa.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

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

@@ -0,0 +1,10 @@
+import { s as styleInject } from './index-bfb7feaa.js';
+
+var table = "table-bUPL7";
+var column = "column-MtERL";
+var scrollable = "scrollable-3ioON";
+var header = "header-vrLQr";
+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  height: auto;\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}\n";
+styleInject(css_248z);
+
+export { column as c, header as h, scrollable as s, table as t };

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

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

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

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

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

package/build/esm/index.module-56c68cb6.js

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

package/build/esm/index.module-575f1b5f.js

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

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