@crystaldesign/diva-web-planner-react 26.1.0-beta.9 → 26.1.0-rc.1

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

@@ -1,42 +0,0 @@
-import { s as styleInject } from './index-cd45012e.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "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%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-38f5feb3.js

@@ -1,160 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-cd45012e.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-b278b421.js';
-import { S as SettingsItem } from './index-47d2685a.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'sift';
-import './index-28d13ecf.js';
-import './index-2a0324db.js';
-import './index-3ace4db9.js';
-import './index-cbfbe30a.js';
-import './index-eb2c0b45.js';
-import './index.module-eea6e071.js';
-import './index-51eebc96.js';
-import 'react-switch';
-import './index-25e88b72.js';
-import './index-c9d44d68.js';
-import './index-3a0e3e76.js';
-import 'react-countup';
-import './index-448e3c88.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-3c9a7def.js';
-import 'react-dropdown';
-import './index-77d4346b.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-99841144.js';
-import './index-d03d86fe.js';
-import './index-57a09c90.js';
-import '@crystaldesign/content-box';
-import './index-d3fe36ae.js';
-import './index-b53b715c.js';
-import './index-1ed90180.js';
-import './index-1c7e23d5.js';
-import './index-7ec6bb7f.js';
-import './index-af515f92.js';
-import './index-e7939fa7.js';
-import './index-3d27b082.js';
-import './index-343d4b3f.js';
-import 'react-laag';
-import './index.module-34a71a62.js';
-import './index-87d30a2b.js';
-import './index-53a6a43f.js';
-import './index-9e9c4e1b.js';
-import './index-36da4300.js';
-import './index-e2242739.js';
-import './index-1e91a831.js';
-import './index.module-010b8049.js';
-import './index-e1ba58f5.js';
-import './index-a55b9c2d.js';
-import './index-432f9ea2.js';
-import './index-20685cfa.js';
-import './index-b74de1f7.js';
-import './index-93fc79fe.js';
-import './index-874bd4cf.js';
-import './index-ad1217cf.js';
-import './index-15cc3ec6.js';
-import './index-34127326.js';
-import './index-82d8a3d4.js';
-import './index-f79201ed.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-8ffa080a.js';
-import 'rc-slider';
-import './index-303501f3.js';
-import './index-a61a740d.js';
-import './index-0e314b39.js';
-import './index-c15d11cc.js';
-import 'react-confetti-explosion';
-import './index-49e26d0a.js';
-import './index-d77cbc29.js';
-import './index-13c0325b.js';
-import 'react-qr-code';
-import './index-b2c111da.js';
-import './useCustomDimensions-e219a1d3.js';
-import './index-b052b27c.js';
-import './ussIsSticky-a1412c50.js';
-import './index-da59e873.js';
-import './index-727d0070.js';
-import './index-826cdc95.js';
-import './index.module-78c248cb.js';
-import './index-70b99b2d.js';
-import './index-b7243348.js';
-import './index-b87c7148.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: Object.values(itemPalettes).map(function (item, index) {
-      return /*#__PURE__*/jsx(SettingsItem, {
-        item: item,
-        id: item.id,
-        zIndexBase: 200
-      }, item.configStepKey);
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };

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

@@ -1,57 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-cd45012e.js';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import CountUp from 'react-countup';
-import { observer } from 'mobx-react-lite';
-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/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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var PriceCounter = function PriceCounter(_ref) {
-  var _newPrice$toString$sp, _newPrice$toString$sp2;
-  var price = _ref.price,
-    _formattingFn = _ref.formattingFn,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 0.5 : _ref$duration;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    newPrice = _useState2[0],
-    setNewPrice = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    oldPrice = _useState4[0],
-    setOldPrice = _useState4[1];
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    setNewPrice(price);
-  }, [price]);
-  return /*#__PURE__*/jsx(CountUp, {
-    end: newPrice,
-    duration: duration,
-    decimals: (_newPrice$toString$sp = (_newPrice$toString$sp2 = newPrice.toString().split('.')[1]) === null || _newPrice$toString$sp2 === void 0 ? void 0 : _newPrice$toString$sp2.length) !== null && _newPrice$toString$sp !== void 0 ? _newPrice$toString$sp : 0,
-    start: oldPrice,
-    formattingFn: function formattingFn(n) {
-      return _formattingFn ? _formattingFn(n) : DivaUtils.formatPrice(n, viewHandler.productState.getPriceFormatForCounter(newPrice));
-    },
-    onEnd: function onEnd() {
-      setOldPrice(newPrice);
-    }
-  });
-};
-var PriceCounter$1 = observer(PriceCounter);
-
-export { PriceCounter$1 as default };

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

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-cd45012e.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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/HeaderAndOption/DropDownText"
-  }));
-};
-
-export { ItemVariant as default };

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

@@ -1,67 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-cd45012e.js';
-import { createElement } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var svgWrapper = "svg-wrapper-hvaq9";
-var css_248z = ".svg-wrapper-hvaq9 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.table-GRFj- {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.column-CbeYE {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.image-zSukX {\n  width: 50px;\n  height: 50px;\n}\n.svg-wrapper-hvaq9 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.svg-wrapper-hvaq9 .expanded-rBYHe {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.cur-item-PDYTf {\n  color: black !important;\n}\n\n.cur-item-PDYTf {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.table-GRFj- img {\n  height: 50px;\n  width: 50px;\n}\n.table-GRFj- tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.table-GRFj- tr th {\n  width: 4%;\n}\n.table-GRFj- tr th:last-child {\n  width: 90px;\n}\n.table-GRFj- thead {\n  border-bottom: 1px solid white;\n}\n.table-GRFj- tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.table-GRFj- tbody th:nth-child(1) {\n  width: 35px;\n}\n.table-GRFj- tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.selected-cRqzN {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsibleHeader-7zGnE {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsible-4mPxe {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["curBox", "isExpanded", "state"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var _articles$0$plannerDa, _articles$0$plannerDa2;
-  _ref.curBox;
-    _ref.isExpanded;
-    var state = _ref.state,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded).filter(function (a) {
-    return a.catalogArticle.catalogPlannerArticle;
-  });
-  if (!articles.length) return /*#__PURE__*/jsx(Fragment, {});
-  var svgBefore = (_articles$0$plannerDa = articles[0].plannerData) === null || _articles$0$plannerDa === void 0 ? void 0 : _articles$0$plannerDa.svgBefore;
-  var svgAfter = (_articles$0$plannerDa2 = articles[0].plannerData) === null || _articles$0$plannerDa2 === void 0 ? void 0 : _articles$0$plannerDa2.svgAfter;
-  var svg = state == 'before' ? svgBefore : svgAfter;
-  return /*#__PURE__*/createElement("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    key: viewHandler.settingsState.configChanged
-  }), /*#__PURE__*/jsxs("div", {
-    style: {
-      height: 500,
-      overflow: 'auto'
-    },
-    children: [/*#__PURE__*/jsx("button", {
-      onClick: function onClick() {
-        return navigator.clipboard.writeText(svg !== null && svg !== void 0 ? svg : '');
-      },
-      children: "copy"
-    }), /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: svg
-    })]
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-
-export { SVGSourceViewer$1 as default };

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

@@ -1,86 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-cd45012e.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
-var portrait = "portrait-begxM";
-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.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\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: 150px;\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, _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : 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$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.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-3c19f744.js

@@ -1,123 +0,0 @@
-import { s as styleInject } from './index-cd45012e.js';
-import 'react';
-import PlannerUI from './index-f470655b.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-51b0f40b.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-4db4561d.js';
-import './index-a01fbb88.js';
-import './index-ca401a82.js';
-import './index-a1717960.js';
-import './index-07ac6b9c.js';
-import './index-30655df4.js';
-import './index-b17fd1be.js';
-import './index-fd6cc0ab.js';
-import './index-17e6ce63.js';
-import './index-0350213a.js';
-import './index-2cf14a51.js';
-import './index-0d685dce.js';
-import './index-65290876.js';
-import 'react-draggable';
-import './index-55540ecb.js';
-import './index-936aef44.js';
-import './index-cfe78062.js';
-
-var hidden = "hidden-75j7C";
-var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var HiddenPlannerUI = function HiddenPlannerUI() {
-  var plannerUIProps = {
-    classes: {
-      buttonGeneral: hidden,
-      dockingPoint: {
-        AVL: {
-          avl: '',
-          avlSel: ''
-        },
-        AVR: {
-          avr: '',
-          avrSel: ''
-        },
-        DPACC: {
-          dp2DAccDocking: '',
-          dp2DAccNotDocking: '',
-          dp2DAccNotDockingSel: '',
-          dp3DAccDocking: '',
-          dp3DAccNotDocking: '',
-          dp3DAccNotDockingSel: ''
-        }
-      },
-      copy: {
-        BoxPlannerCopy: {
-          copyGlobal: '',
-          copyLeft: '',
-          copyTop: '',
-          copyRight: ''
-        },
-        ElementCopy: ''
-      },
-      outline: {
-        outline3D: {
-          outlineSVG: wc3DOutlineSvg,
-          outlinePolygon: wc3DOutlinePolygon,
-          outlinePolygonContours: wc3DOutlinePolygonContours,
-          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
-        },
-        outline2D: {
-          draggable: '',
-          draggableActive: '',
-          selectable: ''
-        }
-      },
-      posNr: {
-        posNr: '',
-        posNrAcc: '',
-        posNrSelectable: '',
-        posNrSelectableArea: '',
-        posNrSelected: '',
-        posNrUnSelectable: '',
-        posNrOnHover: '',
-        moreThanOneNr: ''
-      },
-      rotation: {
-        rotClock: '',
-        rotCounterClock: '',
-        rot3DGrid: ''
-      },
-      move3DGrid: {
-        move3DGrid: ''
-      },
-      trash: {
-        boxplanner: '',
-        trashClass: ''
-      },
-      dimension: {
-        distanceToGround: '',
-        distanceToGroundIcon: ''
-      }
-    }
-  };
-  return /*#__PURE__*/jsx(PlannerUI, {
-    plannerUIProps: plannerUIProps
-  });
-};
-
-export { HiddenPlannerUI as default };