@crystaldesign/diva-web-planner-react 26.8.0-beta.16 → 26.8.0-beta.18

package/build/esm/index-33017ce6.js

@@ -1,138 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6af4a4d8.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import SettingsItemsWrapper from './index-d1e6e23b.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-36470eff.js';
-import 'sift';
-import './index-ea05384a.js';
-import './index-553f7013.js';
-import './index-fe1387d7.js';
-import './index-8332d2d4.js';
-import './index.module-9219c6dd.js';
-import './index-0aeb38fc.js';
-import './index-47de2560.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-1bf9632c.js';
-import 'react-dropdown';
-import './index-a5bd999f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2082e163.js';
-import './index-196923b3.js';
-import './index-a3345a45.js';
-import '@crystaldesign/content-box';
-import './index-b3b30fa7.js';
-import './index-6ae57308.js';
-import './index-0093a64b.js';
-import './index-f111e74f.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-a56789c2.js';
-import './index-5ca8722f.js';
-import './index-283ca8a3.js';
-import './index-0ee2624f.js';
-import './index-ec013506.js';
-import './index-fc3b82db.js';
-import './index-108f5a95.js';
-import 'react-laag';
-import './index.module-4bfab596.js';
-import './index-c576c482.js';
-import './index-8002e2cc.js';
-import './index-673585ba.js';
-import './index-ce3fa665.js';
-import './index-e6012efe.js';
-import './index.module-f146f1cf.js';
-import './index-b6c918a6.js';
-import './index-f9e0f879.js';
-import './index-d87ef3ee.js';
-import './index-53269340.js';
-import './index-3afeae29.js';
-import './index-e80a96de.js';
-import './index-f2fd477b.js';
-import './index-df31cbc6.js';
-import './index-34edfc6c.js';
-import './index-897c40f2.js';
-import './index-7eb666f4.js';
-import './index-b8a694cc.js';
-import './index-d183a71f.js';
-import 'rc-slider';
-import './index-2b4dcbc5.js';
-import './index-91b09a8c.js';
-import './index-95b02140.js';
-import './index-a2e86075.js';
-import './index-5692a6cb.js';
-import 'react-confetti-explosion';
-import './index-772b2266.js';
-import './index-594e88e8.js';
-import './index-6f820218.js';
-import 'react-qr-code';
-import './index-589472fe.js';
-import './useCustomDimensions-698c487b.js';
-import './index-b482a916.js';
-import './ussIsSticky-fd9047b2.js';
-import './index-683a6f58.js';
-import './index-c1b55ac4.js';
-import './index-dd45cb7d.js';
-import './index.module-4a40a217.js';
-import './index-6a6efc30.js';
-import './index-e96e3042.js';
-import './index-7d430920.js';
-import './index-6ab2be57.js';
-import './index-1e038cce.js';
-import './index-6aed4a52.js';
-
-var productSettingsWrapper = "product-settings-wrapper-KOweX";
-var scrollWrapper = "scroll-wrapper-DI3EF";
-var closed = "closed-CfRyN";
-var button = "button-ITCqz";
-var move = "move-28sqU";
-var css_248z = ".product-settings-wrapper-KOweX {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.scroll-wrapper-DI3EF {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.closed-CfRyN .scroll-wrapper-DI3EF {\n  padding: 0;\n  padding: initial;\n}\n\n.button-ITCqz {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.closed-CfRyN .button-ITCqz {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url(\"data:image/svg+xml,%3Csvg fill%3D%22%23fff%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  viewBox%3D%220 0 50 50%22 width%3D%2250px%22 height%3D%2250px%22%3E%3Cpath d%3D%22M 22.199219 2 A 1.0001 1.0001 0 0 0 21.214844 2.8339844 L 20.205078 8.796875 C 19.01608 9.1476749 17.903339 9.6072866 16.835938 10.173828 L 11.875 6.6816406 A 1.0001 1.0001 0 0 0 10.59375 6.7929688 L 6.6933594 10.693359 A 1.0001 1.0001 0 0 0 6.5820312 11.974609 L 10.076172 16.939453 C 9.5032306 17.983292 9.0447681 19.109183 8.6992188 20.298828 L 2.8457031 21.212891 A 1.0001 1.0001 0 0 0 2 22.199219 L 2 27.699219 A 1.0001 1.0001 0 0 0 2.8339844 28.685547 L 8.7949219 29.693359 C 9.1451119 30.880887 9.6045402 31.990547 10.169922 33.056641 L 6.6875 37.917969 A 1.0001 1.0001 0 0 0 6.7929688 39.207031 L 10.693359 43.107422 A 1.0001 1.0001 0 0 0 11.974609 43.21875 L 16.939453 39.724609 C 17.985462 40.298683 19.114316 40.757752 20.306641 41.103516 L 21.314453 47.066406 A 1.0001 1.0001 0 0 0 22.300781 47.900391 L 27.800781 47.900391 A 1.0001 1.0001 0 0 0 28.783203 47.082031 L 29.884766 41.107422 C 31.077734 40.756262 32.193186 40.294742 33.263672 39.726562 L 38.224609 43.21875 A 1.0001 1.0001 0 0 0 39.507812 43.107422 L 43.40625 39.207031 A 1.0001 1.0001 0 0 0 43.509766 37.914062 L 39.931641 32.957031 C 40.500209 31.91951 40.957756 30.82106 41.300781 29.693359 L 47.169922 28.685547 A 1.0001 1.0001 0 0 0 48 27.699219 L 48 22.199219 A 1.0001 1.0001 0 0 0 47.166016 21.214844 L 41.199219 20.203125 C 40.855563 19.074235 40.397841 17.973827 39.828125 16.935547 L 43.318359 11.974609 A 1.0001 1.0001 0 0 0 43.207031 10.693359 L 39.306641 6.7929688 A 1.0001 1.0001 0 0 0 38.013672 6.6894531 L 33.052734 10.273438 C 32.009656 9.7017023 30.885686 9.2413677 29.697266 8.8964844 L 28.685547 2.8359375 A 1.0001 1.0001 0 0 0 27.699219 2 L 22.199219 2 z M 23.044922 4 L 26.853516 4 L 27.814453 9.7636719 A 1.0001 1.0001 0 0 0 28.556641 10.570312 C 30.07104 10.948913 31.478126 11.514935 32.675781 12.251953 A 1.0001 1.0001 0 0 0 33.785156 12.210938 L 38.494141 8.8085938 L 41.197266 11.511719 L 37.882812 16.224609 A 1.0001 1.0001 0 0 0 37.847656 17.324219 C 38.584675 18.521874 39.154586 19.937607 39.533203 21.357422 A 1.0001 1.0001 0 0 0 40.333984 22.085938 L 46 23.044922 L 46 26.857422 L 40.429688 27.814453 A 1.0001 1.0001 0 0 0 39.632812 28.542969 C 39.254196 29.962783 38.686237 31.378517 37.949219 32.576172 A 1.0001 1.0001 0 0 0 37.990234 33.685547 L 41.390625 38.394531 L 38.6875 41.097656 L 33.974609 37.78125 A 1.0001 1.0001 0 0 0 32.904297 37.732422 C 31.566632 38.496802 30.2627 39.053466 28.757812 39.429688 A 1.0001 1.0001 0 0 0 28.017578 40.21875 L 26.966797 45.900391 L 23.144531 45.900391 L 22.185547 40.232422 A 1.0001 1.0001 0 0 0 21.443359 39.429688 C 19.92896 39.051088 18.521874 38.485065 17.324219 37.748047 A 1.0001 1.0001 0 0 0 16.224609 37.78125 L 11.511719 41.097656 L 8.8066406 38.392578 L 12.113281 33.783203 A 1.0001 1.0001 0 0 0 12.167969 32.703125 C 11.403582 31.365465 10.846925 30.061529 10.470703 28.556641 A 1.0001 1.0001 0 0 0 9.6660156 27.814453 L 4 26.855469 L 4 23.056641 L 9.5546875 22.1875 A 1.0001 1.0001 0 0 0 10.371094 21.443359 C 10.749694 19.92896 11.313763 18.521874 12.050781 17.324219 A 1.0001 1.0001 0 0 0 12.017578 16.224609 L 8.7011719 11.511719 L 11.412109 8.8027344 L 16.125 12.117188 A 1.0001 1.0001 0 0 0 17.195312 12.167969 C 18.532978 11.403589 19.836909 10.846925 21.341797 10.470703 A 1.0001 1.0001 0 0 0 22.085938 9.6660156 L 23.044922 4 z M 25 17 C 20.570085 17 17 20.570085 17 25 C 17 29.429915 20.570085 33 25 33 C 29.429915 33 33 29.429915 33 25 C 33 20.570085 29.429915 17 25 17 z M 25 19 C 28.370085 19 31 21.629915 31 25 C 31 28.370085 28.370085 31 25 31 C 21.629915 31 19 28.370085 19 25 C 19 21.629915 21.629915 19 25 19 z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.move-28sqU {\n  width: 0px;\n  overflow: hidden;\n}\n";
-styleInject(css_248z);
-
-var ProductSettings = function ProductSettings(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState(viewHandler.getIsInMobileView()),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHidden = _useState2[0],
-    setIsHidden = _useState2[1];
-  if (!viewHandler.uiState.ItemsPaletteInProductVisible) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(productSettingsWrapper, isHidden ? closed : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(button),
-      onClick: function onClick() {
-        return setIsHidden(!isHidden);
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(scrollWrapper, isHidden ? move : undefined),
-      children: /*#__PURE__*/jsx(SettingsItemsWrapper, {
-        itemPalettesArr: viewHandler.settingsState.itemPaletteInProduct.map(function (item) {
-          return item.palette;
-        })
-      })
-    })]
-  });
-};
-var ProductSettings$1 = observer(ProductSettings);
-
-export { ProductSettings$1 as default };

package/build/esm/index-3418409d.js

@@ -1,48 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6af4a4d8.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-XGE9U";
-var css_248z = ".wrapper-XGE9U {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z);
-
-var DontReopenAutomatically = function DontReopenAutomatically(props) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    onClick: function onClick() {
-      return viewHandler.settingsState.setDontReopenAutomatically(!viewHandler.settingsState.dontReopenAutomatically);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      children: t('configurator.dontReopenAutomatically')
-    }), /*#__PURE__*/jsx("input", {
-      type: "checkbox",
-      checked: viewHandler.settingsState.dontReopenAutomatically
-    })]
-  });
-};
-var index = observer(DontReopenAutomatically);
-
-export { index as default };

package/build/esm/index-34cd2f10.js

@@ -1,93 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6af4a4d8.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomRound from './index-4171e826.js';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var roomItem = "roomItem-Uuc6r";
-var roomItemSel = "roomItem-sel-ePWgY";
-var mobile = "mobile-gsjDz";
-var selectionWrapper = "selectionWrapper-osHpS";
-var roomItemContainer = "roomItem-container-3jH8Z";
-var viewItemContainer = "viewItem-container-OlPAR";
-var tablet = "tablet--t8lH";
-var css_248z = ".roomItem-Uuc6r {\n  width: 70px;\n  height: 70px;\n  background-color: #fff;\n  opacity: 0.8;\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 50%;\n  background-size: 62%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2235%22 viewBox%3D%220 0 42 35%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.6329 26.5973L1 33.4896V1.48962L11.6329 4.93578M11.6329 26.5973V4.93578M11.6329 26.5973H21.2532M11.6329 4.93578H41V26.5973H30.3671M21.2532 26.5973V11.8281H30.3671V26.5973M21.2532 26.5973H30.3671%22 stroke%3D%22%234A4543%22 stroke-width%3D%223%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.8;\n  border: 1px solid #ddd;\n  position: absolute;\n  left: 29px;\n}\n.roomItem-sel-ePWgY {\n  background-color: rgba(217,217,217,0.66667);\n}\n.mobile-gsjDz.roomItem-Uuc6r {\n  width: 32px;\n  height: 32px;\n  display: block;\n  position: relative;\n  left: auto;\n  left: initial;\n  bottom: auto;\n  bottom: initial;\n}\n\n.selectionWrapper-osHpS {\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  height: 100%;\n}\n\n.roomItem-container-3jH8Z {\n  position: absolute;\n  bottom: 74px;\n  left: 0px;\n  z-index: 700;\n  min-width: 300px;\n  overflow-y: auto;\n  overflow-x: visible;\n  /*hide scrollbar*/\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n.roomItem-container-3jH8Z::-webkit-scrollbar {\n  display: none;\n}\n\n.viewItem-container-OlPAR {\n  position: absolute;\n  display: flex;\n  bottom: -2px;\n  left: 86px;\n  z-index: 700;\n  flex-direction: row;\n  overflow-y: visible;\n  overflow-x: auto;\n}\n\n.mobile-gsjDz.roomItem-container-3jH8Z {\n  bottom: 38px;\n  left: -6px;\n}\n\n.tablet--t8lH.roomItem-container-3jH8Z {\n  bottom: 52px;\n  left: -2px;\n}\n\n.mobile-gsjDz.viewItem-container-OlPAR {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var RoomListSelection = function RoomListSelection(_ref) {
-  var _viewHandler$productS;
-  var style = _ref.style;
-  var viewHandler = useViewHandler();
-  var rooms = viewHandler.paletteViewHandler.getRoomList();
-  var views = viewHandler.paletteViewHandler.getRoomViewList();
-  if (!viewHandler.uiState.ViewConfig.roomListInProduct || !viewHandler.settingsState.roomListInitialized || !viewHandler.productState.doShowRenderImage && !viewHandler.productState.doShow3DComb || viewHandler.settingsState.infoBoxContent || viewHandler.uiState.isMobileLandscape) return /*#__PURE__*/jsx(Fragment, {});
-  var divSize = (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
-  var stopPropagation = function stopPropagation(e) {
-    e.stopPropagation();
-  };
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx("div", {
-      id: "room-list-selection",
-      "data-test-id": "room-list-selection",
-      className: classnames(roomItem, viewHandler.productState.roomListExpanded ? roomItemSel : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-      onClick: function onClick() {
-        viewHandler.productState.setRoomListExpanded(!viewHandler.productState.roomListExpanded);
-      },
-      onMouseDown: stopPropagation,
-      onTouchStart: stopPropagation,
-      style: style,
-      children: viewHandler.productState.roomListExpanded && /*#__PURE__*/jsxs("div", {
-        className: selectionWrapper,
-        children: [/*#__PURE__*/jsx("div", {
-          "data-test-id": "room-selection-expanded",
-          id: "views-selection-expanded",
-          style: {
-            maxHeight: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.height) + 'px - 80px)'
-          },
-          className: classnames(roomItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-          children: rooms.map(function (item) {
-            return /*#__PURE__*/jsx(RoomRound, {
-              item: item,
-              from: viewHandler.settingsState.roomListInitialized
-            }, item.codex);
-          })
-        }), /*#__PURE__*/jsx("div", {
-          id: "rooms-selection-expanded",
-          style: {
-            maxWidth: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.width) + 'px - 100px)'
-          },
-          className: classnames(viewItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
-          children: views.map(function (item) {
-            return /*#__PURE__*/jsx(RoomRound, {
-              item: item,
-              from: viewHandler.settingsState.roomListInitialized,
-              isVP: true
-            }, item.codex);
-          })
-        })]
-      })
-    })
-  });
-};
-var index = observer(RoomListSelection);
-
-export { index as default };

package/build/esm/index-34edfc6c.js

@@ -1,134 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-6af4a4d8.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import InfoIcon from './index-0aeb38fc.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-897c40f2.js';
-import { useHover, useLayer } from 'react-laag';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-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 PlannerOverviewItem = function PlannerOverviewItem(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _renderLayer, _item$longDescription;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var isSelected = item.basketId == ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.basketId) && ((_viewHandler$settings2 = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.mode) != 'add';
-  var onClick = function onClick() {
-    viewHandler.viewPlannerHandler.onElementSelected(item.setId, item.id);
-    viewHandler.paletteViewHandler.elementOverviewSelectionChanged(true, undefined, item, 'replace', true);
-  };
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 2000,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var isSmall = viewHandler.settingsState.isScrollingDown;
-  if (item.basketId == 'add') {
-    return /*#__PURE__*/jsx(AddElement, {
-      item: item
-    });
-  }
-  if (item.isAccessoire) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-    className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: /*#__PURE__*/jsxs("div", {
-      id: item.basketId,
-      className: classnames(articleItem, isSmall ? small : undefined, isSelected ? sel : undefined),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [item.image && /*#__PURE__*/jsx("img", {
-          className: classnames(wcImage),
-          src: item.image.replace('_gal', '').replace('_low', '')
-        }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: item,
-          style: _objectSpread({
-            bottom: isSmall ? '-1px' : '-7px',
-            right: '-8px'
-          }, isSmall ? {
-            '--infoIconSize': '16px'
-          } : {})
-        }, item.codex)]
-      }), /*#__PURE__*/jsx("div", {
-        className: titleWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: title,
-          dangerouslySetInnerHTML: {
-            __html: item.title
-          }
-        })
-      }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-        text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
-        codex: item.articleCodex,
-        image: item.image,
-        layerProps: layerProps,
-        price: item.price
-      }, item.codex))), /*#__PURE__*/jsx("div", {
-        className: trashIcon,
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          viewHandler.viewPlannerHandler.onElementDeleted(item.setId, item.id);
-        },
-        children: /*#__PURE__*/jsx("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: viewHandler.getIsInMobileView() ? '12' : '15',
-          height: viewHandler.getIsInMobileView() ? '12' : '15',
-          viewBox: "0 -960 960 960",
-          fill: "var(--trash-color)",
-          children: /*#__PURE__*/jsx("path", {
-            d: "m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"
-          })
-        })
-      })]
-    })
-  }));
-};
-var PlannerOverviewItem$1 = observer(PlannerOverviewItem);
-
-export { PlannerOverviewItem$1 as default };

package/build/esm/index-35bb7d64.js

@@ -1,47 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-6af4a4d8.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-88ce1a1f.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 540;\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 };