@crystaldesign/diva-web-planner-react 26.7.0-rc.10 → 26.7.0-rc.11

package/build/esm/index-3124a6f3.js

@@ -1,93 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomRound from './index-2a30698a.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-3621983a.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-c5415355.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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';
-
-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 ItemVariant = function ItemVariant(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "TabGroup/TabGroupHorizontal/item"
-  }));
-};
-
-export { ItemVariant as default };

package/build/esm/index-3880cd43.js

@@ -1,67 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import '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/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 header = "header-88iFZ";
-var wrapper = "wrapper-zFPaP";
-var title = "title-Mime-";
-var sel = "sel--F5X-";
-var collapseArrow = "collapseArrow-iq67x";
-var open = "open-t8G5n";
-var mobile = "mobile-Ksq3e";
-var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.title-Mime-:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%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 version%3D%221.1%22 id%3D%22Capa_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 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
-  var openState = _ref.openState,
-    curState = _ref.curState,
-    tabs = _ref.tabs;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    onClick: function onClick() {
-      return openState[1](!openState[0]);
-    },
-    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: tabs.map(function (b, index) {
-        return /*#__PURE__*/jsxs("div", {
-          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
-          onClick: function onClick(e) {
-            curState[1](b);
-            if (!openState[0]) openState[1](true);
-            e.stopPropagation();
-          },
-          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
-        }, b);
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(collapseArrow)
-    })]
-  });
-};
-var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
-
-export { SubTabGroupHeader$1 as default };

package/build/esm/index-39015e07.js

@@ -1,43 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import ProductHeader from './index-b01d132f.js';
-import 'react';
-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 './index-f2225176.js';
-import './index-3a8e356e.js';
-import '@crystaldesign/content-box';
-import './useCustomDimensions-9024230a.js';
-import '@crystaldesign/content-item';
-
-var productHeader = "productHeader-19YtG";
-var css_248z = ".productHeader-19YtG h1 {\n  font-weight: 700;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderRalph = function ProductHeaderRalph(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader,
-    hidePrice: !viewHandler.getIsInMobileView()
-  });
-};
-
-export { ProductHeaderRalph as default };

package/build/esm/index-39471d80.js

@@ -1,140 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import MetaData from './index-c2f47ac9.js';
-import InfoIcon from './index-e2a6a1e3.js';
-import { useHover, useLayer } from 'react-laag';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, 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 articleItem = "article-item-eh-j4";
-var wcVCodexText = "wcVCodexText-MyIlQ";
-var sel = "sel-84QKb";
-var imageWrapper = "imageWrapper-gvsu5";
-var wcImage = "wcImage-GYOFl";
-var titleWrapper = "titleWrapper-noaB3";
-var title = "title-79bZq";
-var mobile = "mobile-V-kG0";
-var tablet = "tablet-SBmhr";
-var wcArticleSize = "wcArticleSize--au3o";
-var css_248z = "/*Size Normal */\n\n.article-item-eh-j4 {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.article-item-eh-j4:active,\n.article-item-eh-j4:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MyIlQ {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.article-item-eh-j4:hover .wcVCodexText-MyIlQ,\n.sel-84QKb .wcVCodexText-MyIlQ {\n  display: block;\n}\n\n.imageWrapper-gvsu5 {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-eh-j4:hover .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-84QKb.article-item-eh-j4:hover .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-84QKb .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GYOFl {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.sel-84QKb .wcImage-GYOFl {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-LvQOl {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-noaB3 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.title-79bZq {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.mobile-V-kG0:not(.tablet-SBmhr) .title-79bZq {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-eh-j4:hover .title-79bZq,\n.article-item-eh-j4:focus .title-79bZq {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.article-item-eh-j4 .wcArticleSize--au3o {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.mobile-V-kG0:not(.tablet-SBmhr).article-item-eh-j4 .wcArticleSize--au3o {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.sel-84QKb .wcArticleSize--au3o {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\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 Article = function Article(_ref) {
-  var _viewHandler$settings, _renderLayer, _item$longDescription;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet,
-    hidePrices = _useDivaCore$state.hidePrices;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  var onClick = function onClick() {
-    viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
-  };
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    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 isSelected = item.sel && ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) != 'add';
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    className: classnames(articleItem, isSelected ? sel : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(imageWrapper),
-      children: [viewHandler.getViewConfig().showOptionCodexInOptionHeader && /*#__PURE__*/jsx("div", {
-        className: classnames(wcVCodexText),
-        children: item.articleCodex
-      }), item.image && /*#__PURE__*/jsx("img", {
-        className: classnames(wcImage),
-        src: item.image.replace('_gal', '').replace('_low', '')
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          top: -6,
-          bottom: 'unset',
-          right: -7
-        }
-      }, item.codex), /*#__PURE__*/jsx("div", {
-        className: classnames(wcArticleSize),
-        children: item.sizeInfo
-      })]
-    }), /*#__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,
-      desciption: metaDataVisible,
-      codex: item.articleCodex,
-      image: item.image,
-      layerProps: layerProps,
-      price: item.price
-    }, item.codex))), /*#__PURE__*/jsx(MetaData, {
-      style: {
-        position: 'relative',
-        "float": 'left',
-        display: 'none'
-      },
-      metaData: item.metaData,
-      visible: [metaDataVisible, setMetaDataVisible]
-    }, item.codex), item.priceInfo !== undefined && !hidePrices && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price
-    })]
-  }));
-};
-var FaceLift = observer(Article);
-
-export { FaceLift as default };

package/build/esm/index-39f88caa.js

@@ -1,51 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } 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';
-
-var container = "container-LyqYI";
-var hidden = "hidden-TqWZg";
-var notHidden = "not-hidden-Wbdom";
-var text = "text-022qF";
-var css_248z = ".container-LyqYI {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 990;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.hidden-TqWZg {\n  opacity: 0;\n}\n\n.not-hidden-Wbdom {\n  transition: opacity 0.5s;\n}\n.text-022qF {\n  margin-left: 10px;\n  font-size: 13px;\n}\n";
-styleInject(css_248z);
-
-var RotateIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.48%202.52c3.27%201.55%205.61%204.72%205.97%208.48h1.5C23.44%204.84%2018.29%200%2012%200l-.66.03%203.81%203.81%201.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12%200L1.75%208.11c-.59.59-.59%201.54%200%202.12l12.02%2012.02c.59.59%201.54.59%202.12%200l6.36-6.36c.59-.59.59-1.54%200-2.12L10.23%201.75zm4.6%2019.44L2.81%209.17l6.36-6.36%2012.02%2012.02-6.36%206.36zm-7.31.29C4.25%2019.94%201.91%2016.76%201.55%2013H.05C.56%2019.16%205.71%2024%2012%2024l.66-.03-3.81-3.81-1.33%201.32z%22%2F%3E%3C%2Fsvg%3E";
-
-var RotateInfo = function RotateInfo(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(container, !viewHandler.productState.orbitHidden ? hidden : notHidden),
-    children: [/*#__PURE__*/jsx("img", {
-      src: RotateIcon
-    }), /*#__PURE__*/jsx("div", {
-      className: text,
-      children: t('configurator.rotate_mobile')
-    })]
-  });
-};
-var RotateInfo$1 = observer(RotateInfo);
-
-export { RotateInfo$1 as default };

package/build/esm/index-3a8e356e.js

@@ -1,72 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/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 styleIndicator = "styleIndicator-7N0ZJ";
-var mobile = "mobile-lyZP8";
-var styleIndicatorTextGroup = "styleIndicatorTextGroup-4bDAv";
-var styleIndicatorSubtitle = "styleIndicatorSubtitle-vVzrQ";
-var styleIndicatorLabel = "styleIndicatorLabel-8rCfE";
-var styleIndicatorImage = "styleIndicatorImage-DRo7q";
-var css_248z = ".styleIndicator-7N0ZJ {\n  border-radius: 14px !important;\n}\n\n.styleIndicator-7N0ZJ {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: styleIndicatorAppear-JwPL- 0.5s ease-out;\n}\n\n.mobile-lyZP8 {\n  border-radius: 10px !important;\n}\n\n.mobile-lyZP8 {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.mobile-lyZP8 .styleIndicatorTextGroup-4bDAv {\n  gap: 0;\n}\n\n.mobile-lyZP8 .styleIndicatorSubtitle-vVzrQ {\n  font-size: 8px;\n}\n\n.mobile-lyZP8 .styleIndicatorLabel-8rCfE {\n  font-size: 11px;\n}\n\n.styleIndicatorImage-DRo7q {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.mobile-lyZP8 .styleIndicatorImage-DRo7q {\n  width: 36px;\n  height: 28px;\n}\n\n.styleIndicatorImage-DRo7q img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.styleIndicatorTextGroup-4bDAv {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styleIndicatorSubtitle-vVzrQ {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.styleIndicatorLabel-8rCfE {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes styleIndicatorAppear-JwPL- {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n";
-styleInject(css_248z);
-
-var StyleIndicator = function StyleIndicator() {
-  var _aiState$enrichedAiRo;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var configuratorStructureHandler = viewHandler.configuratorStructureHandler;
-  var step = configuratorStructureHandler.getConfigStepByKey('STYLE_CONSULTANT');
-  var selectedStyle = aiState.aiStyleKeyInitializedByEvent ? (_aiState$enrichedAiRo = aiState.enrichedAiRoomRenderings()) === null || _aiState$enrichedAiRo === void 0 ? void 0 : _aiState$enrichedAiRo.find(function (r) {
-    return r.key === aiState.aiSelectedStyleKey;
-  }) : undefined;
-  if (!selectedStyle || !step) return /*#__PURE__*/jsx(Fragment, {});
-  var isMobileOnly = viewHandler.getIsInMobileView() && !viewHandler.uiState.isTablet;
-  return /*#__PURE__*/jsxs("li", {
-    className: classnames(styleIndicator, isMobileOnly ? mobile : undefined),
-    onClick: function onClick() {
-      return viewHandler.navigateToConfigStep(step.configStep.key);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: styleIndicatorImage,
-      children: /*#__PURE__*/jsx("img", {
-        src: selectedStyle.image,
-        alt: selectedStyle.name
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: styleIndicatorTextGroup,
-      children: [/*#__PURE__*/jsx("span", {
-        className: styleIndicatorSubtitle,
-        children: t('configurator.inspiration.yourStyle', 'Dein Stil')
-      }), /*#__PURE__*/jsx("span", {
-        className: styleIndicatorLabel,
-        children: selectedStyle.name
-      })]
-    })]
-  });
-};
-var StyleIndicator$1 = observer(StyleIndicator);
-
-export { StyleIndicator$1 as default };

package/build/esm/index-3b55efe1.js

@@ -1,48 +0,0 @@
-import './index-c5415355.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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/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 RotationCounterClockwise = function RotationCounterClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotCounterClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationCounterClockwise$1 = observer(RotationCounterClockwise);
-
-export { RotationCounterClockwise$1 as default };

package/build/esm/index-3c656004.js

@@ -1,48 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-c5415355.js';
-import { useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-3621983a.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/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-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 TabGroupHorizontal = function TabGroupHorizontal(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.tabGroupState.scrollToCurTabgroupHorizontal();
-  }, [viewHandler.tabGroupState.curTabGroup]);
-  if (!viewHandler.tabGroupState.allTabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  var tabGroups = _toConsumableArray(viewHandler.tabGroupState.allTabGroups);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: tabGroups.map(function (_ref) {
-      var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        width: 'calc(' + ((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState) === null || _viewHandler$tabGroup2 === void 0 || (_viewHandler$tabGroup2 = _viewHandler$tabGroup2.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().width) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0) + 'px / ' + tabGroups.length + ')'
-      }, key);
-    })
-  });
-};
-var TabGroupHorizontal$1 = observer(TabGroupHorizontal);
-
-export { TabGroupHorizontal$1 as default };