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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "24.10.0-beta.2",
+  "version": "24.10.0-beta.21",
   "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.2",
-    "@crystaldesign/products-component": "24.10.0-beta.2",
-    "@crystaldesign/real-time-viewer": "24.10.0-beta.2",
-    "@crystaldesign/web-planner-logic": "24.10.0-beta.2",
+    "@crystaldesign/content-item": "24.10.0-beta.21",
+    "@crystaldesign/products-component": "24.10.0-beta.21",
+    "@crystaldesign/real-time-viewer": "24.10.0-beta.21",
+    "@crystaldesign/web-planner-logic": "24.10.0-beta.21",
     "@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": "6a2281331f581740856a0d1cc8e978a453b69638"
+  "gitHead": "683cfe2f8a725e0394371980b9fc0f5f492d2d27"
 }

package/build/esm/PlannerSirvViewer-73cf442b.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-7a7f03dd.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-0cca3d6d.js

@@ -1,29 +0,0 @@
-import { s as styleInject } from './index-7a7f03dd.js';
-import 'react';
-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';
-
-var isActive = "is-active-9I6Tg";
-var css_248z = ".is-active-9I6Tg {\n  position: absolute;\n  left: 4px;\n  top: 4px;\n  height: 21px;\n  width: 21px;\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%3Crect x%3D%224%22 y%3D%226%22 width%3D%2216%22 height%3D%2213%22 fill%3D%22white%22%2F%3E%3Cpath d%3D%22M23.625 12C23.625 5.625 18.375 0.375 12 0.375C5.57812 0.375 0.375 5.625 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.375 23.625 23.625 18.4219 23.625 12ZM10.6406 18.1875C10.3594 18.4688 9.84375 18.4688 9.5625 18.1875L4.6875 13.3125C4.40625 13.0312 4.40625 12.5156 4.6875 12.2344L5.76562 11.2031C6.04688 10.875 6.51562 10.875 6.79688 11.2031L10.125 14.4844L17.1562 7.45312C17.4375 7.125 17.9062 7.125 18.1875 7.45312L19.2656 8.48438C19.5469 8.76562 19.5469 9.28125 19.2656 9.5625L10.6406 18.1875Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  border-radius: 20px;\n  background-position: center;\n  z-index: 100;\n}\n";
-styleInject(css_248z);
-
-var IsActive = function IsActive() {
-  return /*#__PURE__*/jsx("div", {
-    className: isActive
-  });
-};
-
-export { IsActive as default };

package/build/esm/index-16d5748e.js

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

package/build/esm/index-43494e7e.js

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7a7f03dd.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-aee2ffbc.js';
-import SettingsScroller from './index-57772afa.js';
-import { observer } from 'mobx-react-lite';
-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/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import './index-4b4b024c.js';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
-import 'react-laag';
-import './index-be3a3cc7.js';
-import './index-1e13b3d7.js';
-import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
-import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
-import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
-import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
-import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
-import './index-ae6cc1f0.js';
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _scollerElement$getBo, _viewHandler$settings, _viewHandler$settings2;
-  var subTabGroupName = _ref.subTabGroupName,
-    itemPalettes = _ref.itemPalettes,
-    index = _ref.index,
-    count = _ref.count;
-  var viewHandler = useViewHandler();
-  var _useState = useState(viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  useEffect(function () {
-    if (viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName !== isOpen) {
-      setIsOpen(viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName);
-    }
-  }, [viewHandler.tabGroupState.currentSubTabGroupFolded]);
-  var scollerElement = viewHandler.settingsState.settingsScrollerElement;
-  if (!scollerElement) return /*#__PURE__*/jsx(Fragment, {});
-  var heightOfSubTabGroupHeaders = ((_scollerElement$getBo = scollerElement === null || scollerElement === void 0 ? void 0 : scollerElement.getBoundingClientRect().height) !== null && _scollerElement$getBo !== void 0 ? _scollerElement$getBo : 0) - ((scollerElement === null || scollerElement === void 0 ? void 0 : scollerElement.id) !== 'subTabGroupScroller' ? (_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0 : 0);
-  var htmlRef = viewHandler.tabGroupState.subTabGroupItems.get(index);
-  for (var i = 0; i < count; i++) {
-    heightOfSubTabGroupHeaders -= (htmlRef === null || htmlRef === void 0 ? void 0 : htmlRef.getBoundingClientRect().height) || 0;
-  }
-  return /*#__PURE__*/jsx(Collapsible, {
-    triggerWhenOpen: /*#__PURE__*/jsx(SubTabGroupHeader, {
-      subTabGroup: subTabGroupName,
-      index: index,
-      open: true
-    }),
-    trigger: /*#__PURE__*/jsx(SubTabGroupHeader, {
-      subTabGroup: subTabGroupName,
-      index: index,
-      open: false
-    }),
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    onOpening: function onOpening() {
-      viewHandler.tabGroupState.setCurrentSubTabGroupFolded(subTabGroupName);
-      viewHandler.paletteViewHandler.scrollToTopInItemPalette(true);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      style: {
-        height: heightOfSubTabGroupHeaders,
-        overflow: 'auto'
-      },
-      children: /*#__PURE__*/jsx(SettingsScroller, {
-        itemPalettes: itemPalettes,
-        isInSubTabGroupContainer: true
-      })
-    })
-  });
-};
-var SubTabgroup$1 = observer(SubTabgroup);
-
-export { SubTabgroup$1 as default };

package/build/esm/index-62298da3.js

@@ -1,146 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import SubTabgroup from './index-43494e7e.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/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 'react-collapsible';
-import './index-aee2ffbc.js';
-import 'classnames';
-import './index-57772afa.js';
-import './index-4b4b024c.js';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
-import 'react-laag';
-import './index-be3a3cc7.js';
-import './index-1e13b3d7.js';
-import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
-import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
-import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
-import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
-import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
-import './index-ae6cc1f0.js';
-
-var settingsScrollerContainer = "settingsScrollerContainer-5RtOu";
-var css_248z = ".settingsScrollerContainer-5RtOu {\n  /* overflow: auto; */\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var SettingsSubTabGroup = function SettingsSubTabGroup(props) {
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    subTabGroupItemPalettesKey = _useState2[0],
-    setSubTabGroupItemPalettesKey = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    subTabGroupItemPalettes = _useState4[0],
-    setSubTabGroupItemPalettes = _useState4[1];
-  var settingsScrollerElement = useRef(null);
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  useEffect(function () {
-    var subTabGroups = [];
-    var palettes = [];
-    //itemPalettes get grouped by subTabGroup
-    viewHandler.settingsState.itemPaletteArr.map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        item = _ref2[1];
-      if (!item.isRenderedNotInSettingPalette && item.visible) {
-        if (!subTabGroups.includes(item.subTabGroup)) {
-          subTabGroups.push(item.subTabGroup);
-          var newEntry = {};
-          newEntry[key] = item;
-          palettes.push(newEntry);
-        } else {
-          palettes[subTabGroups.indexOf(item.subTabGroup)][key] = item;
-        }
-      }
-    });
-    setSubTabGroupItemPalettesKey(subTabGroups);
-    setSubTabGroupItemPalettes(palettes);
-  }, [viewHandler.settingsState.itemPaletteArr]);
-  useEffect(function () {
-    //reset current folded subTabGroup if navigated to new tabGroup
-    if (subTabGroupItemPalettesKey.length > 0 && (!viewHandler.tabGroupState.currentSubTabGroupFolded || !subTabGroupItemPalettesKey.includes(viewHandler.tabGroupState.currentSubTabGroupFolded))) {
-      viewHandler.tabGroupState.setCurrentSubTabGroupFolded(subTabGroupItemPalettesKey[0]);
-    }
-  }, [subTabGroupItemPalettesKey, subTabGroupItemPalettes]);
-  return /*#__PURE__*/jsx("div", {
-    id: "subTabGroupScroller",
-    className: settingsScrollerContainer,
-    ref: settingsScrollerElement,
-    children: subTabGroupItemPalettes.map(function (item, key) {
-      return /*#__PURE__*/jsx(SubTabgroup, {
-        itemPalettes: item,
-        subTabGroupName: subTabGroupItemPalettesKey[key],
-        index: key,
-        count: subTabGroupItemPalettes.length
-      }, subTabGroupItemPalettesKey[key]);
-    })
-  });
-};
-var SettingsSubTabGroup$1 = observer(SettingsSubTabGroup);
-
-export { SettingsSubTabGroup$1 as default };

package/build/esm/index-6dbf53ab.js

@@ -1,166 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-e6b3541d.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-f191fc7c.js';
-import BarrierActions from './index-597d3470.js';
-import { jsxs, Fragment, 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 './index-4b4b024c.js';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
-import 'react-laag';
-import './index-be3a3cc7.js';
-import './index-57772afa.js';
-import './index-1e13b3d7.js';
-import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
-import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
-import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
-import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
-import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
-import './index-ae6cc1f0.js';
-import './index-62298da3.js';
-import './index-43494e7e.js';
-import 'react-collapsible';
-import './index-aee2ffbc.js';
-import './index-23dc1be6.js';
-import './index-df4d8ffb.js';
-import './index-42e6414d.js';
-import './index-8c540293.js';
-import './index.module-9798d801.js';
-import './index-dff1b62d.js';
-import './index-6fe17524.js';
-import './index-9cb071d4.js';
-import './index-f3ee10c9.js';
-import './index-762c8f25.js';
-import './index-27d074d0.js';
-import './index-8fba834e.js';
-import './index-38d3c407.js';
-import './index-bfd9d26a.js';
-import './index.module-9dabffda.js';
-
-var wcConfigurator = "wcConfigurator-Aj38X";
-var wcConfiguratorProduct = "wcConfigurator-product-Me16i";
-var wcConfiguratorSettings = "wcConfigurator-settings--KAiX";
-var portrait = "portrait-lYxUc";
-var settingsHidden = "settingsHidden-idrfE";
-var css_248z = ".wcConfigurator-Aj38X {\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-Aj38X {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-product-Me16i {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 73%;\n  height: 100%;\n  transition: width ease 0.5s;\n}\n\n.wcConfigurator-settings--KAiX {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 27%;\n  height: 100%;\n  position: absolute;\n  background-color: #f2f2f2;\n  transition: width ease 0.5s;\n}\n\n.portrait-lYxUc .wcConfigurator-product-Me16i {\n  top: 0;\n  left: 0;\n  height: 50%;\n  width: 100%;\n}\n\n.portrait-lYxUc .wcConfigurator-settings--KAiX {\n  left: 0px;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n}\n\n.settingsHidden-idrfE .wcConfigurator-product-Me16i {\n  width: 100%;\n}\n\n.settingsHidden-idrfE.portrait-lYxUc .wcConfigurator-product-Me16i {\n  height: 100%;\n}\n\n.settingsHidden-idrfE .wcConfigurator-settings--KAiX {\n  overflow: hidden;\n  width: 0px;\n}\n";
-styleInject(css_248z);
-
-var Simple = function Simple(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(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, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined),
-      children: [/*#__PURE__*/jsx(ProductSimple, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      })]
-    }), /*#__PURE__*/jsx(BarrierActions, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#d60084',
-  '--secondaryColor': '#171717',
-  '--thirdColor': '#e5e5e5; ',
-  '--galleryItemRowCount': '8',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '0.5%',
-  '--globalBorderRadius': '0px',
-  '--galleryItemRadius': '50%',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--galleryItemBorderColor': '#e8e9ed',
-  '--galleryItemBorderSelColor': 'black',
-  '--galleryItemBorderHoverColor': 'black',
-  '--gallerySelectedBoxShadow': 'inset 0 0 100px black',
-  '--galleryItemBorder': '0px',
-  '--configuratorActionHeight': '3.125rem',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
-  '--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(Simple);
-
-export { index as default };