@crystaldesign/diva-web-planner-react 24.12.0 → 24.12.1

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

@@ -0,0 +1,171 @@
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-f21bc2b5.js';
+import Product from './index-e1f54066.js';
+import Settings from './index-19008c8c.js';
+import NavigationButtons from './index-ff5b9257.js';
+import BasketAction from './index-f70f069f.js';
+import TabGroup from './index-418359c4.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-d9443dd0.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 '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-8d1d697a.js';
+import './index-ca0e4969.js';
+import './index-053d32e4.js';
+import './index-0b2690bb.js';
+import './index-327cd278.js';
+import 'react-laag';
+import './index-68f24f4a.js';
+import './index-87812dfe.js';
+import './index-a8f4c6d0.js';
+import 'sift';
+import './index-c84e2c9d.js';
+import './index-2ce21b8e.js';
+import './index-a638b452.js';
+import './index-339fe263.js';
+import './index.module-0c3a1f94.js';
+import './index-caa33034.js';
+import 'react-switch';
+import './index-55f945c0.js';
+import './index-a8d969d8.js';
+import 'react-dropdown';
+import './index-7dbf560b.js';
+import './index-abcc0f82.js';
+import './index-b34188dc.js';
+import './index-63cce023.js';
+import '@crystaldesign/content-box';
+import './index-2f1a0e04.js';
+import './index-972a9fb1.js';
+import './index-b5b683b5.js';
+import './index-4f5189b5.js';
+import './index-8161d3d2.js';
+import '@crystaldesign/products-component';
+import './index-0f8e2602.js';
+import './index-f5a4b8a0.js';
+import './index-bd162ad8.js';
+import './index-e4dd8413.js';
+import './index-2b309493.js';
+import './index-ef85426a.js';
+import './index-6891af5f.js';
+import './index-48a8a155.js';
+import './index-1a28e9b5.js';
+import './index-1bb9122f.js';
+import './index-473e0393.js';
+import './index-a76c6752.js';
+import './index-89cc3b90.js';
+import './index.module-d4c0130b.js';
+import './index-783af724.js';
+import './index-eefd4032.js';
+import './index-770767c2.js';
+import './index-7cab0762.js';
+import './index-b5e6499c.js';
+import './index-7531df3b.js';
+import './index-f214f28a.js';
+import './index.module-cb0c03a2.js';
+import './index-fde74907.js';
+import './index-9b97271d.js';
+import './index-0668dc6a.js';
+import './index-fc98f1f4.js';
+import './index-91f2928f.js';
+import './index-c6729434.js';
+import './index-786d8f5e.js';
+import './index-f903b11e.js';
+
+var wcConfigurator = "wcConfigurator-XDqzc";
+var landscape = "landscape-h-sQZ";
+var portrait = "portrait-GHprw";
+var wcConfiguratorProduct = "wcConfigurator-product--JVWg";
+var wcConfiguratorSettings = "wcConfigurator-settings-YxHjA";
+var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
+var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
+var expanded = "expanded-Iylhn";
+var settingsHidden = "settings-hidden-T4ySb";
+var isOnLastStep = "isOnLastStep-mmqas";
+var foldedup = "foldedup-NCdbS";
+var css_248z = ".wcConfigurator-XDqzc {\r\n  position: relative;\r\n  height: calc(100% - 60px);\r\n  width: 100%;\r\n  margin: 30px 0;\r\n  overflow: hidden;\r\n  font-family: var(--diva-typography-font-family);\r\n  font-weight: 100;\r\n  letter-spacing: 0.5px;\r\n  -webkit-font-smoothing: antialiased;\r\n  -webkit-text-stroke: 0.1px;\r\n  -webkit-touch-callout: none; /* iOS Safari */\r\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\r\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\r\n  user-select: none; /* Non-prefixed version, currently*/\r\n}\r\n\r\n.wcConfigurator-XDqzc *,\r\n.wcConfigurator-XDqzc *::before,\r\n.wcConfigurator-XDqzc *::after {\r\n  box-sizing: content-box;\r\n  box-sizing: initial;\r\n}\r\n\r\n.wcConfigurator-XDqzc.landscape-h-sQZ {\r\n  height: 100%;\r\n  width: 100%;\r\n  margin: 0;\r\n}\r\n\r\n.wcConfigurator-XDqzc.portrait-GHprw {\r\n  height: 100%;\r\n  width: 100%;\r\n  margin: 0;\r\n}\r\n\r\n/******************************************Product*******************************************/\r\n\r\n.wcConfigurator-product--JVWg {\r\n  position: absolute;\r\n  width: 69%;\r\n  top: calc(56px + 20px);\r\n  height: calc(100% - 56px - 20px);\r\n}\r\n\r\n/**************************************ConfigPalette***************************************/\r\n.wcConfigurator-settings-YxHjA {\r\n  position: absolute;\r\n  width: 31%;\r\n  overflow: visible;\r\n  z-index: 500;\r\n  right: 0px;\r\n  top: calc(56px + 20px);\r\n  height: calc(100% - 60px - 56px - 70px);\r\n  transition: width 0.2s ease-in-out;\r\n}\r\n\r\n/**************************************TabGroup********************************************/\r\n\r\n.wcConfigurator-steps-sGIVo {\r\n  position: absolute;\r\n  z-index: 300;\r\n  height: 56px;\r\n  width: 100%;\r\n  transition: width 0.2s ease-in-out;\r\n}\r\n\r\n/************************************Navigaton Buttons*************************************/\r\n\r\n.wcConfigurator-settings-actions-M6Qsu {\r\n  position: absolute;\r\n  width: 31%;\r\n  height: 40px;\r\n  right: 0px;\r\n  bottom: calc(40px + 20px);\r\n  padding-top: 10px;\r\n  z-index: 500;\r\n  transition: width 0.2s ease-in-out;\r\n}\r\n\r\n/*************************************Basket Button****************************************/\r\n.wcConfigurator-action-EgrS- {\r\n  position: absolute;\r\n  width: 31%;\r\n  height: 40px;\r\n  right: 0px;\r\n  bottom: 0px;\r\n  padding-top: 20px;\r\n  z-index: 500;\r\n  transition: width 0.2s ease-in-out;\r\n}\r\n\r\n/****************************************Settings- Expanded *******************************/\r\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\r\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\r\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\r\n  width: 62%;\r\n}\r\n\r\n.wcConfigurator-XDqzc.portrait-GHprw,\r\n.landscape-h-sQZ.wcConfigurator-XDqzc {\r\n  padding: 0;\r\n  padding: initial;\r\n  overflow: hidden;\r\n}\r\n/*********************************************************************Mobile Landscape***********************************************************************/\r\n\r\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\r\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0px;\r\n  left: 0px;\r\n}\r\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\r\n  height: calc(100% - 40px);\r\n}\r\n\r\n/*************************ConfigPalette -- Mobile Landscape ***************************/\r\n\r\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\r\n  top: calc(54.4px + 40px);\r\n  right: 0;\r\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\r\n  width: 55%;\r\n}\r\n\r\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\r\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\r\n  top: 100%;\r\n}\r\n\r\n/*****************************TabGroup -- Mobile Landscape ****************************/\r\n\r\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\r\n  position: absolute;\r\n  right: 0px;\r\n  left: auto;\r\n  left: initial;\r\n  top: 54.4px;\r\n  height: 40px;\r\n  width: 55%;\r\n}\r\n\r\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\r\n  left: 0px;\r\n  top: calc(100% - 40px);\r\n  width: 100%;\r\n}\r\n\r\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\r\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\r\n  bottom: 0px;\r\n  width: 55%;\r\n  height: var(--configuratorActionHeight);\r\n  padding-top: 0px;\r\n  right: 0;\r\n}\r\n\r\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\r\n  display: none !important;\r\n}\r\n\r\n/*********************Basket Button-- Mobile Landscape*********************************/\r\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\r\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\r\n  display: none !important;\r\n}\r\n\r\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\r\n  display: block;\r\n  right: 0px;\r\n  bottom: 0px;\r\n  width: 55%;\r\n  height: var(--configuratorActionHeight);\r\n  padding-top: 0px;\r\n}\r\n\r\n/*********************************************************************Mobile Portrait************************************************************************/\r\n\r\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\r\n.portrait-GHprw .wcConfigurator-product--JVWg {\r\n  top: 0;\r\n  left: 0;\r\n  height: 48%;\r\n  width: 100%;\r\n}\r\n\r\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\r\n  z-index: 1;\r\n}\r\n\r\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\r\n  height: calc(100% - 40px);\r\n}\r\n\r\n/*************************ConfigPalette -- Mobile Portrait ****************************/\r\n\r\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\r\n  left: 0px;\r\n  top: calc(48% + 40px);\r\n  height: calc(52% - 40px - var(--configuratorActionHeight));\r\n  width: 100%;\r\n}\r\n\r\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\r\n  top: 100%;\r\n}\r\n\r\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\r\n  top: 2.5rem;\r\n  height: calc(100% - 40px);\r\n}\r\n\r\n/*****************************TabGroup -- Mobile Portrait *****************************/\r\n\r\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\r\n  position: absolute;\r\n  left: 0px;\r\n  top: 48%;\r\n  width: 100%;\r\n  height: 40px;\r\n}\r\n\r\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\r\n  top: 0px;\r\n}\r\n\r\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\r\n  top: auto;\r\n  top: initial;\r\n  bottom: 0px;\r\n}\r\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\r\n\r\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\r\n  bottom: 0px;\r\n  width: 100%;\r\n  height: var(--configuratorActionHeight);\r\n  padding-top: 0px;\r\n  right: 0px;\r\n}\r\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\r\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\r\n  display: none !important;\r\n}\r\n\r\n/*********************Basket Button-- Mobile Portrait *********************************/\r\n\r\n.portrait-GHprw .wcConfigurator-action-EgrS-,\r\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\r\n  display: none;\r\n}\r\n\r\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\r\n  right: 0px;\r\n  bottom: 0px;\r\n  width: 100%;\r\n  height: var(--configuratorActionHeight);\r\n  padding-top: 0px;\r\n  display: block;\r\n}\r\n::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 5px;\r\n}\r\n::-webkit-scrollbar-track {\r\n  background: #dfdfdf;\r\n  border-radius: 3px;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n  background: #b1b1b1;\r\n  border-radius: 3px;\r\n}\r\n";
+styleInject(css_248z);
+
+var Gold = function Gold(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        showCloseButtonInMobile: 'none'
+      }), /*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions
+      }), /*#__PURE__*/jsx(BasketAction, {
+        containerClassName: wcConfiguratorAction
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#a81e1e',
+  '--secondaryColor': '#4a4a4a',
+  '--thirdColor': '#dfdfdf',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--galleryItemRadius': '3px',
+  '--galleryItemRowCount': '4',
+  '--galleryItemMargin': '1%',
+  '--galleryItemRowCountSmall': '3',
+  '--galleryItemMarginSmall': '0.5%',
+  '--galleryItemBorderColor': '#e8e9ed83',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--galleryItemBorder': '1px',
+  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '10px',
+  '--settingsScrollerPaddingLeft': '10px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
+  '--configuratorActionHeight': '40px',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
+  '--itemsMargin': '11.2px 0 0 0'
+};
+var index = observer(Gold);
+
+export { index as default };

package/build/esm/index-4099ef77.js

@@ -0,0 +1,179 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-945074f1.js';
+import 'react';
+import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
+import ShelfDeleteButton from './index-da1e1399.js';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment, jsxs } 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';
+
+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 GridList = function GridList(_ref) {
+  var _item$shelfPlannerGri;
+  var item = _ref.item,
+    height = _ref.height;
+    _ref.width;
+    var direction = _ref.direction;
+  var grid = (_item$shelfPlannerGri = item.shelfPlannerGrids) === null || _item$shelfPlannerGri === void 0 ? void 0 : _item$shelfPlannerGri[0];
+  var viewHandler = useViewHandler();
+  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
+  var itemHeight = height / grid.Cells.length;
+  var cells = [];
+  var lastInUse = -1;
+  var onBoardNameAdded = false;
+  for (var i = 0; i < grid.Cells.length; i++) {
+    var cell = grid.Cells[i];
+    if (cell.InUse == -1) {
+      cells.splice(0, 0, {
+        heightCount: 1,
+        inUse: cell.InUse,
+        index: cell.Index,
+        type: undefined,
+        isDisabled: cell.IsDisabled,
+        isRequired: cell.IsRequired,
+        onlyPlaceHolder: cell.OnlyPlaceHolder,
+        noMove: cell.NoMove,
+        noDelete: cell.NoDelete
+      });
+    } else if (lastInUse != cell.InUse && lastInUse != cell.OnBoard) {
+      var _cell$Article, _cell$Article2;
+      lastInUse = cell.InUse;
+      onBoardNameAdded = false;
+      cells.splice(0, 0, {
+        heightCount: 1,
+        inUse: cell.InUse,
+        index: cell.Index,
+        type: cell.Type,
+        isDisabled: cell.IsDisabled,
+        isRequired: cell.IsRequired,
+        articleText: (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.name,
+        onlyPlaceHolder: cell.OnlyPlaceHolder,
+        noMove: cell.NoMove,
+        noDelete: cell.NoDelete,
+        basketId: (_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId
+      });
+    } else {
+      var foundCell = cells.find(function (cell) {
+        return cell.inUse == lastInUse;
+      });
+      if (foundCell) {
+        if (lastInUse === cell.OnBoard && !onBoardNameAdded) {
+          var _cell$Article3;
+          onBoardNameAdded = true;
+          foundCell.articleText = ((_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.name) + '<br/>&<br/>' + foundCell.articleText;
+          foundCell.onBoard = true;
+        }
+        foundCell.heightCount++;
+      }
+    }
+  }
+  var onDragEnd = function onDragEnd(result) {
+    if (!result.destination) return;
+    var sourceIndex = cells[result.source.index].index;
+    var destinationIndex = cells[result.destination.index].index;
+    if (sourceIndex != destinationIndex) viewHandler.paletteViewHandler.shelfItemMoved(grid, sourceIndex, destinationIndex);
+  };
+  var getItemStyle = function getItemStyle(isDragging, draggableStyle, item, showNumber) {
+    if (direction == 'horizontal') {
+      return getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber);
+    } else {
+      return getItemStyleVertical(isDragging, draggableStyle, item);
+    }
+  };
+  var getItemStyleVertical = function getItemStyleVertical(isDragging, draggableStyle, item) {
+    return _objectSpread({
+      userSelect: 'none',
+      width: 'calc(' + 100 * (item.heightCount / grid.Cells.length) + '% - 1px)',
+      wordBreak: 'break-word',
+      height: '100%',
+      marginRight: '1px',
+      background: item.isRequired ? '#FFEBEB' : item.inUse == -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
+      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
+      backgroundSize: item.isDisabled && '28.28px 28.28px',
+      "float": 'left',
+      borderRight: item.inUse == -1 ? '1px solid lightgrey' : 'none',
+      boxSizing: 'border-box'
+    }, draggableStyle);
+  };
+  var getItemStyleHorizontal = function getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber) {
+    return _objectSpread({
+      userSelect: 'none',
+      height: itemHeight * item.heightCount - 1,
+      marginBottom: '1px',
+      fontSize: item.inUse === -1 ? '12px' : undefined,
+      lineHeight: item.inUse === -1 ? '2px' : undefined,
+      background: item.isRequired ? '#FFEBEB' : item.inUse === -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
+      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
+      backgroundSize: item.isDisabled && '28.28px 28.28px',
+      borderBottom: item.inUse == -1 ? showNumber ? '1px solid #B5B5B5' : '1px solid lightgrey' : 'none',
+      boxSizing: 'border-box'
+    }, draggableStyle);
+  };
+  var getTextStyle = function getTextStyle() {
+    if (direction == 'vertikal') {
+      return {
+        maxHeight: 'calc(100% - 22px)',
+        overflow: 'auto'
+      };
+    }
+    return {};
+  };
+  return /*#__PURE__*/jsx(DragDropContext, {
+    onDragEnd: onDragEnd,
+    children: /*#__PURE__*/jsx(Droppable, {
+      droppableId: "droppable",
+      direction: direction == 'vertikal' ? 'horizontal' : 'vertical',
+      children: function children(provided, snapshot) {
+        return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, provided.droppableProps), {}, {
+          ref: provided.innerRef,
+          style: {
+            width: '100%',
+            height: '100%'
+          },
+          children: [cells.map(function (item, index) {
+            return /*#__PURE__*/jsx(Draggable, {
+              index: index,
+              isDragDisabled: item.inUse == -1 || item.isDisabled || item.noMove,
+              draggableId: index.toString(),
+              children: function children(provided, snapshot) {
+                return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+                  onClick: function onClick() {
+                    viewHandler.settingsState.setSelectedShelfAccessoire(item.basketId);
+                    viewHandler.paletteViewHandler.clickAddAccessorieOnShelfPlanner(grid, item.index);
+                  },
+                  ref: provided.innerRef
+                }, provided.draggableProps), provided.dragHandleProps), {}, {
+                  style: getItemStyle(snapshot.isDragging, provided.draggableProps.style, item, item.index % 5 === 0 && !!index),
+                  children: [!!item.articleText && /*#__PURE__*/jsx("div", {
+                    style: getTextStyle(),
+                    dangerouslySetInnerHTML: {
+                      __html: item.articleText
+                    }
+                  }), item.inUse == -1 && item.index % 5 === 0 && !!index && direction == 'horizontal' && item.index, (item.inUse > -1 && !item.noDelete && !item.isDisabled || item.onBoard) && /*#__PURE__*/jsx(ShelfDeleteButton, {
+                    grid: grid,
+                    index: item.inUse
+                  })]
+                }));
+              }
+            }, index);
+          }), provided.placeholder]
+        }));
+      }
+    })
+  });
+};
+var GridList$1 = observer(GridList);
+
+export { GridList$1 as default };

package/build/esm/index-4104e69f.js

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

package/build/esm/index-41060553.js

@@ -0,0 +1,146 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import { useState, useEffect } from 'react';
+import OrbitControlElement from 'react-3d-cube-interaction';
+import { observer } from 'mobx-react-lite';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+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/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var orbitInteractionContainer = "orbit-interaction-container-BHDEA";
+var cubeText = "cubeText-rsimr";
+var mobile = "mobile-YALCk";
+var css_248z = ".orbit-interaction-container-BHDEA {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  z-index: 350;\r\n}\r\n\r\n.cubeText-rsimr {\r\n  font-size: max(12px, min(2vw, 20px));\r\n}\r\n\r\n.mobile-YALCk.orbit-interaction-container-BHDEA {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 20px;\r\n  right: auto;\r\n  right: initial;\r\n  z-index: 350;\r\n}\r\n";
+styleInject(css_248z);
+
+var camRotHorizontal_LastFrame = undefined;
+var camRotVertical_LastFrame = undefined;
+var AUTO_HIDE_IN_MS = 2000;
+var timeOut = undefined;
+var OrbitInteractionStandard = function OrbitInteractionStandard(_ref) {
+  var _viewHandler$productS;
+  var _ref$orbitInteraction = _ref.orbitInteractionContainerClass,
+    orbitInteractionContainerClass = _ref$orbitInteraction === void 0 ? orbitInteractionContainer : _ref$orbitInteraction;
+  var viewHandler = useViewHandler();
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHidden = _useState2[0],
+    setHidden = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    if (timeOut) clearTimeout(timeOut);
+    if (isHidden) {
+      timeOut = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              viewHandler.productState.setOrbitIsHidden(true);
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      })), AUTO_HIDE_IN_MS);
+    } else {
+      viewHandler.productState.setOrbitIsHidden(false);
+    }
+  }, [isHidden]);
+  if (viewHandler.productState.plannerRenderingIsStaticBG) return /*#__PURE__*/jsx(Fragment, {});
+  var initParams = viewHandler.viewPlannerHandler.getOrbitCubeInitParams();
+  var onRotationChange = function onRotationChange(p) {
+    if (camRotHorizontal_LastFrame != undefined && camRotVertical_LastFrame != undefined && p.horizontal == camRotHorizontal_LastFrame && p.vertical == camRotVertical_LastFrame) return;
+    var rotHori = p.horizontal;
+    var rotVert = p.vertical;
+    camRotHorizontal_LastFrame = p.horizontal;
+    camRotVertical_LastFrame = p.vertical;
+    viewHandler.viewPlannerHandler.updateOrbitCubeInitParams(p.horizontal, p.vertical);
+    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DSetVPByVal', {
+      nav3DSetVPByVal: {
+        rotX: rotHori,
+        rotY: rotVert
+      }
+    });
+  };
+
+  /**
+   *
+   * @param p form 10 (max zoom) to -10 (min zoom)
+   */
+  var onZoomChange = function onZoomChange(zoom) {
+    var p = Math.round(zoom.absoluteZoom);
+    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DZoom', {
+      nav3DZoom: {
+        zoomVal: p
+      }
+    });
+  };
+  if (viewHandler.uiState.isLoading) {
+    camRotHorizontal_LastFrame = undefined;
+    camRotVertical_LastFrame = undefined;
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(orbitInteractionContainerClass, viewHandler.uiState.isInMobileView ? mobile : undefined),
+    children: /*#__PURE__*/jsx(OrbitControlElement, {
+      hiddenState: [isHidden, setHidden],
+      ref: function ref(_ref3) {
+        return viewHandler.productState.setOrbitCubeElement(_ref3);
+      },
+      size: viewHandler.uiState.isInMobileView ? '50px' : '80px',
+      interactionElement: (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : undefined,
+      onRotationChange: onRotationChange,
+      onZoomChange: onZoomChange,
+      autoHide: AUTO_HIDE_IN_MS //Default 0
+      ,
+      initialRotation: initParams != undefined ? {
+        horizontal: initParams.rotHorizontal,
+        vertical: initParams.rotVertical
+      } : undefined,
+      zoomFactorResetDelay: 500,
+      minCssScale: 0.5,
+      maxCssScale: 1.5,
+      disableDefaultScrollBehaviour: true,
+      cubeFaceChildren: {
+        back: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.back')
+        }),
+        bottom: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.bottom')
+        }),
+        front: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.front')
+        }),
+        left: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.left')
+        }),
+        right: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.right')
+        }),
+        top: /*#__PURE__*/jsx("div", {
+          className: cubeText,
+          children: t('cube.top')
+        })
+      }
+      //interactionMoveElement={body} //default document.body
+    })
+  });
+};
+var OrbitInteractionStandard$1 = observer(OrbitInteractionStandard);
+
+export { OrbitInteractionStandard$1 as default };

package/build/esm/index-418359c4.js

@@ -0,0 +1,85 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import TabGroupHorizontal from './index-fc98f1f4.js';
+import TabGroupVertical from './index-c6729434.js';
+import TabSearch from './index-f903b11e.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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';
+import './index-91f2928f.js';
+import './index-786d8f5e.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+
+var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";
+var horizontal = "horizontal-6TCsO";
+var wcConfiguratorStepsSplit = "wcConfigurator-steps-split-ATmZ8";
+var portrait = "portrait-uvNtu";
+var closeRight = "close-right-rv5xk";
+var closeLeft = "close-left-S5bW1";
+var vertical = "vertical-HLAFY";
+var tabSearchVisibleClass = "tab-search-visible-class-VelST";
+var landscape = "landscape-O7G0i";
+var wcConfigCloseButton = "wcConfigCloseButton-mkHVY";
+var closeButtonHidden = "closeButtonHidden-g1FQc";
+var wcConfiguratorStepsContainer = "wcConfigurator-steps-Container-Yb9mE";
+var css_248z = ".wcConfigurator-steps-1pUS0 {\r\n  z-index: 300;\r\n}\r\n\r\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 {\r\n  background-color: var(--thirdColor);\r\n}\r\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\r\n  height: 100%;\r\n  width: calc(100% - 4.3rem);\r\n  float: left;\r\n  background: var(--tabGroupBackground);\r\n}\r\n\r\n.horizontal-6TCsO.portrait-uvNtu.close-right-rv5xk .wcConfigurator-steps-split-ATmZ8 {\r\n  width: calc(100% - 3.6rem);\r\n}\r\n.horizontal-6TCsO.portrait-uvNtu.close-left-S5bW1 .wcConfigurator-steps-split-ATmZ8 {\r\n  width: 100%;\r\n}\r\n\r\n.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\r\n  height: 100%;\r\n  width: 100%;\r\n  background: var(--tabGroupBackground);\r\n}\r\n\r\n.tab-search-visible-class-VelST.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\r\n  height: calc(100% - 46px);\r\n}\r\n.horizontal-6TCsO.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\r\n  width: 100%;\r\n}\r\n\r\n.wcConfigCloseButton-mkHVY {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  float: left;\r\n  width: 32px;\r\n  height: 32px;\r\n  margin: 12.8px;\r\n  margin-left: 17.6px;\r\n  transition: background-color 0.15s ease;\r\n  border-radius: var(--globalBorderRadius);\r\n}\r\n.vertical-HLAFY .wcConfigCloseButton-mkHVY {\r\n  position: absolute;\r\n  top: -56px;\r\n  left: 30px;\r\n}\r\n\r\n.portrait-uvNtu .wcConfigCloseButton-mkHVY {\r\n  position: absolute;\r\n  top: 0;\r\n  margin: 10px;\r\n}\r\n\r\n.portrait-uvNtu.close-right-rv5xk .wcConfigCloseButton-mkHVY {\r\n  right: 0;\r\n}\r\n\r\n.portrait-uvNtu.close-left-S5bW1 .wcConfigCloseButton-mkHVY {\r\n  left: -50px;\r\n}\r\n\r\n.wcConfigCloseButton-mkHVY:hover {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n}\r\n\r\n.wcConfigCloseButton-mkHVY:active {\r\n  background-color: rgba(197, 197, 197, 0.1);\r\n}\r\n\r\n.wcTabGroupItem-eqGtC:first-child {\r\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\r\n}\r\n\r\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\r\n  border-radius: var(--globalBorderRadius);\r\n  height: 100%;\r\n  border-width: 0px;\r\n  overflow-x: auto;\r\n}\r\n.wcConfigur-xKWej .wcConfiguratorator-steps-Container-FGpNz {\r\n  width: -moz-max-content;\r\n  width: max-content;\r\n  height: 100%;\r\n}\r\n\r\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\r\n  height: 100%;\r\n  width: calc(100% - 4.3rem);\r\n  float: left;\r\n}\r\n\r\n.horizontal-6TCsO.closeButtonHidden-g1FQc .wcConfigurator-steps-split-ATmZ8,\r\n.horizontal-6TCsO.closeButtonHidden-g1FQc.portrait-uvNtu .wcConfigurator-steps-split-ATmZ8,\r\n.horizontal-6TCsO.closeButtonHidden-g1FQc.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\r\n  width: 100%;\r\n}\r\n\r\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n/* Hide scrollbar for IE and Edge */\r\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8,\r\n.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none; /* Firefox */\r\n}\r\n\r\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\r\n  overflow: auto;\r\n\r\n  /* Hide scrollbar for IE, Edge add Firefox */\r\n\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none; /* Firefox */\r\n}\r\n\r\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.horizontal-6TCsO .wcConfigurator-steps-Container-Yb9mE {\r\n  width: -moz-max-content;\r\n  width: max-content;\r\n  height: 100%;\r\n}\r\n\r\n.vertical-HLAFY .wcConfigurator-steps-Container-Yb9mE {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n";
+styleInject(css_248z);
+
+var _excluded = ["className", "showCloseButtonInMobile", "tabSearchClass"];
+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 TabGroupContainer = function TabGroupContainer(_ref) {
+  var className = _ref.className,
+    showCloseButtonInMobile = _ref.showCloseButtonInMobile,
+    tabSearchClass = _ref.tabSearchClass,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    isFullscreenComponent = _useDivaCore$state.isFullscreenComponent,
+    isMobile = _useDivaCore$state.dimensions.isMobile;
+  var closeButtonVisible = isFullscreenComponent && showCloseButtonInMobile !== 'none' || viewHandler.tabGroupState.curTabGroupType != 'vertical' && !viewHandler.uiState.ViewConfig.hideCloseButton && viewHandler.eventIsManagedByClient('onWebPlanerClose') && !((!showCloseButtonInMobile || showCloseButtonInMobile == 'none') && viewHandler.getIsInMobileView());
+  var tabSearchVisible = viewHandler.uiState.ViewConfig.tabGroupSearchVisible;
+  var tabGroupScroller = useRef(null);
+  useEffect(function () {
+    if (tabGroupScroller.current) {
+      viewHandler.tabGroupState.setTabGroupScroller(tabGroupScroller.current);
+    }
+    return function () {};
+  }, [tabGroupScroller]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(className, wcConfiguratorSteps, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? horizontal : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, !closeButtonVisible ? closeButtonHidden : undefined, tabSearchVisible ? tabSearchVisibleClass : undefined, isMobile ? showCloseButtonInMobile == 'left' ? closeLeft : closeRight : undefined),
+    children: [tabSearchVisible && /*#__PURE__*/jsx(TabSearch, {
+      className: tabSearchClass
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(wcConfiguratorStepsSplit),
+      ref: tabGroupScroller,
+      children: /*#__PURE__*/jsxs("div", {
+        className: wcConfiguratorStepsContainer,
+        children: [viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsx(TabGroupHorizontal, {}), viewHandler.tabGroupState.curTabGroupType == 'vertical' && /*#__PURE__*/jsx(TabGroupVertical, {})]
+      })
+    }), closeButtonVisible && /*#__PURE__*/jsx("div", {
+      className: wcConfigCloseButton,
+      title: t('configurator.ConfigClose'),
+      onClick: viewHandler.onCloseConfigurator
+    })]
+  }));
+};
+var TabGroup = observer(TabGroupContainer);
+
+export { TabGroup as default };

package/build/esm/index-435e94a9.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-945074f1.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+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';
+
+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 Image3DNavBar = function Image3DNavBar(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductCenter/Planner3DImage/NavBar"
+  }));
+};
+
+export { Image3DNavBar as default };