@crystaldesign/diva-web-planner-react 24.12.0-beta.16 → 24.12.0-beta.18

package/build/esm/index-5716d94e.js

@@ -0,0 +1,132 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-68b33897.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-0c735076.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-5f26085a.js';
+import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import IsActive from './index-7a5e2f81.js';
+import { useHover, useLayer } from 'react-laag';
+import MetaData from './index-ee00d465.js';
+import GenericToolTip from './index-2cfbfa63.js';
+import InfoIcon from './index-5607fdc4.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 '@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 Option = function Option(_ref) {
+  var _renderLayer;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var onClick = function onClick() {
+    if (item.doShowFav) {
+      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
+    }
+    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
+  };
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    metaDataVisible = _useState2[0],
+    setMetaDataVisible = _useState2[1];
+
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 600,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    id: item.codex,
+    "data-test-id": "plannerPaletteItem",
+    className: classnames(paletteItem, item.sel ? sel : undefined),
+    onClick: onClick
+  }, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(wcSize, wcSizeSmall),
+      children: [item.sel && /*#__PURE__*/jsx(IsActive, {
+        listenToOptionVariables: true
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item,
+        style: {
+          bottom: 8
+        }
+      }), item.layout == 'TEXT' && /*#__PURE__*/jsx("div", {
+        className: wcImagePlaceHolder
+      }), !(item.layout == 'TEXT') && /*#__PURE__*/jsx("div", {
+        className: wcImage,
+        style: {
+          backgroundImage: "url(".concat(item.image, ")")
+        }
+      }), /*#__PURE__*/jsxs("div", {
+        className: classnames(textContainer, !item.deltaPrice && item.layout == 'TEXT' ? big : undefined),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
+          dangerouslySetInnerHTML: {
+            __html: item.text
+          }
+        }), /*#__PURE__*/jsx(MetaData, {
+          style: {
+            position: 'relative',
+            "float": 'left'
+          },
+          metaData: item.metaData,
+          visible: [metaDataVisible, setMetaDataVisible]
+        }, item.codex)]
+      }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
+        text: item.text + (item.freeText ? item.freeText : ''),
+        desciption: metaDataVisible,
+        price: item.deltaPrice,
+        image: item.image,
+        hexColor: item.hexColor,
+        layerProps: layerProps
+      }, item.codex))), item.deltaPrice !== undefined && /*#__PURE__*/jsx("div", {
+        className: wcPricePreview,
+        children: (item.deltaPrice >= 0 ? '+' : '-') + ' ' + DivaUtils.formatPrice(Math.abs(item.deltaPrice))
+      }), item.doShowFav && /*#__PURE__*/jsx("div", {
+        className: item.isFav ? wcFavoriteSel : wcFavorite
+      })]
+    }), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
+      className: classnames(ccConstructionWarning),
+      title: t('configurator.' + item.disabledByConstructionRule)
+    })]
+  }));
+};
+var Option$1 = observer(Option);
+
+export { Option$1 as default };

package/build/esm/index-5754d5d5.js

@@ -0,0 +1,73 @@
+import { u as useViewHandler } from './index-68b33897.js';
+import { observer } from 'mobx-react-lite';
+import React, { Suspense } from 'react';
+import Planner2DGrid from './index-3b8bfd81.js';
+import Planner3DImage from './index-26ec8e94.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-45ed7755.js';
+import classnames from 'classnames';
+import Planner3DGrid from './index-9fc85767.js';
+import PlannerMsgContainer from './index-68c64800.js';
+import PlannerUIVariant from './index-5793feaa.js';
+import RotateInfo from './index-487e3933.js';
+import PromotedOpvs from './index-52dde196.js';
+import OrbitInteraction from './index-c679d9c7.js';
+import Planner3D from './index-82322d04.js';
+import { jsxs, 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/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-fc0ae87b.js';
+import './index-0f9d322a.js';
+import '@crystaldesign/content-box';
+import '@crystaldesign/real-time-viewer';
+
+var PlannerRTV = /*#__PURE__*/React.lazy(function () {
+  return import('./index-73520659.js');
+});
+var ProductCenter = function ProductCenter(_ref) {
+  var style = _ref.style,
+    _ref$folderPosition = _ref.folderPosition,
+    folderPosition = _ref$folderPosition === void 0 ? 'right' : _ref$folderPosition;
+  var viewHandler = useViewHandler();
+  var showFolderButton = !viewHandler.uiState.ViewConfig.hideMobileFolder || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
+  var showFoldup = !viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsFoldedUp && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isMobilePortrait && !viewHandler.productState.roomListExpanded;
+  var showFoldDown = viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
+  var showOrbitCube = viewHandler.productState.doShowRenderImage && (!viewHandler.uiState.ViewConfig.dontShowOrbitInMobile || !viewHandler.getIsInMobileView()) && viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DImage' && viewHandler.productState.doShowRenderImage && !viewHandler.productState.plannerRenderingIsStaticBG;
+  return /*#__PURE__*/jsxs("div", {
+    style: style,
+    className: classnames(wcConfiguratorProductCenter, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen ? undefined : fullscreen),
+    children: [/*#__PURE__*/jsx(PlannerMsgContainer, {}), /*#__PURE__*/jsx(Planner3DImage, {}), /*#__PURE__*/jsx(Planner3D, {}), /*#__PURE__*/jsx(Planner3DGrid, {}), (viewHandler.productState.allowRTV || viewHandler.productState.allowQRCodeAR) && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
+      fallback: /*#__PURE__*/jsx(Fragment, {}),
+      children: /*#__PURE__*/jsx(PlannerRTV, {})
+    }), showOrbitCube && /*#__PURE__*/jsx(OrbitInteraction, {}), /*#__PURE__*/jsx(Planner2DGrid, {}), /*#__PURE__*/jsx(RotateInfo, {}), /*#__PURE__*/jsx(PromotedOpvs, {}), !viewHandler.productState.hidePlannerUiIcons && !(viewHandler.productState.doShowRTV || viewHandler.productState.doShow3DComb) && /*#__PURE__*/jsx(PlannerUIVariant, {}), viewHandler.productState.plannerMode == 'No' && /*#__PURE__*/jsx("div", {
+      className: wcConfiguratorArticleImage,
+      children: viewHandler.productState.articleImage && /*#__PURE__*/jsx("img", {
+        src: viewHandler.productState.articleImage,
+        className: center
+      })
+    }), showFolderButton && /*#__PURE__*/jsxs(Fragment, {
+      children: [showFoldDown && /*#__PURE__*/jsx("div", {
+        className: classnames(foldback, folderPosition === 'left' ? foldbackLeft : undefined),
+        onClick: viewHandler.uiState.onClickHideConfigSettings,
+        id: "btnFoldDown"
+      }), showFoldup && /*#__PURE__*/jsx("div", {
+        id: "btnFoldUp",
+        className: classnames(foldup),
+        onClick: viewHandler.uiState.onClickFoldupConfigSettings
+      })]
+    })]
+  });
+};
+var ProductCenter$1 = observer(ProductCenter);
+
+export { ProductCenter$1 as default };

package/build/esm/index-5793feaa.js

@@ -0,0 +1,25 @@
+import './index-68b33897.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var PlannerUIVariant = function PlannerUIVariant() {
+  return /*#__PURE__*/jsx(DynamicMultiRender, {
+    componentName: "Product/ProductCenter/PlannerUI/PlannerUIVariants"
+  });
+};
+
+export { PlannerUIVariant as default };

package/build/esm/index-58cb593f.js

@@ -0,0 +1,42 @@
+import { s as styleInject, u as useViewHandler } from './index-68b33897.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import RoomSerious from './index-bb0589c1.js';
+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/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 'classnames';
+
+var container = "container-IUsXl";
+var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n";
+styleInject(css_248z);
+
+var RoomListSelection = function RoomListSelection(props) {
+  var viewHandler = useViewHandler();
+  var items = viewHandler.paletteViewHandler.getRoomList();
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("div", {
+    className: container,
+    hidden: !viewHandler.settingsState.roomListInitialized,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/jsx(RoomSerious, {
+        item: item,
+        from: viewHandler.settingsState.roomListInitialized
+      }, item.codex);
+    })
+  });
+};
+var index = observer(RoomListSelection);
+
+export { index as default };

package/build/esm/index-58e47dbf.js

@@ -0,0 +1,53 @@
+import { s as styleInject, u as useViewHandler } from './index-68b33897.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var sumWrapper = "sum-wrapper-gnJDJ";
+var isMobile = "is-mobile-MyAw2";
+var priceWrapper = "price-wrapper-OEjmk";
+var price = "price-JPhUm";
+var betterPrice = "better-price-q5J8D";
+var canceled = "canceled-sYf8-";
+var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
+styleInject(css_248z);
+
+var PriceSumm = function PriceSumm(props) {
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      children: t('configurator.Sum', 'Summe')
+    }), /*#__PURE__*/jsxs("div", {
+      className: priceWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
+        children: !hidePrices && viewHandler.productState.formatedCurSetPrice
+      }), viewHandler.productState.formatedBruttoPrice && !hidePrices && /*#__PURE__*/jsxs("div", {
+        className: classnames(price, canceled),
+        children: [" ", viewHandler.productState.formatedBruttoPrice]
+      })]
+    })]
+  });
+};
+var PriceSumm$1 = observer(PriceSumm);
+
+export { PriceSumm$1 as default };

package/build/esm/index-59e21157.js

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

package/build/esm/index-5bdc1bdf.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-68b33897.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 SettingsPaletteGroup = function SettingsPaletteGroup(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/PaletteGroup"
+  }));
+};
+
+export { SettingsPaletteGroup as default };

package/build/esm/index-5deddc01.js

@@ -0,0 +1,53 @@
+import { u as useViewHandler } from './index-68b33897.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-cfd31215.js';
+import { useTranslation } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var NewPlanning = function NewPlanning(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var onReset = function onReset() {
+    var _viewHandler$actions;
+    return (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 ? void 0 : _viewHandler$actions.openModal({
+      title: t('modals.reset'),
+      accept: true,
+      reject: true,
+      text: t('modals.are_you_sure_to_reset'),
+      callback: function callback(accepted) {
+        if (accepted) {
+          viewHandler.productState.onClickReset();
+        }
+      }
+    });
+  };
+  return /*#__PURE__*/jsx("ul", {
+    className: wcFunctionsToolbar,
+    children: /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      onClick: onReset,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcResetIcon),
+        title: t('configurator.start_new_planning')
+      })
+    })
+  });
+};
+var index = observer(NewPlanning);
+
+export { index as default };

package/build/esm/index-5fa1bec5.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-68b33897.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 SettingsItemDefaultTemplate = function SettingsItemDefaultTemplate(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default"
+  }));
+};
+
+export { SettingsItemDefaultTemplate as default };

package/build/esm/index-5fb598d8.js

@@ -0,0 +1,62 @@
+import { s as styleInject, u as useViewHandler } from './index-68b33897.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var header = "header-88iFZ";
+var wrapper = "wrapper-zFPaP";
+var title = "title-Mime-";
+var sel = "sel--F5X-";
+var collapseArrow = "collapseArrow-iq67x";
+var open = "open-t8G5n";
+var mobile = "mobile-Ksq3e";
+var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
+styleInject(css_248z);
+
+var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
+  var openState = _ref.openState,
+    curState = _ref.curState,
+    tabs = _ref.tabs;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    onClick: function onClick() {
+      return openState[1](!openState[0]);
+    },
+    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      className: wrapper,
+      children: tabs.map(function (b, index) {
+        return /*#__PURE__*/jsxs("div", {
+          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
+          onClick: function onClick(e) {
+            curState[1](b);
+            if (!openState[0]) openState[1](true);
+            e.stopPropagation();
+          },
+          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
+        }, b);
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(collapseArrow)
+    })]
+  });
+};
+var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
+
+export { SubTabGroupHeader$1 as default };

package/build/esm/index-5fe3b1a0.js

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