@crystaldesign/diva-web-planner-react 24.13.0-rc.5 → 24.13.0-rc.6

package/build/esm/index-ca93544e.js

@@ -1,59 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-05b7e30c.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsx, 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorAction = "wcConfigurator-action-1kRvz";
-var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
-var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
-var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
-var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var BasketActionStandard = function BasketActionStandard(_ref) {
-  var _ref$buttonTextClassN = _ref.buttonTextClassName,
-    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
-    _ref$buttonPriceClass = _ref.buttonPriceClassName,
-    buttonPriceClassName = _ref$buttonPriceClass === void 0 ? wcCheckoutButtonPrice : _ref$buttonPriceClass,
-    containerClassName = _ref.containerClassName,
-    price = _ref.price;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorAction, containerClassName),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wcConfiguratorActionButton,
-      onClick: function onClick() {
-        return viewHandler.actionButtonState.onClickAddToBasket();
-      },
-      id: "wcConfigurator-action-tobasket",
-      children: [/*#__PURE__*/jsx("div", {
-        className: buttonTextClassName,
-        children: t('configurator.ADD_TO_BASKET')
-      }), !hidePrices && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && price && /*#__PURE__*/jsx("div", {
-        className: buttonPriceClassName,
-        children: price
-      })]
-    })
-  });
-};
-var BasketActionStandard$1 = observer(BasketActionStandard);
-
-export { BasketActionStandard$1 as default };

package/build/esm/index-cdc881ab.js

@@ -1,111 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-05b7e30c.js';
-import Article from './index-bce5b2df.js';
-import SummaryOptionTree from './index-5ed54246.js';
-import SummaryArticles from './index-69261548.js';
-import SettingsItemAccessoireTemplate from './index-d54d0a13.js';
-import ItemVariant from './index-22039566.js';
-import SettingsItemDefaultTemplate from './index-85f559ba.js';
-import Range from './index-04c999d4.js';
-import SettingsItemRoomTemplate from './index-12098fa7.js';
-import ViewPoint from './index-9d165656.js';
-import NumberBox from './index-22622725.js';
-import PlannerSwitch from './index-6f9e8937.js';
-import SummaryPartlist from './index-dba6a290.js';
-import Varaint from './index-b48f102d.js';
-import GalleryText from './index-e6aa6265.js';
-import 'react';
-import { jsx, Fragment } 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 'mobx-react-lite';
-import 'classnames';
-import 'react-laag';
-import './index-0714afd6.js';
-import './index-161e7072.js';
-import './index-2355c117.js';
-import './index.module-ede2d7da.js';
-import './index-10f538b7.js';
-import './index-2a13f14d.js';
-import './index-b4e9bdc6.js';
-import 'react-switch';
-import './index.module-f3e3d9d9.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 itemPaletteTypeComponentMap = {
-  ART: Article,
-  PLANNERSWITCH: PlannerSwitch,
-  ACC: SettingsItemAccessoireTemplate,
-  ACC_CONFIG: SettingsItemAccessoireTemplate,
-  VERY_SMALL: SettingsItemDefaultTemplate,
-  SMALL: SettingsItemDefaultTemplate,
-  GAL_GROUP_DROPDOWN: SettingsItemDefaultTemplate,
-  GAL_SMALL_GROUP_DROPDOWN: ItemVariant,
-  GAL: ItemVariant,
-  GAL_SMALL: ItemVariant,
-  GAL_BIG: ItemVariant,
-  RANGE: Range,
-  NUMBER: NumberBox,
-  SUMMARY_PARTLIST: SummaryPartlist,
-  SUMMARY_ARTICLES: SummaryArticles,
-  SUMMARY_OPTIONTREE: SummaryOptionTree,
-  VARIANTS: Varaint,
-  STATICROOM: SettingsItemRoomTemplate,
-  VIEWPOINT: ViewPoint,
-  DROPDOWN_TEXT: function DROPDOWN_TEXT() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  DROPDOWN_IMAGE: function DROPDOWN_IMAGE() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE: function TOGGLE() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE_HEADER: function TOGGLE_HEADER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE_NAME: function TOGGLE_NAME() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  DOOR_PLANNER: function DOOR_PLANNER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TEXTBOX: function TEXTBOX() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  SHELFPLANNER: function SHELFPLANNER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  PRODUCTS: function PRODUCTS() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  PROMOTED: function PROMOTED() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  GAL_TEXT: function GAL_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({}, props));
-  },
-  GAL_BIG_TEXT: function GAL_BIG_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "big"
-    }, props));
-  },
-  GAL_SMALL_TEXT: function GAL_SMALL_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "small"
-    }, props));
-  }
-};
-
-export { itemPaletteTypeComponentMap as default };

package/build/esm/index-d02055c1.js

@@ -1,62 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-05b7e30c.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import SettingsHeader from './index-ba02d1be.js';
-import SettingsConfigSingle from './index-71d2be0e.js';
-import SettingsPosNr from './index-42dcb10b.js';
-import classnames from 'classnames';
-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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-101c353c.js';
-import 'react-laag';
-import './index-20be949e.js';
-
-var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
-var landscape = "landscape-LFbXM";
-var css_248z = ".wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 80%;\n  margin-left: 16px;\n  margin-right: 0px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: left;\n}\n\n.wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  right: 0px;\n  z-index: 700;\n  width: 16px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n}\n\n.wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 83%;\n  margin-right: 24px;\n  margin-left: 0px;\n  margin-top: 14.4px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: right;\n}\n\n.landscape-LFbXM .wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  width: 16px;\n  right: 0px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: 16px;\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  cursor: pointer;\n  z-index: 700;\n}\n";
-styleInject(css_248z);
-
-var SettingsHeaderContainer = function SettingsHeaderContainer(_ref) {
-  var _headerPalette$type, _headerPalette$type2;
-  var _ref$isScroller = _ref.isScroller,
-    isScroller = _ref$isScroller === void 0 ? false : _ref$isScroller;
-  var viewHandler = useViewHandler();
-  var headerPalette = viewHandler.settingsState.itemPalettes.get(1);
-  if (!headerPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var showHeader = viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || !viewHandler.uiState.ViewConfig.hideTopHeaderInMobile);
-  return /*#__PURE__*/jsxs("header", {
-    ref: function ref(_ref2) {
-      return viewHandler.settingsState.setHeaderElement(_ref2);
-    },
-    className: classnames(viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-    children: [!viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorSettingsFoldConfSettings,
-      id: "btnFoldDown",
-      onClick: function onClick() {
-        return viewHandler.uiState.onClickHideConfigSettings();
-      }
-    }), showHeader && /*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: isScroller,
-      isSettingsHeader: !headerPalette.isHeader,
-      item: headerPalette,
-      specialElement1: viewHandler.settingsState.doShowActElementInfo && !viewHandler.uiState.ViewConfig.hideElementInfo ? /*#__PURE__*/jsx(SettingsPosNr, {}) : undefined,
-      specialElement2: viewHandler.settingsState.doShowConfigSingle ? /*#__PURE__*/jsx(SettingsConfigSingle, {}) : undefined
-    })]
-  });
-};
-var SettingsHeaderContainer$1 = observer(SettingsHeaderContainer);
-
-export { SettingsHeaderContainer$1 as default };

package/build/esm/index-d2f78d5c.js

@@ -1,94 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-05b7e30c.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-ba02d1be.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';
-
-var wcTextBox = "wcTextBox-S90ki";
-var row = "row-U3gX-";
-var title = "title-Hgohv";
-var left = "left-0Vchg";
-var right = "right-jyg7C";
-var colum = "colum-DdC26";
-var languageWrapper = "language-wrapper-mZdxS";
-var languageTitle = "language-title-OOwzi";
-var css_248z = ".PaletteItem-pPFog {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.PaletteItem-pPFog:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-pPFog:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcTextBox-S90ki {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.row-U3gX- {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-Hgohv {\n  display: flex;\n}\n.left-0Vchg {\n  width: 40%;\n}\n.right-jyg7C {\n  width: 60%;\n}\n\n.colum-DdC26 {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.language-wrapper-mZdxS {\n  display: flex;\n}\n.language-title-OOwzi {\n  width: 50px;\n  line-height: 60px;\n}\n";
-styleInject(css_248z);
-
-var TextBox = function TextBox(_ref) {
-  var _viewHandler$getViewC, _items$2;
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var handleChange = function handleChange(e) {
-    if (items[0]) {
-      items[0].freeText = e.target.value;
-      viewHandler.paletteViewHandler.clickedOnConfigPalette(items[0], 'inputbox', paletteId);
-    }
-  };
-  //for classification
-  var handleLangTextChange = function handleLangTextChange(lang, value) {
-    viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
-  };
-  var languages = (_viewHandler$getViewC = viewHandler.getViewConfig().languagesForInput) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : [];
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, left),
-      children: /*#__PURE__*/jsx(SettingsHeader, {
-        item: item,
-        isInScroller: true,
-        isSettingsHeader: false
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, right),
-      children: languages.length ? /*#__PURE__*/jsx(Fragment, {
-        children: languages.map(function (lang) {
-          var _items$;
-          return /*#__PURE__*/jsxs("div", {
-            className: languageWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: languageTitle,
-              children: lang
-            }), /*#__PURE__*/jsx("input", {
-              className: wcTextBox,
-              onChange: function onChange(e) {
-                return handleLangTextChange(lang, e.target.value);
-              },
-              type: "text",
-              value: (_items$ = items[0]) !== null && _items$ !== void 0 && (_items$ = _items$.freeTextLang) !== null && _items$ !== void 0 && _items$[lang] ? items[0].freeTextLang[lang] : ''
-            })]
-          }, lang);
-        })
-      }) : /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx("input", {
-          className: wcTextBox,
-          onChange: handleChange,
-          type: "text",
-          value: (_items$2 = items[0]) !== null && _items$2 !== void 0 && _items$2.freeText ? items[0].freeText : ''
-        })
-      })
-    })]
-  });
-};
-var TextBox$1 = observer(TextBox);
-
-export { TextBox$1 as default };

package/build/esm/index-d3904eef.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-05b7e30c.js';
-import 'react';
-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';
-
-var doneBar = "doneBar-xosJY";
-var todoBar = "todoBar-sVQM-";
-var css_248z = ".doneBar-xosJY {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.todoBar-sVQM- {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n";
-styleInject(css_248z);
-
-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 ProgressBar = function ProgressBar(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var lastStep = viewHandler.configuratorStructureHandler.lastConfigStep;
-  var currentStep = viewHandler.tabGroupState.curConfigStep;
-  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
-  var current = currentStep.posNr - 1;
-  var total = lastStep.posNr - 1;
-  var doneInPercent = Math.round(current / total * 100);
-  var todoInPercent = 100 - doneInPercent;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        width: doneInPercent + '%'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: todoBar,
-      style: {
-        width: todoInPercent + '%'
-      }
-    })]
-  }));
-};
-var ProgressBar$1 = observer(ProgressBar);
-
-export { ProgressBar$1 as default };

package/build/esm/index-d54d0a13.js

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

package/build/esm/index-d7f3497b.js

@@ -1,150 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-05b7e30c.js';
-import SettingsHeader from './index-ba02d1be.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-fdc445f0.js';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-2355c117.js';
-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/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-6d248909.js';
-import 'classnames';
-
-var wrapper = "wrapper-xpzd5";
-var wcDropDownSelect = "wcDropDownSelect-sB9TS";
-var dropDownArea = "dropDownArea-2LjDI";
-var image = "image-Ox-79";
-var css_248z = ".wrapper-xpzd5 {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.dropDownArea-2LjDI .deltaPrice-rxxE7 {\n  right: 16px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n";
-styleInject(css_248z);
-
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var DropDowmText = function DropDowmText(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  var allItemsP = item.groups.flatMap(function (group) {
-    return group.items;
-  });
-  var allItems = allItemsP;
-  var sel = allItems.find(function (item) {
-    return item.sel;
-  });
-  var options = [];
-  var selOption = undefined;
-  var onChange = function onChange(val) {
-    setActValue(val.value);
-  };
-  var mobileOptions = [];
-  var selectedMobileOption = undefined;
-  var onChangeMobile = function onChangeMobile(e) {
-    setActValue(e.target.value);
-  };
-  var _useState = useState(sel === null || sel === void 0 ? void 0 : sel.text),
-    _useState2 = _slicedToArray(_useState, 2),
-    actValue = _useState2[0],
-    setActValue = _useState2[1];
-  useEffect(function () {
-    var val = allItems.find(function (item) {
-      return item.codex == actValue;
-    });
-    if (val) viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
-  }, [actValue]);
-  useEffect(function () {
-    if (viewHandler.uiState.configSettingsIsHidden) setActValue(undefined);
-  }, [viewHandler.uiState.configSettingsIsHidden]);
-  var _iterator = _createForOfIteratorHelper(allItems),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _item = _step.value;
-      mobileOptions.push({
-        text: _item.text,
-        codex: _item.codex,
-        price: _item.deltaPrice !== undefined && _item.deltaPrice !== 0 ? DivaUtils.formatPrice(Math.abs(_item.deltaPrice)) : undefined
-      });
-      var option = {
-        label: /*#__PURE__*/jsxs("div", {
-          children: [_item.text, _item.deltaPrice !== undefined && _item.deltaPrice !== 0 && /*#__PURE__*/jsx("span", {
-            children: (_item.deltaPrice > 0 ? ' + ' : ' - ') + DivaUtils.formatPrice(Math.abs(_item.deltaPrice))
-          })]
-        }),
-        text: _item.text,
-        value: _item.codex
-      };
-      if (_item.sel) {
-        selOption = option;
-        selectedMobileOption = _item.codex;
-      }
-      options.push(option);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  var paletteIsLastPalette = false;
-  if (paletteId) {
-    var nextPalette = viewHandler.settingsState.itemPalettes.get(paletteId + 1);
-    if (!(nextPalette !== null && nextPalette !== void 0 && nextPalette.visible)) {
-      paletteIsLastPalette = true;
-    }
-  }
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    children: [/*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx(SettingsHeader, {
-        isInScroller: true,
-        isSettingsHeader: false,
-        item: item
-      }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-        item: item.selectedElements[0],
-        style: {
-          position: 'relative',
-          bottom: -16
-        }
-      })]
-    }), isMobile ? /*#__PURE__*/jsx(MobileDropdown, {
-      id: 'wcConfigurator-mobiledropdown-' + item.id,
-      onChange: onChangeMobile,
-      mobileOptions: mobileOptions,
-      selectedOption: selectedMobileOption
-    }) : /*#__PURE__*/jsx(Dropdown, {
-      className: 'wcConfigurator-dropdown-' + item.id,
-      controlClassName: wcDropDownSelect,
-      menuClassName: dropDownArea,
-      options: options,
-      value: selOption,
-      onChange: onChange
-    }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
-      className: image,
-      src: sel.image.replace('_gal.', '.')
-    }), paletteIsLastPalette && /*#__PURE__*/jsx("div", {
-      style: {
-        height: options.length * 32 + 10
-      }
-    })]
-  });
-};
-var index = observer(DropDowmText);
-
-export { index as default };

package/build/esm/index-dba6a290.js

@@ -1,54 +0,0 @@
-import { s as styleInject } from './index-05b7e30c.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var configuratorSpec = "Configurator-spec-Pa0bu";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-yp9wU";
-var configuratorSpecTitle = "Configurator-spec-title-JDala";
-var configuratorSpecPrice = "Configurator-spec-price-pOXke";
-var css_248z = "/*Summary*/\n\n.Configurator-spec-Pa0bu {\n  border-bottom: 1px solid #dfdfdf;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  display: flex;\n  width: 100%;\n  word-break: normal;\n  flex-direction: column;\n  padding: 10px 0;\n}\n\n.Configurator-spec-text-Container-yp9wU {\n  display: flex;\n  position: relative;\n}\n.Configurator-spec-title-JDala {\n  font-size: 16px;\n  width: 70%;\n  margin-right: 20px;\n}\n\n.Configurator-spec-price-pOXke {\n  text-align: right;\n  width: 30%;\n  color: var(--primaryColor);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.Configurator-spec-Codex-ESLPx {\n}\n";
-styleInject(css_248z);
-
-var SummaryPartlist = function SummaryPartlist(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(configuratorSpec),
-    children: /*#__PURE__*/jsxs("div", {
-      className: configuratorSpecTextContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.title
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.description
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: 'x' + item.posNr
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-        className: configuratorSpecPrice,
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    })
-  });
-};
-var SummaryPartlist$1 = observer(SummaryPartlist);
-
-export { SummaryPartlist$1 as default };