@crystaldesign/diva-web-planner-react 24.10.0-beta.9 → 24.10.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "24.10.0-beta.9",
+  "version": "24.10.0-rc.1",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.0",
@@ -13,10 +13,10 @@
     "react-dom": "17.0.2"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "24.10.0-beta.9",
-    "@crystaldesign/products-component": "24.10.0-beta.9",
-    "@crystaldesign/real-time-viewer": "24.10.0-beta.9",
-    "@crystaldesign/web-planner-logic": "24.10.0-beta.9",
+    "@crystaldesign/content-item": "24.10.0-rc.1",
+    "@crystaldesign/products-component": "24.10.0-rc.1",
+    "@crystaldesign/real-time-viewer": "24.10.0-rc.1",
+    "@crystaldesign/web-planner-logic": "24.10.0-rc.1",
     "@google/model-viewer": "3.4.0",
     "@react-google-maps/api": "2.7.0",
     "@types/three": "^0.160.0",
@@ -47,5 +47,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "16e54179d88f1374f2548d0ae319cf4657e50316"
+  "gitHead": "9cf9dc831a578a0181e88b3a53f88ab4d0e91555"
 }

package/build/esm/PlannerSirvViewer-a82ea314.js

@@ -1,70 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-df938e09.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import { toJS } from 'mobx';
-import 'react';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import '@crystaldesign/web-planner-logic';
-import 'react/jsx-runtime';
-import 'mobx-react-lite';
-
-getLogger('Planner', 'PlannerSirvViewer');
-var PlannerSirvViewer = /*#__PURE__*/function () {
-  function PlannerSirvViewer(productState, sirvSpinnables, arModels) {
-    _classCallCheck(this, PlannerSirvViewer);
-    _defineProperty(this, "sirvSpinnables", void 0);
-    _defineProperty(this, "arModels", void 0);
-    _defineProperty(this, "productState", void 0);
-    _defineProperty(this, "setTimestamp", void 0);
-    this.sirvSpinnables = sirvSpinnables;
-    this.arModels = arModels;
-    this.productState = productState;
-  }
-  return _createClass(PlannerSirvViewer, [{
-    key: "updatePlannerView",
-    value: function updatePlannerView(rendering, articleVariantValues) {
-      var url = rendering.getHQRenderingURL();
-      var medias = [];
-      if (url) medias.push({
-        url: url,
-        mediaType: 'PCT'
-      });
-      if (articleVariantValues !== null && articleVariantValues !== void 0 && articleVariantValues.length) {
-        var _this$sirvSpinnables;
-        var spin = (_this$sirvSpinnables = this.sirvSpinnables) === null || _this$sirvSpinnables === void 0 ? void 0 : _this$sirvSpinnables[articleVariantValues[0].articleCodex];
-        if (spin) medias.push({
-          url: spin,
-          mediaType: 'SPIN'
-        });
-      }
-      if (rendering.getArURl()) medias.push({
-        url: rendering.getArURl(),
-        mediaType: 'AR'
-      });
-      if (JSON.stringify(medias) !== JSON.stringify(toJS(this.productState.currentMediaItems))) this.productState.setCurrentMediaItems(medias);
-    }
-  }, {
-    key: "setCurrentMediaItems",
-    value: function setCurrentMediaItems(mediaItems) {
-      var _this = this;
-      if (this.setTimestamp && this.setTimestamp + 500 > Date.now()) {
-        setTimeout(function () {
-          _this.setCurrentMediaItems(mediaItems);
-        }, 1500);
-      } else {
-        this.productState.setCurrentMediaItems(mediaItems);
-        this.setTimestamp = Date.now();
-      }
-    }
-  }]);
-}();
-
-export { PlannerSirvViewer as default };

package/build/esm/index-2242df19.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-df938e09.js';
-import 'react';
-import PlannerMsgContainer from './index-9cb145fa.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import './index-b3d5888e.js';
-
-var wcPlannerMsgContainer = "wcPlanner_MsgContainer-2Gp-B";
-var wcPlannerInfoContainer = "wcPlanner_InfoContainer-Na2gn";
-var wcPlannerWarningContainer = "wcPlanner_WarningContainer-e7hQJ";
-var wcPlannerMsgImg = "wcPlanner_msgImg-LCgfN";
-var wcPlannerWarningImg = "wcPlanner_WarningImg-F3Se9";
-var wcPlannerMsgText = "wcPlanner_MsgText-5FGce";
-var landscape = "landscape-tKO32";
-var portrait = "portrait-jLDul";
-var wcPlannerWarningText = "wcPlanner_WarningText--s0rh";
-var wcPlannerInfoText = "wcPlanner_InfoText-xi8XR";
-var wcPlannerInfoContainerCollapsed = "wcPlanner_InfoContainerCollapsed-wxSqk";
-var wcPlannerMsgContainerParent = "wcPlanner_MsgContainerParent-ZouV8";
-var wcClose = "wcClose-S3om7";
-var wcCloseButton = "wcCloseButton-CHr90";
-var css_248z = ".wcPlanner_MsgContainer-2Gp-B {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 0.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: fadein-bDTPb 0.5s;\n}\n\n.wcPlanner_MsgContainer_Hide-0rGNa {\n  animation: cssAnimation-UJm2b 5s forwards;\n}\n\n.wcPlanner_InfoContainer-Na2gn {\n  float: left;\n  border: medium none currentColor;\n  border: initial;\n  box-shadow: 0 0 3px #ccc;\n}\n.wcPlanner_WarningContainer-e7hQJ {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-LCgfN {\n  background-image: none;\n}\n\n.wcPlanner_WarningImg-F3Se9 {\n  background-image: none;\n}\n.wcPlanner_MsgText-5FGce {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  -webkit-text-stroke: 0.3px;\n  max-height: 60px;\n  overflow: auto;\n}\n\n.landscape-tKO32 .wcPlanner_MsgText-5FGce,\n.portrait-jLDul .wcPlanner_MsgText-5FGce {\n  overflow: auto;\n}\n\n.wcPlanner_WarningText--s0rh {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-xi8XR {\n  color: black;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk .wcPlanner_InfoText-xi8XR {\n  display: none;\n}\n\n.wcPlanner_MsgContainerParent-ZouV8 {\n  position: absolute;\n  top: auto;\n  top: initial;\n  bottom: 5%;\n  left: 5%;\n  max-width: 70%;\n  left: 70px;\n\n  z-index: 500;\n}\n\n.landscape-tKO32.wcPlanner_MsgContainerParent-ZouV8,\n.portrait-jLDul.wcPlanner_MsgContainerParent-ZouV8 {\n  left: auto;\n  left: initial;\n  right: 5%;\n}\n\n.smv-thumbnails-qw8Ax .smv-selector-GOSiX[data-type='spin']:before {\n  background-color: rgba(128, 128, 128, 0.56);\n  background-image: url(https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.11.svg);\n}\n\n.wcPlanner_MsgContainerParent-ZouV8 .wcClose-S3om7 {\n  position: absolute;\n  color: #747474;\n  cursor: pointer;\n  top: 0px;\n  right: 0px;\n  height: 100%;\n  width: 35px;\n  background-color: rgba(240, 240, 240, 0.7);\n  transition: background-color 200ms linear;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk .wcClose-S3om7 {\n  transform: rotate(180deg);\n}\n\n.wcClose-S3om7:hover {\n  background-color: rgba(230, 230, 230, 0.7);\n}\n\n.wcCloseButton-CHr90 {\n  width: 0;\n  height: 0;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n  border-right: 7px solid #999999;\n  top: calc(50% - 7px);\n  left: calc(50% - 5px);\n  position: absolute;\n  transition: border-color 200ms linear;\n}\n\n.wcPlanner_MsgText-5FGce.wcPlanner_InfoText-xi8XR {\n  color: #828282;\n  font-size: 15px;\n  line-height: 20px;\n}\n\n.wcClose-S3om7:hover > .wcCloseButton-CHr90 {\n  border-right: 7px solid #222222;\n}\n\n.wcPlanner_MsgContainer-2Gp-B.wcPlanner_InfoContainer-Na2gn {\n  height: 64px;\n}\n\n.wcPlanner_MsgContainer-2Gp-B.wcPlanner_InfoContainer-Na2gn.wcPlanner_InfoContainerCollapsed-wxSqk {\n  padding-right: 1rem;\n}\n\n.landscape-tKO32 .wcPlanner_MsgContainer-2Gp-B {\n  padding: 0.2rem calc(1.2rem + 20px) 0.2rem 1.2rem;\n}\n\n.landscape-tKO32 .wcPlanner_MsgText-5FGce {\n  font-size: 15px;\n}\n\n@keyframes fadein-bDTPb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes cssAnimation-UJm2b {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n";
-styleInject(css_248z);
-
-var PlannerMsgContainerSimple = function PlannerMsgContainerSimple(props) {
-  return /*#__PURE__*/jsx(PlannerMsgContainer, {
-    wcPlannerMsgContainerParentClass: wcPlannerMsgContainerParent,
-    wcPlannerMsgContainerClass: wcPlannerMsgContainer,
-    wcPlannerWarningContainerClass: wcPlannerWarningContainer,
-    wcPlannerInfoContainerClass: wcPlannerInfoContainer,
-    wcPlannerInfoContainerCollapsedClass: wcPlannerInfoContainerCollapsed,
-    wcPlannerMsgImgClass: wcPlannerMsgImg,
-    wcPlannerMsgTextClass: wcPlannerMsgText,
-    wcPlannerWarningImgClass: wcPlannerWarningImg
-    //wcPlannerInfoImgClass={wcPlannerInfoImg}
-    ,
-    wcPlannerWarningTextClass: wcPlannerWarningText,
-    wcPlannerInfoTextClass: wcPlannerInfoText,
-    wcCloseClass: wcClose,
-    wcCloseButtonClass: wcCloseButton,
-    landscapeClass: landscape,
-    portraitClass: portrait,
-    expandedClass: ""
-  });
-};
-
-export { PlannerMsgContainerSimple as default };

package/build/esm/index-51798d46.js

@@ -1,38 +0,0 @@
-import { u as useViewHandler } from './index-df938e09.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, b as wcFunctionsText } from './index.module-c0301db6.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var CreateCache = function CreateCache(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("ul", {
-    className: wcFunctionsToolbar,
-    onClick: function onClick() {
-      return viewHandler.divaWebPlanner.handleFavorites('RENDERCACHE');
-    },
-    children: /*#__PURE__*/jsx("li", {
-      className: wcFunctionsContainer,
-      children: /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: " Cache generieren"
-      })
-    })
-  });
-};
-var CreateCache$1 = observer(CreateCache);
-
-export { CreateCache$1 as default };

package/build/esm/index-57295246.js

@@ -1,60 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-df938e09.js';
-import 'react';
-import SettingsItemHeader from './index-639e29a6.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import './index-29e9a508.js';
-import './index-fbc6f320.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5134ead7.js';
-import 'react-dropdown';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
-import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-6a4f7633.js';
-import './index-16633363.js';
-import 'react-switch';
-import './index-a00c6838.js';
-import './index-d067dee2.js';
-import './index-74b2c421.js';
-import './index-7a62967e.js';
-import './index.module-fe43cac5.js';
-import './index-0a3def68.js';
-import './index-629c582f.js';
-import './index-e7f3f11d.js';
-import 'react-laag';
-import './index-fc153606.js';
-import './index-dfc6ce9a.js';
-import './index-b20e169e.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-K1WNg";
-var settingsHeaderTitle = "settingsHeaderTitle-q5bnF";
-var css_248z = ".settingsHeaderContainer-K1WNg {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-K1WNg {\n  width: calc(100% - 32px);\n  margin-top: 8px;\n  margin-bottom: 6px;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n/**\nBooth settings header title\n*/\n.settingsHeaderTitle-q5bnF {\n  width: auto;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 20px;\n\n  color: var(--secondaryColor);\n  margin-top: 9px;\n  margin-bottom: 9px;\n  float: left;\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";
-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 SettingsItemHeaderLessSimple = function SettingsItemHeaderLessSimple(props) {
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderLessSimple as default };

package/build/esm/index-7a62967e.js

@@ -1,32 +0,0 @@
-import { u as useViewHandler } from './index-df938e09.js';
-import 'react';
-import { a as wcFavorite } from './index.module-fe43cac5.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-var FavoritesButtton = function FavoritesButtton(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.productState.doShowCreateCache) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.onTitleFavClick(item.id);
-    },
-    className: wcFavorite
-  });
-};
-
-export { FavoritesButtton as default };

package/build/esm/index-80b9a1e6.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-6580c12a.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-9a91f946.js';
-import TabGroup from './index-0b8f5b10.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-64c57a00.js';
-import './index-52b386be.js';
-import './index-ad5c8e67.js';
-import './index-84fe256f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a0eaa471.js';
-import 'react-laag';
-import './index-b6220a84.js';
-import './index-59392ae7.js';
-import './index-64383149.js';
-import 'sift';
-import './index-2b3883fc.js';
-import './index-350d8b1f.js';
-import './index-ed3c1695.js';
-import './index-082300ef.js';
-import './index.module-2e57dd5c.js';
-import './index-16633363.js';
-import 'react-switch';
-import './index-b20e169e.js';
-import './index-353eecb9.js';
-import 'react-dropdown';
-import './index-fbc6f320.js';
-import './index-5134ead7.js';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
-import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-2ddf5238.js';
-import './index-0f9d0da4.js';
-import './index-1b39597e.js';
-import '@crystaldesign/products-component';
-import './index-9f99a8fa.js';
-import './index-3c193068.js';
-import './index-5ca2154a.js';
-import './index-dfc6ce9a.js';
-import './index-fc153606.js';
-import './index-b3608d4a.js';
-import './index-4c84882c.js';
-import './index-75a0c65b.js';
-import './index-f4863358.js';
-import './index-cad87ce4.js';
-import './index-f752e8a0.js';
-import './index-f9309d78.js';
-import './index-dd56d95b.js';
-import './index.module-73422bd1.js';
-import './index-e8a7abed.js';
-import './index-c6b25ae7.js';
-import './index-1fa70e4d.js';
-import './index-5ec90b25.js';
-import './index-26008a76.js';
-import './index-fab630a6.js';
-import './index-b7634732.js';
-import './index.module-fe43cac5.js';
-import './index-2f04aeae.js';
-import './index-0b97bad0.js';
-import './index-a7437a21.js';
-import './index-dfa0c3ac.js';
-import './index-a8e4a404.js';
-import 'react-collapsible';
-import './index-e3902551.js';
-import './index-32ed3d4f.js';
-import './index-33cb7e38.js';
-import './index-f3c06912.js';
-import './index-9502beb1.js';
-import './index.module-8c6267ac.js';
-import './index-0185e06a.js';
-import './index-b7a72c16.js';
-import './index-9e55648d.js';
-import './index-e90924d5.js';
-import './index-abf20110.js';
-import './index-0f6a2fbd.js';
-import './index-a94d988f.js';
-import './index-7fd62018.js';
-import './index-51798d46.js';
-import './index.module-c0301db6.js';
-import './index-67da9d0f.js';
-import './index-de1b4a37.js';
-import './index-03ad9eca.js';
-import './index-ff308b3a.js';
-import './index-7e8566e9.js';
-
-var wcConfigurator = "wcConfigurator-d1j-V";
-var wcConfiguratorProduct = "wcConfigurator-product-vAUD4";
-var wcConfiguratorSettings = "wcConfigurator-settings-Xh4zK";
-var wcConfiguratorSteps = "wcConfiguratorSteps-U3xJz";
-var portrait = "portrait-MaXla";
-var css_248z = ".wcConfigurator-d1j-V {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-d1j-V {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-product-vAUD4 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 65%;\n  height: calc(100% - 50px);\n}\n\n.wcConfigurator-settings-Xh4zK {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 35%;\n  height: 100%;\n  position: absolute;\n  border-left: 1px solid #f0f0f0;\n  background-color: #fcfcfc;\n}\n\n.wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  bottom: 0;\n  left: 0;\n  width: 65%;\n}\n\n.portrait-MaXla .wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  top: 0;\n  width: 100%;\n}\n\n.portrait-MaXla .wcConfigurator-product-vAUD4 {\n  top: 50px;\n  left: 0;\n  height: calc(50% - 50px);\n  width: 100%;\n  z-index: 300;\n}\n\n.portrait-MaXla .wcConfigurator-settings-Xh4zK {\n  left: 0px;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n  z-index: 400;\n}\n";
-styleInject(css_248z);
-
-var LessSimple = function LessSimple(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", {
-      id: "wcConfigurator",
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      className: classnames(wcConfigurator, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(ProductSimple, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      })]
-    })
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#fd8204',
-  '--secondaryColor': '#171717',
-  '--thirdColor': '#e5e5e5',
-  '--galleryItemRowCount': '8',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '1%',
-  '--galleryItemBorder': '2px',
-  '--galleryItemBorderColor': 'white',
-  '--galleryItemBorderSelColor': 'black',
-  '--galleryItemBorderHoverColor': 'black',
-  '--gallerySelectedBoxShadow': 'inset 0 0 100px black',
-  '--globalBorderRadius': '0px',
-  '--galleryItemRadius': '50%',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--configuratorActionHeight': '3.125rem',
-  '--settingsBackgroundColor': '#fcfcfc',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '20px',
-  '--settingsScrollerPaddingLeft': '20px',
-  '--configuratorActionForthWidth': 'calc(60% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(40% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '20.8px',
-  '--fontWeight1': '300',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0 0 0 0'
-};
-var index = observer(LessSimple);
-
-export { index as default };

package/build/esm/index-9a91f946.js

@@ -1,63 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-df938e09.js';
-import 'react';
-import ProductCenter from './index-32ed3d4f.js';
-import { observer } from 'mobx-react-lite';
-import CreateCache from './index-51798d46.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-33cb7e38.js';
-import './index-f3c06912.js';
-import './index-9502beb1.js';
-import './index.module-8c6267ac.js';
-import './index-0185e06a.js';
-import 'classnames';
-import './index-b7a72c16.js';
-import '@crystaldesign/content-box';
-import './index-9e55648d.js';
-import './index-e90924d5.js';
-import './index-abf20110.js';
-import './index-0f6a2fbd.js';
-import './index-a94d988f.js';
-import './index-7fd62018.js';
-import './index.module-c0301db6.js';
-
-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 ProductSimple = function ProductSimple(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.productState.doShowCreateCache && /*#__PURE__*/jsx("div", {
-      style: {
-        zIndex: 400,
-        position: 'relative',
-        width: '100px',
-        height: '50px',
-        top: 0
-      },
-      children: /*#__PURE__*/jsx(CreateCache, {})
-    }), /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      children: /*#__PURE__*/jsx(ProductCenter, {
-        style: {
-          height: '100%',
-          top: 0
-        },
-        folderPosition: "left"
-      })
-    }))]
-  });
-};
-var ProductSimple$1 = observer(ProductSimple);
-
-export { ProductSimple$1 as default };

package/build/esm/index-9fc2fd14.js

@@ -1,72 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcTabGroupItem = "wcTabGroupItem--h1dg";
-var wcActiveStep = "wcActiveStep-DkkXm";
-var textContainer = "textContainer-5LdUc";
-var text = "text-a5N3T";
-var wcStepNum = "wcStepNum--aolz";
-var portrait = "portrait-0koj3";
-var css_248z = ".wcTabGroupItem--h1dg {\n  height: calc(100% - 1px);\n  min-width: 200px;\n  float: left;\n  display: flex;\n  flex-direction: row;\n  background-color: #fcfcfc;\n  border-top: 1px solid #f0f0f0;\n  cursor: pointer;\n}\n\n.wcTabGroupItem--h1dg.wcActiveStep-DkkXm {\n}\n\n/* \n.wcVisitedStep {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep.wcTabGroupItem:hover {\n  background-color: #bbbbbb;\n} */\n\n.textContainer-5LdUc {\n  position: relative;\n  width: calc(100% - 50px);\n}\n.textContainer-5LdUc:hover {\n  box-shadow: 0px 2px 5px rgba(68, 49, 49, 0.445);\n  transition: 0.15s ease;\n}\n\n.wcActiveStep-DkkXm .textContainer-5LdUc:hover {\n  box-shadow: none;\n  box-shadow: initial;\n  cursor: default;\n}\n\n.text-a5N3T {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: calc(100% - 16px);\n  color: black;\n  padding-left: 18px;\n  font-weight: 300;\n  letter-spacing: 0pt;\n  font-size: 17px;\n}\n\n/* .wcVisitedStep {\n} */\n\n.wcStepNum--aolz {\n  height: 12px;\n  width: 12px;\n  padding: 20px;\n  font-size: 25px;\n  line-height: 10px;\n  background-color: #dfdfdf;\n  transition: background-color 0.3s ease-out;\n  font-weight: 300;\n  color: white;\n}\n\n.wcActiveStep-DkkXm .wcStepNum--aolz,\n.wcStepNum--aolz:hover {\n  background-color: var(--primaryColor);\n}\n.wcTabGroupItem--h1dg.portrait-0koj3 {\n  border-bottom: 1px solid #f0f0f0;\n\n  border-top: 0;\n\n  border-top: initial;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalLessSimple = function TabGroupItemHorizontalLessSimple(_ref) {
-  var tabGroup = _ref.tabGroup,
-    width = _ref.width;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      width: width
-    },
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem,
-    //   viewHandler.uiState.isMobileLandscape ? landscape : undefined,
-    viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr) ? wcActiveStep : undefined, 'tabGroupItemHorizontalLessSimple'
-    /* viewHandler.tabGroupAlreadyVisited(tabGroup) &&
-      !(tabGroup.title == curTabGroup?.title && tabGroup.posNr == curTabGroup?.posNr)
-      ? wcVisitedStep
-      : undefined,*/),
-    children: [/*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(textContainer),
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(text),
-        children: t('configurator.' + tabGroup.title, tabGroup.title)
-      })
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontalLessSimple);
-
-export { index as default };