@crystaldesign/diva-web-planner-react 26.10.0-beta.15 → 26.10.0-beta.17

package/build/esm/index-829acc1e.js

@@ -1,165 +0,0 @@
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-6ff77cdc.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-097417d0.js';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-36cef7a8.js';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import { jsxs, jsx, Fragment } 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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-26fa38f7.js';
-
-var wrapper = "wrapper-y4VmL";
-var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";
-var expanded = "expanded-rNRc-";
-var functionWrapper = "functionWrapper-3sgkI";
-var portrait = "portrait-Otsjq";
-var landscape = "landscape-TuCY-";
-var contentBoxWrapper = "content-box-wrapper-KgSZb";
-var maxExpanded = "max-Expanded-4m94C";
-var textbackground = "textbackground-F3b8W";
-var wcPriceinfoContainer = "wcPriceinfoContainer-bH9C-";
-var wcFormattedPrice = "wc-formatted-price--PHbM";
-var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
-var dimensions = "dimensions-wxroF";
-var rabattVisible = "rabatt-visible-vvkfB";
-var tablet = "tablet-n1n5E";
-var fullscreen = "fullscreen-94axf";
-var sideMenuButton = "side-menu-button-NA9Lt";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.wcPriceinfoContainer-bH9C- {\n  display: flex;\n  flex-direction: column;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.wrapper-y4VmL h1,\n.wc-formatted-price--PHbM,\n.wc-formatted-brutto-price-MDFl1,\n.dimensions-wxroF {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wc-formatted-price--PHbM {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.rabatt-visible-vvkfB .wc-formatted-price--PHbM {\n  color: rgb(220, 38, 38);\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.rabatt-visible-vvkfB .wc-formatted-brutto-price-MDFl1 {\n  height: 12px;\n  opacity: 1;\n}\n\n.dimensions-wxroF {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.tablet-n1n5E .dimensions-wxroF {\n  font-size: 14px;\n}\n\n.portrait-Otsjq:not(.tablet-n1n5E) .dimensions-wxroF {\n  font-size: 12px;\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-price--PHbM {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-brutto-price-MDFl1 {\n  font-size: 11px;\n}\n\n.landscape-TuCY- .wc-formatted-price--PHbM {\n  font-size: 15px;\n}\n\n.portrait-Otsjq .wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-price--PHbM {\n  font-size: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-brutto-price-MDFl1 {\n  font-size: 14px;\n}\n\n.tablet-n1n5E .wcPriceinfo-Zmaer {\n  font-size: 16px;\n}\n\n.tablet-n1n5E h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.side-menu-button-NA9Lt {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.tablet-n1n5E .side-menu-button-NA9Lt {\n  width: 22px;\n  height: 22px;\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'InfoBox');
-var ProductHeader = function ProductHeader(_ref) {
-  var _viewHandler$productS, _viewHandler$productS2, _bbox$X, _bbox$X2, _bbox$Y, _bbox$Z, _bbox$wOLT, _bbox$dOLT, _bbox$hOLT;
-  var hidePrice = _ref.hidePrice,
-    productClass = _ref.productClass;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var bbox = viewHandler.settingsState.bbox;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    isMobile = _useDivaCore$state.dimensions.isMobile,
-    _useDivaCore$state$na = _useDivaCore$state.navigationConfiguration,
-    enableMobile = _useDivaCore$state$na.enableMobile,
-    hideHeader = _useDivaCore$state$na.hideHeader,
-    openSideMenu = _useDivaCore.actions.openSideMenu;
-  var showMobileNavButton = isMobile && enableMobile && !hideHeader;
-  var headerContentBoxProps = viewHandler.getViewConfig().productHeaderContentBox;
-  var _useCustomDimensions = useCustomDimensions(),
-    dimensions$1 = _useCustomDimensions.dimensions,
-    dimOnlyForOneArticle = _useCustomDimensions.dimOnlyForOneArticle;
-  var hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
-  var showRabatt = viewHandler.productState.formatedBruttoPrice !== undefined && !viewHandler.getViewConfig().hideRabattPrice;
-  var showMainDimensions = viewHandler.productState.doShow3DDimensionLines || viewHandler.productState.doShowGrid || viewHandler.productState.doShowMainDimensions && !isMobile;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, showRabatt ? rabattVisible : undefined, fullscreen),
-    children: [showMobileNavButton && /*#__PURE__*/jsx("div", {
-      id: "side-menu-button",
-      className: sideMenuButton,
-      onClick: function onClick() {
-        return openSideMenu();
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: wcConfiguratorProductHeader,
-      "data-test-id": "configProductHeader",
-      children: [!hideWebConfiguratorTitle && /*#__PURE__*/jsx("h1", {
-        "data-test-id": "productHeaderTitle",
-        children: viewHandler.productState.webConifguratorTitle
-      }), /*#__PURE__*/jsxs("div", {
-        className: textbackground,
-        children: [!hidePrices && !hidePrice && /*#__PURE__*/jsxs("div", {
-          className: wcPriceinfoContainer,
-          children: [/*#__PURE__*/jsx("span", {
-            className: classnames(wcFormattedBruttoPrice),
-            "data-test-id": "productHeaderFormattedBruttoPrice",
-            children: /*#__PURE__*/jsx(PriceCounter, {
-              price: (_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0
-            })
-          }), /*#__PURE__*/jsx("span", {
-            className: wcFormattedPrice,
-            "data-test-id": "productHeaderFormattedPrice",
-            children: /*#__PURE__*/jsx(PriceCounter, {
-              price: (_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
-            })
-          })]
-        }), showMainDimensions && /*#__PURE__*/jsxs(Fragment, {
-          children: [((_bbox$X = bbox === null || bbox === void 0 ? void 0 : bbox.X) !== null && _bbox$X !== void 0 ? _bbox$X : 0) > 0 && /*#__PURE__*/jsxs("div", {
-            className: dimensions,
-            children: [/*#__PURE__*/jsxs("span", {
-              children: [t('configurator.bth_short'), ": "]
-            }), /*#__PURE__*/jsxs("span", {
-              children: [(_bbox$X2 = bbox === null || bbox === void 0 ? void 0 : bbox.X) !== null && _bbox$X2 !== void 0 ? _bbox$X2 : -1, " \xD7 ", (_bbox$Y = bbox === null || bbox === void 0 ? void 0 : bbox.Y) !== null && _bbox$Y !== void 0 ? _bbox$Y : -1, " \xD7 ", (_bbox$Z = bbox === null || bbox === void 0 ? void 0 : bbox.Z) !== null && _bbox$Z !== void 0 ? _bbox$Z : -1, " cm"]
-            })]
-          }), (bbox === null || bbox === void 0 ? void 0 : bbox.wOLT) !== undefined && /*#__PURE__*/jsxs("div", {
-            className: dimensions,
-            children: [/*#__PURE__*/jsxs("span", {
-              children: [t('configurator.without_olf'), ": "]
-            }), /*#__PURE__*/jsxs("span", {
-              children: [(_bbox$wOLT = bbox === null || bbox === void 0 ? void 0 : bbox.wOLT) !== null && _bbox$wOLT !== void 0 ? _bbox$wOLT : -1, " \xD7 ", (_bbox$dOLT = bbox === null || bbox === void 0 ? void 0 : bbox.dOLT) !== null && _bbox$dOLT !== void 0 ? _bbox$dOLT : -1, " \xD7 ", (_bbox$hOLT = bbox === null || bbox === void 0 ? void 0 : bbox.hOLT) !== null && _bbox$hOLT !== void 0 ? _bbox$hOLT : -1, " cm"]
-            })]
-          })]
-        }), (showMainDimensions || !isMobile) && !!(dimensions$1 !== null && dimensions$1 !== void 0 && dimensions$1.length) && dimensions$1.map(function (dimension) {
-          var _dimension$text, _dimension$dimension;
-          return /*#__PURE__*/jsxs("div", {
-            className: dimensions,
-            children: [/*#__PURE__*/jsxs("span", {
-              children: [(_dimension$text = dimension.text) !== null && _dimension$text !== void 0 ? _dimension$text : t('configurator.headerdimension.' + dimension.dimensionId), !dimOnlyForOneArticle && ' (' + dimension.posNrs.join(',') + ')', ":", ' ']
-            }), /*#__PURE__*/jsxs("span", {
-              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " ", dimension.unit]
-            })]
-          });
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: functionWrapper,
-      children: /*#__PURE__*/jsx(Functions, {})
-    }), !viewHandler.uiState.isInMobileView && viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
-      className: contentBoxWrapper,
-      children: /*#__PURE__*/jsx(ContentItemComponent, {
-        contentItemId: viewHandler.productState.currentBanner.contentItemId,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        },
-        onContentItemLoaded: function onContentItemLoaded(title) {
-          LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-            id: viewHandler.productState.currentBanner.contentItemId,
-            title: title
-          });
-        }
-      })
-    }), headerContentBoxProps && !viewHandler.uiState.isInMobileView && !viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {
-      className: contentBoxWrapper,
-      children: /*#__PURE__*/jsx(ContentBoxComponent, {
-        settings: {
-          contentBoxProps: headerContentBoxProps
-        }
-      })
-    })]
-  });
-};
-var ProductHeader$1 = observer(ProductHeader);
-
-export { ProductHeader$1 as default };

package/build/esm/index-8360f1c4.js

@@ -1,181 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6ff77cdc.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import Draggable from 'react-draggable';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-
-var container = "container-ulbgy";
-var wrapper = "wrapper-CDDb8";
-var door = "door-MAV8k";
-var first = "first-flj9W";
-var last = "last-joL72";
-var handle = "handle-uyqn6";
-var short1 = "short1-1RTH5";
-var short2 = "short2-ELqSF";
-var short3 = "short3-YuCyl";
-var shortLeft = "short-left-3AMc0";
-var shortRight = "short-right-ElG0J";
-var left = "left-rt3Dw";
-var right = "right-ziERh";
-var invisibleDragger = "invisible-dragger-CYEX3";
-var visibleDragger = "visible-dragger-GTq6j";
-var isOkay = "is-okay-xl784";
-var notOkay = "not-okay-7XIp7";
-var css_248z = ".container-ulbgy,\n.container-ulbgy * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.container-ulbgy {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.wrapper-CDDb8 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.door-MAV8k {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.first-flj9W {\n  border-left: 3px solid black;\n}\n\n.last-joL72 {\n  border-right: 3px solid black;\n}\n\n.handle-uyqn6 {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.short1-1RTH5,\n.short2-ELqSF,\n.short3-YuCyl {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.short-left-3AMc0,\n.short-right-ElG0J {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.short-left-3AMc0 {\n  left: 100%;\n}\n.short-right-ElG0J {\n  right: 100%;\n}\n\n.short1-1RTH5 {\n  bottom: 30%;\n}\n.short2-ELqSF {\n  bottom: 20%;\n}\n.short3-YuCyl {\n  bottom: 10%;\n}\n\n.first-flj9W .short1-1RTH5,\n.first-flj9W .short2-ELqSF,\n.first-flj9W .short3-YuCyl {\n  width: 48px;\n  left: 2px;\n}\n\n.last-joL72 .short1-1RTH5,\n.last-joL72 .short2-ELqSF,\n.last-joL72 .short3-YuCyl {\n  width: 48px;\n  right: 2px;\n}\n\n.left-rt3Dw {\n  border-left: solid 3px black;\n}\n.right-ziERh {\n  border-right: solid 3px black;\n}\n\n.invisible-dragger-CYEX3 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.visible-dragger-GTq6j {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.is-okay-xl784 {\n  border: 1px solid green;\n  background-image: url(data:image/png;base64,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);\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.not-okay-7XIp7 {\n  border: 1px solid red;\n  background-image: url(data:image/png;base64,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);\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DoorPlanner = function DoorPlanner(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var DOOR_WIDTH = 50;
-  var doors = item.groups[0].items;
-  var _useState = useState({
-      x: 0,
-      y: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    position = _useState2[0],
-    setPosition = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedDoor = _useState4[0],
-    setSelectedDoor = _useState4[1];
-  var scroller = useRef(null);
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    doorSwapPossible = _useState6[0],
-    setDoorSwapPossible = _useState6[1];
-  var handleStart = function handleStart(e) {
-    var offset = getEventOffsetX(e);
-    var xPos = offset - offset % DOOR_WIDTH;
-    setPosition({
-      y: 0,
-      x: xPos
-    });
-    setSelectedDoor(doors[xPos / DOOR_WIDTH]);
-  };
-  var handleDrag = function handleDrag(e) {
-    var offset = getEventOffsetX(e);
-    var index = (offset - offset % DOOR_WIDTH) / DOOR_WIDTH;
-    if (index >= 0 && index < doors.length) {
-      if ((selectedDoor === null || selectedDoor === void 0 ? void 0 : selectedDoor.key) != doors[index].key && (selectedDoor === null || selectedDoor === void 0 ? void 0 : selectedDoor.currentDoor.StrictType) === doors[index].currentDoor.StrictType) {
-        setDoorSwapPossible(true);
-      } else {
-        setDoorSwapPossible(false);
-      }
-    }
-    scrollLeftOrRight(e);
-  };
-  var handleStop = function handleStop(e) {
-    var offset = getEventOffsetX(e);
-    var index = (offset - offset % DOOR_WIDTH) / DOOR_WIDTH;
-    if (doorSwapPossible && selectedDoor && index >= 0 && index < doors.length) {
-      viewHandler.divaWebPlanner.moveDoors(selectedDoor.door, doors[index].door);
-    }
-    setSelectedDoor(undefined);
-    setDoorSwapPossible(false);
-    setPosition({
-      y: 0,
-      x: 0
-    });
-  };
-  var scrollLeftOrRight = function scrollLeftOrRight(e) {
-    var _e$layerX, _viewHandler$settings, _viewHandler$settings2;
-    if (!scroller.current) return;
-    var offset = (_e$layerX = e.layerX) !== null && _e$layerX !== void 0 ? _e$layerX : e.changedTouches[0].clientX - ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().x) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0);
-    if (offset < scroller.current.getBoundingClientRect().width / 100 * 5) {
-      //scroll left
-      scroller.current.scrollTo({
-        left: scroller.current.scrollLeft - 10
-      });
-    } else if (offset > scroller.current.getBoundingClientRect().width / 100 * 95) {
-      //scroll right
-      scroller.current.scrollTo({
-        left: scroller.current.scrollLeft + 10
-      });
-    }
-  };
-  var getEventOffsetX = function getEventOffsetX(e) {
-    var _e$clientX, _viewHandler$settings3, _viewHandler$settings4, _scroller$current$scr, _scroller$current;
-    return ((_e$clientX = e.clientX) !== null && _e$clientX !== void 0 ? _e$clientX : e.changedTouches[0].clientX) - ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().x) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) + ((_scroller$current$scr = (_scroller$current = scroller.current) === null || _scroller$current === void 0 ? void 0 : _scroller$current.scrollLeft) !== null && _scroller$current$scr !== void 0 ? _scroller$current$scr : 0);
-  };
-  var dragHandlers = {
-    onStart: handleStart,
-    onDrag: handleDrag,
-    onStop: handleStop
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [t('configurator.DoorPlanner_Description'), /*#__PURE__*/jsx("div", {
-      ref: scroller,
-      className: classnames(container, 'box'),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(wrapper, 'no-swiping'),
-        children: [/*#__PURE__*/jsx(Draggable, _objectSpread(_objectSpread({
-          nodeRef: draggable,
-          bounds: "parent",
-          position: position
-        }, dragHandlers), {}, {
-          axis: "x",
-          defaultClassName: invisibleDragger,
-          defaultClassNameDragging: classnames(visibleDragger, doorSwapPossible ? isOkay : notOkay),
-          children: /*#__PURE__*/jsx("div", {
-            ref: draggable,
-            className: "box cursor-x",
-            style: {
-              width: !!selectedDoor ? DOOR_WIDTH : DOOR_WIDTH * doors.length
-            }
-          })
-        })), doors.map(function (item, index) {
-          return /*#__PURE__*/jsxs("div", {
-            className: classnames(door, index == 0 ? first : undefined, index === doors.length - 1 ? last : undefined),
-            children: [item.type.includes('TUER_L') && /*#__PURE__*/jsx("div", {
-              className: classnames(handle, right)
-            }), item.type.includes('TUER_R') && /*#__PURE__*/jsx("div", {
-              className: classnames(handle, left)
-            }), item.type == 'TUER_L_SHORT' && /*#__PURE__*/jsx("div", {
-              className: classnames(shortLeft)
-            }), item.type == 'TUER_R_SHORT' && /*#__PURE__*/jsx("div", {
-              className: classnames(shortRight)
-            }), item.type.includes('SHORT') && /*#__PURE__*/jsxs(Fragment, {
-              children: [/*#__PURE__*/jsx("div", {
-                className: classnames(short1)
-              }), /*#__PURE__*/jsx("div", {
-                className: classnames(short2)
-              }), /*#__PURE__*/jsx("div", {
-                className: classnames(short3)
-              })]
-            })]
-          });
-        })]
-      })
-    })]
-  });
-};
-var index = observer(DoorPlanner);
-
-export { index as default };

package/build/esm/index-84ec82e6.js

@@ -1,37 +0,0 @@
-import { s as styleInject } from './index-6ff77cdc.js';
-import 'react';
-import OrbitInteractionStandard from './index-08f43da3.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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';
-import 'react-3d-cube-interaction';
-
-var orbitInteractionContainer = "orbit-interaction-container-jxGAx";
-var css_248z = ".orbit-interaction-container-jxGAx {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n";
-styleInject(css_248z);
-
-var OrbitInteractionFree = function OrbitInteractionFree(props) {
-  return /*#__PURE__*/jsx(OrbitInteractionStandard, {
-    orbitInteractionContainerClass: orbitInteractionContainer
-  });
-};
-
-export { OrbitInteractionFree as default };

package/build/esm/index-85760fb6.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-6ff77cdc.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import ConfettiExplosion from 'react-confetti-explosion';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 bigExplodeProps = {
-  force: 0.6,
-  duration: 5000,
-  particleCount: 200,
-  floorHeight: 1600,
-  floorWidth: 1600
-};
-var ConfettiInSummary = function ConfettiInSummary(props) {
-  var _theme$palette$primar, _theme$palette, _theme$palette$primar2, _theme$palette2, _theme$palette$primar3, _theme$palette3;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  var delay = viewHandler.getViewConfig().navigateMobileSwiper && viewHandler.getIsInMobileView();
-  var _useState = useState(!delay),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  useEffect(function () {
-    if (!delay) return;
-    setTimeout(function () {
-      setVisible(true);
-    }, 300);
-  }, []);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    shouldShowConfetti = _useState4[0],
-    setShouldShowConfetti = _useState4[1];
-  useEffect(function () {
-    var _viewHandler$uiState$, _viewHandler$uiState$2;
-    var confettiCooldownInHours = (_viewHandler$uiState$ = (_viewHandler$uiState$2 = viewHandler.uiState.ViewConfig.showConfettiInSummary) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.confettiCooldownInHours) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : 0;
-
-    //handeling strict mode
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId && localStorage.getItem('lastConfettiChange') == viewHandler.settingsState.configChanged.toString()) return;
-    if (confettiCooldownInHours > 0) {
-      var lastConfettiTime = localStorage.getItem('lastConfettiTime');
-      if (lastConfettiTime) {
-        var diff = Date.now() - Number(lastConfettiTime);
-        if (diff < confettiCooldownInHours * 60 * 60 * 1000) {
-          setShouldShowConfetti(false);
-          return;
-        }
-      }
-      // Set the timestamp only when we're actually going to show confetti
-      localStorage.setItem('lastConfettiTime', Date.now().toString());
-      localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-      setShouldShowConfetti(true);
-      return;
-    }
-
-    // Session-based logic (confettiCooldownInHours == 0)
-
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId) {
-      setShouldShowConfetti(false);
-      return;
-    }
-    // Set the session ID only when we're actually going to show confetti
-    localStorage.setItem('lastConfettiSessionId', DivaUtils.SessionId);
-    localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-    setShouldShowConfetti(true);
-  }, []);
-  if (!viewHandler.uiState.ViewConfig.showConfettiInSummary) return /*#__PURE__*/jsx(Fragment, {});
-  if (!shouldShowConfetti) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
-  var confettiProps = viewHandler.uiState.ViewConfig.showConfettiInSummary.confettiProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      width: '100%'
-    },
-    children: visible && /*#__PURE__*/jsx(ConfettiExplosion, _objectSpread(_objectSpread(_objectSpread({
-      zIndex: 1000001
-    }, bigExplodeProps), confettiProps !== null && confettiProps !== void 0 ? confettiProps : {}), {}, {
-      colors: [(_theme$palette$primar = (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) !== null && _theme$palette$primar !== void 0 ? _theme$palette$primar : '', (_theme$palette$primar2 = (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.dark) !== null && _theme$palette$primar2 !== void 0 ? _theme$palette$primar2 : '', (_theme$palette$primar3 = (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.light) !== null && _theme$palette$primar3 !== void 0 ? _theme$palette$primar3 : '']
-    }))
-  });
-};
-var ConfettiInSummary$1 = observer(ConfettiInSummary);
-
-export { ConfettiInSummary$1 as default };

package/build/esm/index-884fb5c4.js

@@ -1,126 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-6ff77cdc.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 '@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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 };