@crystaldesign/diva-web-planner-react 24.10.0-beta.10 → 24.10.0-beta.11

package/build/esm/index-830b4395.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-c93ec6ad.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-b5eb90d8.js';
-import TabGroup from './index-6378b009.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-d21a0d00.js';
-import './index-88a6a92c.js';
-import './index-a6e0c32f.js';
-import './index-a939673d.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6393b7a5.js';
-import 'react-laag';
-import './index-8cc6ec1e.js';
-import './index-c085fcd8.js';
-import './index-3b2ba6c7.js';
-import 'sift';
-import './index-bdd5f2e9.js';
-import './index-b9aaf119.js';
-import './index-d37d0d1e.js';
-import './index-4b158bfb.js';
-import './index.module-8682358c.js';
-import './index-ad7bf572.js';
-import 'react-switch';
-import './index-4b0652d3.js';
-import './index-73901391.js';
-import 'react-dropdown';
-import './index-829ed57e.js';
-import './index-f88dcd0d.js';
-import './index-a254029b.js';
-import './index-8ef75c34.js';
-import '@crystaldesign/content-box';
-import './index-1528e22d.js';
-import './index-54755c85.js';
-import './index-e83a8653.js';
-import './index-58f57013.js';
-import './index-0e853e5a.js';
-import '@crystaldesign/products-component';
-import './index-96513600.js';
-import './index-1c6cf0ee.js';
-import './index-4d37f935.js';
-import './index-f64fc069.js';
-import './index-8a8e4eaa.js';
-import './index-eb44681d.js';
-import './index-c9f152b8.js';
-import './index-d5ab195a.js';
-import './index-a5c2419a.js';
-import './index-9ec1fc8e.js';
-import './index-ecff3a64.js';
-import './index-2b8af995.js';
-import './index-b20bcf92.js';
-import './index.module-0f34b659.js';
-import './index-e1dd297d.js';
-import './index-83c6d917.js';
-import './index-aea71ebc.js';
-import './index-00f67b43.js';
-import './index-dd56625a.js';
-import './index-c1d24aa0.js';
-import './index-ade4ed8e.js';
-import './index.module-ebf1acc9.js';
-import './index-2634e6cd.js';
-import './index-bc38eb7d.js';
-import './index-cf22c16a.js';
-import './index-f1ab3c57.js';
-import './index-a4c12f98.js';
-import 'react-collapsible';
-import './index-75ab0bc4.js';
-import './index-6d51b80c.js';
-import './index-749f971f.js';
-import './index-90d8682f.js';
-import './index-436f49ba.js';
-import './index.module-15fd421e.js';
-import './index-83a4adbf.js';
-import './index-70885e59.js';
-import './index-2fc9a27e.js';
-import './index-900e10f6.js';
-import './index-80f838f3.js';
-import './index-63346407.js';
-import './index-4da25111.js';
-import './index-0ca525d1.js';
-import './index-85c0194c.js';
-import './index.module-00e25d36.js';
-import './index-b7eaad76.js';
-import './index-c2223506.js';
-import './index-774b23ec.js';
-import './index-9bddfec9.js';
-import './index-f77c3b8c.js';
-
-var wcConfigurator = "wcConfigurator-d1j-V";
-var wcConfiguratorProduct = "wcConfigurator-product-vAUD4";
-var wcConfiguratorSettings = "wcConfigurator-settings-Xh4zK";
-var wcConfiguratorSteps = "wcConfiguratorSteps-U3xJz";
-var portrait = "portrait-MaXla";
-var css_248z = ".wcConfigurator-d1j-V {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-d1j-V {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-product-vAUD4 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 65%;\n  height: calc(100% - 50px);\n}\n\n.wcConfigurator-settings-Xh4zK {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 35%;\n  height: 100%;\n  position: absolute;\n  border-left: 1px solid #f0f0f0;\n  background-color: #fcfcfc;\n}\n\n.wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  bottom: 0;\n  left: 0;\n  width: 65%;\n}\n\n.portrait-MaXla .wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  top: 0;\n  width: 100%;\n}\n\n.portrait-MaXla .wcConfigurator-product-vAUD4 {\n  top: 50px;\n  left: 0;\n  height: calc(50% - 50px);\n  width: 100%;\n  z-index: 300;\n}\n\n.portrait-MaXla .wcConfigurator-settings-Xh4zK {\n  left: 0px;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n  z-index: 400;\n}\n";
-styleInject(css_248z);
-
-var LessSimple = function LessSimple(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", {
-      id: "wcConfigurator",
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      className: classnames(wcConfigurator, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(ProductSimple, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      })]
-    })
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#fd8204',
-  '--secondaryColor': '#171717',
-  '--thirdColor': '#e5e5e5',
-  '--galleryItemRowCount': '8',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '1%',
-  '--galleryItemBorder': '2px',
-  '--galleryItemBorderColor': 'white',
-  '--galleryItemBorderSelColor': 'black',
-  '--galleryItemBorderHoverColor': 'black',
-  '--gallerySelectedBoxShadow': 'inset 0 0 100px black',
-  '--globalBorderRadius': '0px',
-  '--galleryItemRadius': '50%',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--configuratorActionHeight': '3.125rem',
-  '--settingsBackgroundColor': '#fcfcfc',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '20px',
-  '--settingsScrollerPaddingLeft': '20px',
-  '--configuratorActionForthWidth': 'calc(60% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(40% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '20.8px',
-  '--fontWeight1': '300',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0 0 0 0'
-};
-var index = observer(LessSimple);
-
-export { index as default };

package/build/esm/index-8426ed5c.js

@@ -1,166 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-c93ec6ad.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-b5eb90d8.js';
-import BarrierActions from './index-ab9ecaaa.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-d21a0d00.js';
-import './index-88a6a92c.js';
-import './index-a6e0c32f.js';
-import './index-a939673d.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6393b7a5.js';
-import 'react-laag';
-import './index-8cc6ec1e.js';
-import './index-c085fcd8.js';
-import './index-3b2ba6c7.js';
-import 'sift';
-import './index-bdd5f2e9.js';
-import './index-b9aaf119.js';
-import './index-d37d0d1e.js';
-import './index-4b158bfb.js';
-import './index.module-8682358c.js';
-import './index-ad7bf572.js';
-import 'react-switch';
-import './index-4b0652d3.js';
-import './index-73901391.js';
-import 'react-dropdown';
-import './index-829ed57e.js';
-import './index-f88dcd0d.js';
-import './index-a254029b.js';
-import './index-8ef75c34.js';
-import '@crystaldesign/content-box';
-import './index-1528e22d.js';
-import './index-54755c85.js';
-import './index-e83a8653.js';
-import './index-58f57013.js';
-import './index-0e853e5a.js';
-import '@crystaldesign/products-component';
-import './index-96513600.js';
-import './index-1c6cf0ee.js';
-import './index-4d37f935.js';
-import './index-f64fc069.js';
-import './index-8a8e4eaa.js';
-import './index-eb44681d.js';
-import './index-c9f152b8.js';
-import './index-d5ab195a.js';
-import './index-a5c2419a.js';
-import './index-9ec1fc8e.js';
-import './index-ecff3a64.js';
-import './index-2b8af995.js';
-import './index-b20bcf92.js';
-import './index.module-0f34b659.js';
-import './index-e1dd297d.js';
-import './index-83c6d917.js';
-import './index-aea71ebc.js';
-import './index-00f67b43.js';
-import './index-dd56625a.js';
-import './index-c1d24aa0.js';
-import './index-ade4ed8e.js';
-import './index.module-ebf1acc9.js';
-import './index-2634e6cd.js';
-import './index-bc38eb7d.js';
-import './index-cf22c16a.js';
-import './index-f1ab3c57.js';
-import './index-a4c12f98.js';
-import 'react-collapsible';
-import './index-75ab0bc4.js';
-import './index-6d51b80c.js';
-import './index-749f971f.js';
-import './index-90d8682f.js';
-import './index-436f49ba.js';
-import './index.module-15fd421e.js';
-import './index-83a4adbf.js';
-import './index-70885e59.js';
-import './index-2fc9a27e.js';
-import './index-900e10f6.js';
-import './index-80f838f3.js';
-import './index-63346407.js';
-import './index-4da25111.js';
-import './index-0ca525d1.js';
-import './index-85c0194c.js';
-import './index.module-00e25d36.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 };

package/build/esm/index-85c0194c.js

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

package/build/esm/index-a4c12f98.js

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-bc8b9202.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-75ab0bc4.js';
-import SettingsScroller from './index-c085fcd8.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-d21a0d00.js';
-import './index-88a6a92c.js';
-import './index-a6e0c32f.js';
-import './index-a939673d.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6393b7a5.js';
-import 'react-laag';
-import './index-8cc6ec1e.js';
-import './index-3b2ba6c7.js';
-import 'sift';
-import './index-bdd5f2e9.js';
-import './index-b9aaf119.js';
-import './index-d37d0d1e.js';
-import './index-4b158bfb.js';
-import './index.module-8682358c.js';
-import './index-ad7bf572.js';
-import 'react-switch';
-import './index-4b0652d3.js';
-import './index-73901391.js';
-import 'react-dropdown';
-import './index-829ed57e.js';
-import './index-f88dcd0d.js';
-import './index-a254029b.js';
-import './index-8ef75c34.js';
-import '@crystaldesign/content-box';
-import './index-1528e22d.js';
-import './index-54755c85.js';
-import './index-e83a8653.js';
-import './index-58f57013.js';
-import './index-0e853e5a.js';
-import '@crystaldesign/products-component';
-import './index-96513600.js';
-import './index-1c6cf0ee.js';
-import './index-4d37f935.js';
-import './index-f64fc069.js';
-import './index-8a8e4eaa.js';
-import './index-eb44681d.js';
-import './index-c9f152b8.js';
-import './index-d5ab195a.js';
-import './index-a5c2419a.js';
-import './index-9ec1fc8e.js';
-import './index-ecff3a64.js';
-import './index-2b8af995.js';
-import './index-b20bcf92.js';
-import './index.module-0f34b659.js';
-import './index-e1dd297d.js';
-import './index-83c6d917.js';
-import './index-aea71ebc.js';
-import './index-00f67b43.js';
-import './index-dd56625a.js';
-import './index-c1d24aa0.js';
-import './index-ade4ed8e.js';
-import './index.module-ebf1acc9.js';
-import './index-2634e6cd.js';
-import './index-bc38eb7d.js';
-import './index-cf22c16a.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-b5eb90d8.js

@@ -1,63 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-bc8b9202.js';
-import 'react';
-import ProductCenter from './index-6d51b80c.js';
-import { observer } from 'mobx-react-lite';
-import CreateCache from './index-85c0194c.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-749f971f.js';
-import './index-90d8682f.js';
-import './index-436f49ba.js';
-import './index.module-15fd421e.js';
-import './index-83a4adbf.js';
-import 'classnames';
-import './index-70885e59.js';
-import '@crystaldesign/content-box';
-import './index-2fc9a27e.js';
-import './index-900e10f6.js';
-import './index-80f838f3.js';
-import './index-63346407.js';
-import './index-4da25111.js';
-import './index-0ca525d1.js';
-import './index.module-00e25d36.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ProductSimple = function ProductSimple(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.productState.doShowCreateCache && /*#__PURE__*/jsx("div", {
-      style: {
-        zIndex: 400,
-        position: 'relative',
-        width: '100px',
-        height: '50px',
-        top: 0
-      },
-      children: /*#__PURE__*/jsx(CreateCache, {})
-    }), /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      children: /*#__PURE__*/jsx(ProductCenter, {
-        style: {
-          height: '100%',
-          top: 0
-        },
-        folderPosition: "left"
-      })
-    }))]
-  });
-};
-var ProductSimple$1 = observer(ProductSimple);
-
-export { ProductSimple$1 as default };