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

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

@@ -1,171 +0,0 @@
-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

@@ -1,179 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,146 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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 };