@crystaldesign/diva-web-planner-react 24.13.0-rc.2 → 24.13.0-rc.21

package/build/esm/index-36f327a1.js

@@ -1,82 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
-var portrait = "portrait-begxM";
-var settingsHidden = "settings-hidden-9Ubgy";
-var landscape = "landscape-m3RkP";
-var expanded = "expanded-D5PIt";
-var wcButton = "wcButton-2kxBv";
-var sel = "sel-4wfuc";
-var wcViewAs = "wc_ViewAs-QJyAI";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-SQUKh {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  bottom: 0px;\n}\n\n.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.landscape-m3RkP.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-D5PIt.wcConfigurator-product-footer-SQUKh {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:hover {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:active,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:active {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 260px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  min-width: 140px;\n}\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.wc_ViewAs-QJyAI {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.wc_ViewAs-QJyAI li {\n  display: block;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-3722b65b.js

@@ -1,91 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-c54e9a7f.js';
-import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-7cb3da67.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'react-laag';
-import './index-7df9cfe3.js';
-import './index-0b4fbf1f.js';
-import './index-9d53df93.js';
-import 'react-collapsible';
-import './index-45434aa1.js';
-import './index-6e2074a0.js';
-import 'sift';
-import './index-d78eb82b.js';
-import './index-fa81e2cc.js';
-import './index-81acf3e0.js';
-import './index-5fdcbb06.js';
-import './index-cbe63bf2.js';
-import './index.module-d050b732.js';
-import './index-502de25d.js';
-import 'react-switch';
-import './index-84b6bb30.js';
-import './index-fc45d61b.js';
-import 'react-dropdown';
-import './index-fcb86845.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-bfcd13ef.js';
-import './index-145c5eb3.js';
-import './index-f4ef8b9c.js';
-import '@crystaldesign/content-box';
-import './index-37b7a4a9.js';
-import './index-ce871307.js';
-import './index-ec13aee2.js';
-import './index-ca9cb6f7.js';
-import './index-fe2ccbb6.js';
-import '@crystaldesign/products-component';
-import './index-75cd2df4.js';
-import './index-0c4bcdd3.js';
-import './index-93c88ab6.js';
-import './index-7d811045.js';
-import './index-5aec159f.js';
-import './index-d3b97405.js';
-import './index-d7519be8.js';
-import './index-7a67d302.js';
-import './index-2eba8501.js';
-import './index-6e300317.js';
-import './index-4ba507f1.js';
-import './index.module-11c2316e.js';
-import './index-04c5da30.js';
-import './index-ee458da8.js';
-import './index-a77eaf6d.js';
-import './index-3a39d1fd.js';
-import './index-139b131b.js';
-import './index-b70740ac.js';
-import './index-dabf99d3.js';
-import './index.module-c7f71138.js';
-import './index-c1ffcb2f.js';
-import './index-a113a21c.js';
-
-var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\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 AccessoiresSerious = function AccessoiresSerious(props) {
-  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcAccInfoContainerClass: wcAccInfoContainer,
-    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
-    hidePrice: true,
-    hideSize: true
-  }));
-};
-var index = observer(AccessoiresSerious);
-
-export { index as default };

package/build/esm/index-37b7a4a9.js

@@ -1,43 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var imageItem = "image-item-NA3C7";
-var sel = "sel-gUlno";
-var css_248z = ".image-item-NA3C7 {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.sel-gUlno {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n";
-styleInject(css_248z);
-
-var FilterItem = function FilterItem(_ref) {
-  var _viewHandler$settings;
-  var item = _ref.item,
-    id = _ref.id;
-  var viewHandler = useViewHandler();
-  var actValue = (_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue;
-  return /*#__PURE__*/jsx("span", {
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.onSelectFilter(id, item.text, 'RAL');
-    },
-    style: {
-      backgroundColor: item.rgb
-    },
-    className: classnames(imageItem, actValue === item.text ? sel : undefined)
-  });
-};
-var FilterItem$1 = observer(FilterItem);
-
-export { FilterItem$1 as default };

package/build/esm/index-3a39d1fd.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import IsActive from './index-04c5da30.js';
-import InfoIcon from './index-84b6bb30.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/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 articleItem = "ArticleItem-MKJ0R";
-var wcSize = "wcSize-NqLig";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Tn0PY";
-var wcImage = "wcImage-ui7-N";
-var css_248z = "/*Planner*/\n\n.ArticleItem-MKJ0R {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.ArticleItem-MKJ0R:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.ArticleItem-MKJ0R:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.ArticleItem-MKJ0R:hover {\n  z-index: 200;\n}\n\n.ArticleItem-MKJ0R .wcSize-NqLig {\n  width: 100%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-MKJ0R .wcConfigurator-settings-title-Tn0PY {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-MKJ0R .wcImage-ui7-N {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.ArticleItem-MKJ0R .wcConfigurator-settings-title-Tn0PY:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n";
-styleInject(css_248z);
-
-var PlannerSwitch = function PlannerSwitch(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(articleItem),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickOnPlannerElementSwitch(item);
-    },
-    children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.imgSrc, ")")
-        },
-        title: item.title
-      }), /*#__PURE__*/jsx("div", {
-        className: classnames(wcConfiguratorSettingsTitle),
-        children: item.title
-      })]
-    })]
-  });
-};
-var PlannerSwitch$1 = observer(PlannerSwitch);
-
-export { PlannerSwitch$1 as default };

package/build/esm/index-3ac530c4.js

@@ -1,153 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import Draggable from 'react-draggable';
-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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-epfZs";
-var header = "header-GXHlA";
-var handle = "handle-wTliC";
-var closeIcon = "close-icon-L0FOF";
-var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.header-GXHlA {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.handle-wTliC {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.close-icon-L0FOF {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-L0FOF:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var _viewHandler$productS;
-  var id = _ref.id,
-    _ref$startPos = _ref.startPos,
-    startPos = _ref$startPos === void 0 ? 'left' : _ref$startPos,
-    noWrapper = _ref.noWrapper;
-  var _useDivaCore = useDivaCore(),
-    contentItemHandler = _useDivaCore.handler.contentItemHandler,
-    _useDivaCore$actions = _useDivaCore.actions,
-    openSideMenu = _useDivaCore$actions.openSideMenu,
-    closeSideMenu = _useDivaCore$actions.closeSideMenu;
-  var _useTranslation = useTranslation(),
-    language = _useTranslation.i18n.language;
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  useEffect(function () {
-    if (!id) return;
-    loadData();
-  }, [id]);
-  var loadData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return contentItemHandler.getContentItem(id, language);
-          case 2:
-            data = _context.sent;
-            setData(data);
-            if (viewHandler.getIsInMobileView()) {
-              openSideMenu({
-                side: 'left',
-                onClose: function onClose() {
-                  viewHandler.settingsState.setContentItemId();
-                  closeSideMenu();
-                },
-                open: true,
-                content: /*#__PURE__*/jsx("div", {
-                  className: classnames(mobile),
-                  children: /*#__PURE__*/jsx(ContentItemComponent, {
-                    settings: {
-                      contentItems: data.content,
-                      wrapperStyle: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%'
-                      }
-                    }
-                  })
-                })
-              });
-            }
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (id === undefined) setData(undefined);
-  }, [id]);
-  if (!data) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.getIsInMobileView()) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (noWrapper) {
-    return /*#__PURE__*/jsx(ContentItemComponent, {
-      settings: {
-        contentItems: data.content,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        }
-      }
-    });
-  }
-  var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
-  return /*#__PURE__*/jsx(Draggable, {
-    handle: ".handle",
-    bounds: "parent",
-    defaultPosition: startPos == 'right' ? {
-      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 508 : 0,
-      y: 0
-    } : undefined,
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      style: {
-        maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: header,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames('handle', handle)
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return viewHandler.settingsState.setContentItemId();
-          }
-        })]
-      }), /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data.content,
-          wrapperStyle: {
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 'inherit'
-          }
-        }
-      })]
-    })
-  });
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-3ad86696.js

@@ -1,76 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-5923c149.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
-var isActive = "isActive-mWaAC";
-var allIsActive = "allIsActive-iSz9H";
-var isSelectable = "isSelectable-FBPGm";
-var small = "small-xZ6Og";
-var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.6px);\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 SettingsPosNr = function SettingsPosNr(_ref) {
-  var _renderLayer;
-  var id = _ref.id,
-    allAreActive = _ref.allAreActive;
-  var viewHandler = useViewHandler();
-  var article = viewHandler.settingsState.articleInfos[id];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-
-  /* 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) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
-      },
-      id: "ArticleInfo",
-      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
-    }, triggerProps), hoverProps), {}, {
-      children: article.posNr
-    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
-      article: article,
-      layerProps: layerProps
-    })))]
-  });
-};
-var SettingsPosNr$1 = observer(SettingsPosNr);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsPosNr$1
-});
-
-export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-3b12f69b.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-b24860df.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/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 wcTabGroupItem = "wcTabGroupItem-RxTRT";
-var landscape = "landscape-XFSPQ";
-var wcActiveStep = "wcActiveStep-W687q";
-var wcVisitedStep = "wcVisitedStep-IGlR4";
-var wcTabGroupItemMobile = "wcTabGroupItemMobile-tMZbr";
-var secondaryColorDiv = "secondaryColorDiv-fx0Cm";
-var wcStepIcon = "wcStepIcon-JtMDZ";
-var css_248z = ".wcTabGroupItem-RxTRT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.landscape-XFSPQ.wcTabGroupItem-RxTRT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q,\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q.wcTabGroupItem-RxTRT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcTabGroupItem-RxTRT.wcVisitedStep-IGlR4 {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-IGlR4.wcTabGroupItem-RxTRT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-RxTRT.wcTabGroupItem-RxTRT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q {\n  color: white;\n}\n\n.wcTabGroupItemMobile-tMZbr {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.secondaryColorDiv-fx0Cm {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.wcTabGroupItemMobile-tMZbr.wcActiveStep-W687q {\n  background-color: var(--thirdColor);\n}\n\n.wcStepIcon-JtMDZ {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.wcActiveStep-W687q .wcStepIcon-JtMDZ {\n  margin-left: 5px;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var active = tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var icon = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(!viewHandler.uiState.isInMobileView ? wcTabGroupItem : wcTabGroupItemMobile, viewHandler.uiState.isMobileLandscape ? landscape : undefined, active ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !active ? wcVisitedStep : undefined),
-    children: [(active || !icon) && t('configurator.' + tabGroup.title, tabGroup.title), active && /*#__PURE__*/jsx("div", {
-      className: secondaryColorDiv
-    }), icon && /*#__PURE__*/jsx("div", {
-      className: wcStepIcon,
-      style: {
-        WebkitMaskImage: 'url(' + icon + ')',
-        maskImage: 'url(' + icon + ')'
-      }
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontal);
-
-export { index as default };

package/build/esm/index-3c2bdfec.js

@@ -1,71 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-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';
-
-var productDetailWrapper = "product-detail-wrapper-sb1Re";
-var left = "left-qcwue";
-var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
-styleInject(css_248z);
-
-var ProduktDetails = function ProduktDetails(_ref) {
-  var _articles$viewHandler;
-  Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  return /*#__PURE__*/jsxs("div", {
-    className: productDetailWrapper,
-    children: [/*#__PURE__*/jsx("a", {
-      children: "ArtNr:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.configArticleCodex
-    }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("a", {
-        children: "ArtCodex:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.articleCodex
-      })]
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Name:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.catalogArticleName
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Ma\xDFe:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.actSizeText
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Bestell-Nr:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.retailArticleNr || article.typeNr
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Modell:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
-    }), /*#__PURE__*/jsx("hr", {})]
-  });
-};
-var ProduktDetails$1 = observer(ProduktDetails);
-
-export { ProduktDetails$1 as default };