@crystaldesign/diva-web-planner-react 24.9.0-rc.1 → 24.9.0-rc.11

package/build/esm/index-e3d4a7f3.js

@@ -0,0 +1,175 @@
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-d1c00a85.js';
+import Product from './index-2e340323.js';
+import Settings from './index-062fcad7.js';
+import NavigationButtons from './index-c22efc8d.js';
+import BasketAction from './index-8302d1ae.js';
+import TabGroup from './index-5c81292b.js';
+import { observer } from 'mobx-react-lite';
+import BarrierActions from './index-a1d18f01.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-c886ffb1.js';
+import './index-34c74600.js';
+import './index-8db1e34d.js';
+import './index-20ce65be.js';
+import './index-77fb3941.js';
+import 'react-laag';
+import './index-fa3a545d.js';
+import './index-f9974eeb.js';
+import './index-29dcc509.js';
+import 'sift';
+import './index-52e34cb0.js';
+import './index-caf4ae0a.js';
+import './index-01a95cb8.js';
+import './index-d1031fba.js';
+import './index.module-683ab624.js';
+import './index-7affad8e.js';
+import 'react-switch';
+import './index-85f9acae.js';
+import './index-514a04d8.js';
+import 'react-dropdown';
+import './index-20eb0c25.js';
+import './index-079e6756.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
+import '@crystaldesign/content-box';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-cb9cbb9d.js';
+import './index-c714b849.js';
+import './index-afe130d8.js';
+import '@crystaldesign/products-component';
+import './index-67d225e8.js';
+import './index-0d16d086.js';
+import './index-95ed784c.js';
+import './index-3c4ba889.js';
+import './index-c4f12e74.js';
+import './index-9a120b8e.js';
+import './index-1e74a57b.js';
+import './index-6692919e.js';
+import './index-5f0bc63c.js';
+import './index-8724cd65.js';
+import './index-5fc75b1c.js';
+import './index-f1e0f891.js';
+import './index-526ad1dc.js';
+import './index.module-bc221575.js';
+import './index-67ef0f34.js';
+import './index-b58101a9.js';
+import './index-cb5f9e51.js';
+import './index-0bba690a.js';
+import './index-16e2686b.js';
+import './index-7eee62f8.js';
+import './index-318bbf61.js';
+import './index.module-8e295a1c.js';
+import './index-12d79afd.js';
+import './index-197d6c91.js';
+import './index-3d225385.js';
+import './index-83e31c49.js';
+import './index-54d54337.js';
+import 'react-collapsible';
+import './index-2338d6b7.js';
+import './index-6d402d8e.js';
+import './index-33f449e3.js';
+import './index-31a1bf29.js';
+import './index-65fb5eff.js';
+import './index-cc014107.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 {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\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-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none !important;\n}\n\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\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-7437d02b.js → index-e67c461d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-781a1a17.js → index-ea229747.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { useEffect } from 'react';
-import Inputbox from './index-839b3eca.js';
-import { cssVariables } from './index-e4865d0d.js';
-import Product from './index-5f1efa64.js';
-import Settings from './index-3e7aaaa0.js';
-import TabGroup from './index-712f6532.js';
+import Inputbox from './index-d1c00a85.js';
+import { cssVariables } from './index-b6d661be.js';
+import Product from './index-86d5507e.js';
+import Settings from './index-062fcad7.js';
+import TabGroup from './index-5c81292b.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,89 +22,89 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff25901a.js';
-import './index-5c8866a6.js';
+import './index-6a171655.js';
+import './index-7affad8e.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-a6260405.js';
-import './index-636e8e73.js';
-import './index-7735bc87.js';
-import './index-6848192c.js';
-import './index-2e337b2b.js';
-import './index.module-12bfaf4c.js';
-import './index-7437d02b.js';
-import './index-b67283b8.js';
+import './index-4d270e58.js';
+import './index-5f3aaee2.js';
+import './index-daa6a7ea.js';
+import './index-83b4013b.js';
+import './index-d915d260.js';
+import './index.module-3b2774df.js';
+import './index-e67c461d.js';
+import './index-a13c0071.js';
 import '@crystaldesign/content-box';
-import './index-8f6ab74d.js';
-import './index-ee6c63c0.js';
-import './index-a88d8f0e.js';
-import './index-e6eff3c2.js';
-import './index-9cf55628.js';
-import './index-5ca64ad1.js';
-import './index-cf00a2a7.js';
+import './index-3c3fe81c.js';
+import './index-f5e27d16.js';
+import './index-94348a99.js';
+import './index-3da6c3c2.js';
+import './index-23808d58.js';
+import './index-d81f1de7.js';
+import './index-df68f5c2.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-220dcdf8.js';
-import './index-493224c6.js';
-import './index-7c870a2e.js';
-import './index-734e36c3.js';
-import './index-92e42c4e.js';
+import './index-c886ffb1.js';
+import './index-34c74600.js';
+import './index-8db1e34d.js';
+import './index-20ce65be.js';
+import './index-77fb3941.js';
 import 'react-laag';
-import './index-04e207d6.js';
-import './index-2ce49650.js';
-import './index-91530a44.js';
+import './index-fa3a545d.js';
+import './index-f9974eeb.js';
+import './index-29dcc509.js';
 import 'sift';
-import './index-acf1142f.js';
-import './index-8737220f.js';
-import './index-fb83eb99.js';
-import './index-642aac39.js';
-import './index.module-78b15438.js';
-import './index-ed1843db.js';
-import './index-809711a1.js';
-import './index-de8dc532.js';
-import './index-0f39413b.js';
-import './index-79d86128.js';
-import './index-48021b28.js';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-ac00d351.js';
-import './index-a4d9dda6.js';
-import './index-9bf23968.js';
+import './index-52e34cb0.js';
+import './index-caf4ae0a.js';
+import './index-01a95cb8.js';
+import './index-d1031fba.js';
+import './index.module-683ab624.js';
+import './index-85f9acae.js';
+import './index-514a04d8.js';
+import './index-20eb0c25.js';
+import './index-079e6756.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-cb9cbb9d.js';
+import './index-c714b849.js';
+import './index-afe130d8.js';
 import '@crystaldesign/products-component';
-import './index-ee949089.js';
-import './index-6584b4b9.js';
-import './index-8c132435.js';
-import './index-fa74aafd.js';
-import './index-035f9908.js';
-import './index-c5e64c62.js';
-import './index-80944944.js';
-import './index-4e947a3b.js';
-import './index-609ed600.js';
-import './index-f7c9ac45.js';
-import './index-c78b6b02.js';
-import './index-84dfc3be.js';
-import './index-60f3235a.js';
-import './index.module-955e4296.js';
-import './index-33009ec3.js';
-import './index-d0070960.js';
-import './index-3112e67a.js';
-import './index-898839d1.js';
-import './index-f5934d77.js';
-import './index-ba0315a8.js';
-import './index-76eb79ca.js';
-import './index.module-df95d685.js';
-import './index-b8c75d05.js';
-import './index-7d9b5e71.js';
-import './index-1088f470.js';
-import './index-0f6b5d32.js';
-import './index-45d80232.js';
+import './index-67d225e8.js';
+import './index-0d16d086.js';
+import './index-95ed784c.js';
+import './index-3c4ba889.js';
+import './index-c4f12e74.js';
+import './index-9a120b8e.js';
+import './index-1e74a57b.js';
+import './index-6692919e.js';
+import './index-5f0bc63c.js';
+import './index-8724cd65.js';
+import './index-5fc75b1c.js';
+import './index-f1e0f891.js';
+import './index-526ad1dc.js';
+import './index.module-bc221575.js';
+import './index-67ef0f34.js';
+import './index-b58101a9.js';
+import './index-cb5f9e51.js';
+import './index-0bba690a.js';
+import './index-16e2686b.js';
+import './index-7eee62f8.js';
+import './index-318bbf61.js';
+import './index.module-8e295a1c.js';
+import './index-12d79afd.js';
+import './index-197d6c91.js';
+import './index-3d225385.js';
+import './index-83e31c49.js';
+import './index-54d54337.js';
 import 'react-collapsible';
-import './index-5f233593.js';
-import './index-51f39bf9.js';
-import './index-f61c0d57.js';
-import './index-f892d1e2.js';
-import './index-ecf024fb.js';
-import './index-91cd333b.js';
+import './index-2338d6b7.js';
+import './index-6d402d8e.js';
+import './index-33f449e3.js';
+import './index-31a1bf29.js';
+import './index-65fb5eff.js';
+import './index-cc014107.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-9ff8bb10.js → index-ea37aab8.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import 'react';
-import SettingsItemHeader from './index-7a225f0b.js';
+import SettingsItemHeader from './index-022cfe23.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,30 +18,30 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-0965d6d2.js';
-import './index-de8dc532.js';
-import './index-0f39413b.js';
+import './index-10c4b24c.js';
+import './index-20eb0c25.js';
+import './index-079e6756.js';
 import 'react-dropdown';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-44bb1beb.js';
-import './index-5c8866a6.js';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-ba2d8a90.js';
+import './index-7affad8e.js';
 import 'react-switch';
-import './index-7d1e85b0.js';
-import './index-0cd641c2.js';
-import './index-07fce92e.js';
-import './index-62546a43.js';
-import './index.module-df95d685.js';
-import './index-b2c1ac78.js';
-import './index-acbe2f81.js';
-import './index-e609b830.js';
+import './index-2067d16e.js';
+import './index-27806174.js';
+import './index-181be89f.js';
+import './index-a4da3579.js';
+import './index.module-8e295a1c.js';
+import './index-f89287e9.js';
+import './index-3f0a09a7.js';
+import './index-f350f263.js';
 import 'react-laag';
-import './index-035f9908.js';
-import './index-fa74aafd.js';
-import './index-ed1843db.js';
+import './index-c4f12e74.js';
+import './index-3c4ba889.js';
+import './index-85f9acae.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-2bdc2cf9.js → index-eb9403c8.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-7b5250a2.js';
 import 'react';
-import ProductCenter from './index-636e8e73.js';
+import ProductCenter from './index-5f3aaee2.js';
 import { observer } from 'mobx-react-lite';
-import CreateCache from './index-77f23793.js';
+import CreateCache from './index-188b203c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,21 +17,21 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-7735bc87.js';
-import './index-6848192c.js';
-import './index-2e337b2b.js';
-import './index.module-12bfaf4c.js';
-import './index-7437d02b.js';
+import './index-daa6a7ea.js';
+import './index-83b4013b.js';
+import './index-d915d260.js';
+import './index.module-3b2774df.js';
+import './index-e67c461d.js';
 import 'classnames';
-import './index-b67283b8.js';
+import './index-a13c0071.js';
 import '@crystaldesign/content-box';
-import './index-8f6ab74d.js';
-import './index-ee6c63c0.js';
-import './index-a88d8f0e.js';
-import './index-e6eff3c2.js';
-import './index-9cf55628.js';
-import './index-5ca64ad1.js';
-import './index.module-36c3e954.js';
+import './index-3c3fe81c.js';
+import './index-f5e27d16.js';
+import './index-94348a99.js';
+import './index-3da6c3c2.js';
+import './index-23808d58.js';
+import './index-d81f1de7.js';
+import './index.module-7478cbb0.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; }

package/build/esm/{index-84dfc3be.js → index-f1e0f891.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3277c6f0.js → index-f26d805a.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-16d20474.js → index-f30e67db.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-df95d685.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-8e295a1c.js';
 import classnames from 'classnames';
-import IsActive from './index-33009ec3.js';
+import IsActive from './index-67ef0f34.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-035f9908.js';
-import InfoIcon from './index-ed1843db.js';
+import GenericToolTip from './index-c4f12e74.js';
+import InfoIcon from './index-85f9acae.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-e609b830.js → index-f350f263.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-035f9908.js';
+import GenericToolTip from './index-c4f12e74.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-fa74aafd.js';
+import MetaData from './index-3c4ba889.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7d87024a.js → index-f45bc3f5.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import 'react';
-import PlannerMsgContainer from './index-c170ba4b.js';
+import PlannerMsgContainer from './index-91689f5e.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-662645be.js';
+import './index-7bd2a67b.js';
 
 var wcPlannerMsgContainer = "wcPlanner_MsgContainer-2Gp-B";
 var wcPlannerInfoContainer = "wcPlanner_InfoContainer-Na2gn";

package/build/esm/{index-bad78ca4.js → index-f4c9078f.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-33c1c202.js';
+import { a as usePlannerUIHandler } from './index-7b5250a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ee6c63c0.js → index-f5e27d16.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-b2c1ac78.js → index-f89287e9.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-7b5250a2.js';
 import 'react';
-import Toggle from './index-5c8866a6.js';
+import Toggle from './index-7affad8e.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4e338a4d.js → index-f8e1cfc6.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';