@crystaldesign/diva-web-planner-react 25.1.0-rc.9 → 25.1.0

package/build/esm/index-e8d81c15.js

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

package/build/esm/index-eb5ffd0f.js

@@ -1,164 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-3f56cc07.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr from './index-512afc08.js';
-import { jsx, jsxs, Fragment } 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';
-import 'react-qr-code';
-
-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 ArQrCodeTooltip = function ArQrCodeTooltip(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
-  var openAr = isMobile || isTablet;
-
-  //for fade animation
-  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tooltipVisible = _useState4[0],
-    setTooltipVisible = _useState4[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    url = _useState6[0],
-    setUrl = _useState6[1];
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && openAr) openModal({
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR
-      }),
-      fullscreen: true,
-      rejectByIcon: true,
-      dontRenderForm: true,
-      callback: function callback(value) {
-        if (!value) {
-          viewHandler.productState.setDoShowARQRCode(false);
-          viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
-        }
-      }
-    });
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    if (openAr) {
-      if (!viewHandler.productState.doShowRTV) {
-        viewHandler.productState.loadRTVForAr = true;
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      openModal({
-        content: /*#__PURE__*/jsx(FullscreenAr, {
-          url: url,
-          isArCompatible: viewHandler.productState.isArCompatible,
-          broswerSupportAR: viewHandler.productState.browserSupportAR,
-          activateAR: viewHandler.productState.activateAR
-        }),
-        fullscreen: true,
-        dontRenderForm: true,
-        rejectByIcon: true,
-        callback: function callback(value) {
-          if (!value) {
-            viewHandler.productState.loadRTVForAr = false;
-            viewHandler.productState.setDoShowARQRCode(false);
-            viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
-          }
-        }
-      });
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-
-export { ArQrCodeIcon as default };

package/build/esm/index-ebfec8c7.js

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

package/build/esm/index-ecb81767.js

@@ -1,46 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var container = "container-LyqYI";
-var hidden = "hidden-TqWZg";
-var notHidden = "not-hidden-Wbdom";
-var text = "text-022qF";
-var css_248z = ".container-LyqYI {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.hidden-TqWZg {\n  opacity: 0;\n}\n\n.not-hidden-Wbdom {\n  transition: opacity 0.5s;\n}\n.text-022qF {\n  margin-left: 10px;\n  font-size: 13px;\n}\n";
-styleInject(css_248z);
-
-var RotateIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.48%202.52c3.27%201.55%205.61%204.72%205.97%208.48h1.5C23.44%204.84%2018.29%200%2012%200l-.66.03%203.81%203.81%201.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12%200L1.75%208.11c-.59.59-.59%201.54%200%202.12l12.02%2012.02c.59.59%201.54.59%202.12%200l6.36-6.36c.59-.59.59-1.54%200-2.12L10.23%201.75zm4.6%2019.44L2.81%209.17l6.36-6.36%2012.02%2012.02-6.36%206.36zm-7.31.29C4.25%2019.94%201.91%2016.76%201.55%2013H.05C.56%2019.16%205.71%2024%2012%2024l.66-.03-3.81-3.81-1.33%201.32z%22%2F%3E%3C%2Fsvg%3E";
-
-var RotateInfo = function RotateInfo(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(container, !viewHandler.productState.orbitHidden ? hidden : notHidden),
-    children: [/*#__PURE__*/jsx("img", {
-      src: RotateIcon
-    }), /*#__PURE__*/jsx("div", {
-      className: text,
-      children: t('configurator.rotate_mobile')
-    })]
-  });
-};
-var RotateInfo$1 = observer(RotateInfo);
-
-export { RotateInfo$1 as default };

package/build/esm/index-ed420ac3.js

@@ -1,53 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-497c4f05.js';
-import { useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-d977754e.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/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 TabGroupHorizontal = function TabGroupHorizontal(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    if (!viewHandler.tabGroupState.curTabGroup) return;
-    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
-    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
-    var offsetToRight = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().width / 100 * 20; //  das Active Div soll 20% in der Breite nach links positioniert sein
-    var actDivPos = curTabGroup.getBoundingClientRect().left - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().left; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
-    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollLeft; //           soweit ist aktuell gescrollt
-
-    var toScrollLeft = actDivPos - (viewHandler.uiState.isInMobileView ? 0 : offsetToRight) + actScrollVal;
-    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
-      left: toScrollLeft,
-      top: 0,
-      behavior: 'smooth'
-    });
-  }, [viewHandler.tabGroupState.curTabGroup]);
-  if (!viewHandler.tabGroupState.allTabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Fragment, {
-    children: Object.entries(viewHandler.tabGroupState.allTabGroups).map(function (_ref) {
-      var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        width: 'calc(' + ((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState) === null || _viewHandler$tabGroup2 === void 0 || (_viewHandler$tabGroup2 = _viewHandler$tabGroup2.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().width) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0) + 'px / ' + Object.entries(viewHandler.tabGroupState.allTabGroups).length + ')'
-      }, key);
-    })
-  });
-};
-var TabGroupHorizontal$1 = observer(TabGroupHorizontal);
-
-export { TabGroupHorizontal$1 as default };

package/build/esm/index-edbbaf2d.js

@@ -1,52 +0,0 @@
-import { u as useViewHandler } from './index-497c4f05.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-7069bee0.js';
-import IsActive from './index-53975d15.js';
-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 ViewPoint = function ViewPoint(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticVPPalette(item);
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.url, ")")
-        }
-      }), /*#__PURE__*/jsx("div", {
-        className: textContainer,
-        children: /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsTitle,
-          children: t('configurator.' + item.N)
-        })
-      })]
-    })
-  });
-};
-var ViewPoint$1 = observer(ViewPoint);
-
-export { ViewPoint$1 as default };

package/build/esm/index-f0cec003.js

@@ -1,59 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.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-f1f24a8c.js

@@ -1,38 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import 'react';
-import BasketActionStandard from './index-f0cec003.js';
-import { observer } from 'mobx-react-lite';
-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';
-
-var wcCheckoutButtonText = "wcCheckoutButtonText-bETEx";
-var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-iT78h";
-var css_248z = ".wcCheckoutButtonText-bETEx {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.wcCheckoutButtonPrice-iT78h {\n  float: right;\n  margin-right: 100px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\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 BasketActionGold = function BasketActionGold(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(BasketActionStandard, _objectSpread(_objectSpread({}, props), {}, {
-    buttonTextClassName: wcCheckoutButtonText,
-    buttonPriceClassName: wcCheckoutButtonPrice,
-    price: viewHandler.productState.formatedCurSetPrice
-  }));
-};
-var index = observer(BasketActionGold);
-
-export { index as default };

package/build/esm/index-f441eaa9.js

@@ -1,54 +0,0 @@
-import { u as useViewHandler } from './index-497c4f05.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px',
-      visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        var _item$clickFunction;
-        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-      },
-      style: {
-        left: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-f522b035.js

@@ -1,47 +0,0 @@
-import { a as usePlannerUIHandler } from './index-497c4f05.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 AVL = function AVL(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVL.avl, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVL.avlSel : undefined)
-  });
-};
-var AVL$1 = observer(AVL);
-
-export { AVL$1 as default };