@crystaldesign/diva-web-planner-react 25.1.1-rc.1 → 25.2.0-beta.10

package/build/esm/index-e8d4d69c.js

@@ -1,49 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import { useEffect } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-var checkoutButton = "checkout-button-obLRi";
-var checkoutButtonWhite = "checkout-button-white-twwsk";
-var checkoutText = "checkout-text-q48pZ";
-var css_248z = ".checkout-button-obLRi {\n  border-radius: 4px !important;\n}\n.checkout-button-obLRi {\n  background-color: #0f1531;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n}\n.checkout-button-white-twwsk {\n  background-color: initial;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n  border: solid 1px;\n  color: #0f1531;\n  border-color: #0f1531;\n  background-color: white;\n}\n.checkout-text-q48pZ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n";
-styleInject(css_248z);
-
-var index = function index(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.uiState.setBarrierActions([{
-      className: checkoutButton,
-      onClick: function onClick() {},
-      text: 'text'
-    }, {
-      className: checkoutButtonWhite,
-      onClick: function onClick() {},
-      text: 'text'
-    }, {
-      className: checkoutButtonWhite,
-      onClick: function onClick() {},
-      text: 'text'
-    }]);
-    viewHandler.uiState.barrierTextClass = checkoutText;
-    viewHandler.uiState.barrierCreateActionOrder = 1;
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-
-export { index as default };

package/build/esm/index-ebc060a2.js

@@ -1,163 +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-3bf4cac6.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import JSONEditor from 'jsoneditor';
-import DivaUtils from '@crystaldesign/diva-utils';
-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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-6V6Wr";
-var button = "button-VZm94";
-var infoWrapper = "infoWrapper-2WauG";
-var modifiedArticleList = "modifiedArticleList-jWfXL";
-var css_248z = ".wrapper-6V6Wr {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.button-VZm94 {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.infoWrapper-2WauG {\n  display: flex;\n  flex-direction: column;\n}\n\n.modifiedArticleList-jWfXL {\n  font-size: 10px;\n}\n";
-styleInject(css_248z);
-
-var JsonEditor = function JsonEditor(_ref) {
-  var json = _ref.json;
-    _ref.plannerArticles;
-    var curBox = _ref.curBox,
-    divaArticles = _ref.divaArticles;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(json !== null && json !== void 0 ? json : {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    validJson = _useState4[0],
-    setValidJson = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    modifiedArticles = _useState6[0],
-    setModifiedArticles = _useState6[1];
-  var actDivaArticle = divaArticles[curBox];
-  var options = {
-    mode: 'code',
-    onChange: function onChange() {
-      try {
-        var current = jsonEditor.current;
-        var e = current.get();
-        var valid = current.validate();
-        setValidJson(valid);
-      } catch (_unused) {
-        setValidJson(false);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    setValue(json);
-  });
-  useEffect(function () {
-    if (container.current) {
-      if (!jsonEditor.current) jsonEditor.current = new JSONEditor(container.current, options);
-      if (jsonEditor.current) jsonEditor.current.set(value);
-    }
-  }, [value]);
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var current;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            current = jsonEditor.current;
-            if (!(!current.get() || Object.keys(current.get()).length === 0)) {
-              _context.next = 4;
-              break;
-            }
-            alert('Cannot save empty value');
-            return _context.abrupt("return");
-          case 4:
-            actDivaArticle.catalogArticle.modifiedJ3D = current.get();
-            actDivaArticle.resetShelfPlanner();
-            _context.next = 8;
-            return actDivaArticle.updateShelfPlannerState({});
-          case 8:
-            viewHandler.paletteViewHandler.updateCurPaletteData(false);
-            setModifiedInfo();
-            alert('Saved');
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickExport = function onClickExport() {
-    if (!modifiedArticles || modifiedArticles.length === 0) {
-      alert('No modified Article found');
-      return;
-    }
-    for (var i = 0; i < modifiedArticles.length; i++) {
-      DivaUtils.downloadStringAsTxtFile(modifiedArticles[i].j3d, 'text/plain', modifiedArticles[i].articleCodex + '.txt');
-    }
-  };
-  function setModifiedInfo() {
-    var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.allCatalogArticles;
-    var arr = [];
-    for (var key in articles) {
-      if (articles[key]['catalogArticle'].modifiedJ3D) arr.push({
-        articleCodex: key,
-        j3d: JSON.stringify(articles[key]['catalogArticle'].modifiedJ3D)
-      });
-    }
-    setModifiedArticles(arr);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '90%',
-        height: '100%'
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: infoWrapper,
-      children: [/*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      }), /*#__PURE__*/jsx("button", {
-        className: button,
-        onClick: function onClick() {
-          return onClickExport();
-        },
-        children: "Export modified J3D"
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("h5", {
-          children: "Modified Articles"
-        }), modifiedArticles.map(function (item, index) {
-          return /*#__PURE__*/jsx("p", {
-            className: modifiedArticleList,
-            children: item.articleCodex
-          }, index);
-        })]
-      })]
-    })]
-  });
-};
-var JsonEditor$1 = observer(JsonEditor);
-
-export { JsonEditor$1 as default };

package/build/esm/index-ec2d7489.js

@@ -1,40 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var logo = "logo-h99KB";
-var mobile = "mobile-W86xf";
-var hidden = "hidden-uMA1f";
-var notHidden = "not-hidden-88ft-";
-var landscape = "landscape-gPEyU";
-var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.mobile-W86xf {\n  right: auto;\n  right: initial;\n  left: 0px;\n  bottom: 36px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.landscape-gPEyU.logo-h99KB {\n  opacity: 0;\n}\n";
-styleInject(css_248z);
-
-var Logo = function Logo(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    logoUrl = _useDivaCore.state.organization.logoUrl;
-  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("img", {
-    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden ? notHidden : hidden, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-    src: logoUrl
-  });
-};
-var Logo$1 = observer(Logo);
-
-export { Logo$1 as default };

package/build/esm/index-ecc59fbd.js

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

package/build/esm/index-ee3c0068.js

@@ -1,83 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-3bf4cac6.js';
-import { useState } from 'react';
-import DPACC from './index-8b3117d1.js';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function useDockingPointPositioning(_ref) {
-  var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;
-  var dpElement = _ref.dpElement,
-    item = _ref.item;
-  var plannerUIHandler = usePlannerUIHandler();
-  var boundingState = dpElement === null || dpElement === void 0 ? void 0 : dpElement.getBoundingClientRect();
-  var left = (_item$position$x = item === null || item === void 0 ? void 0 : item.position.x) !== null && _item$position$x !== void 0 ? _item$position$x : 0;
-  var top = (_item$position$y = item === null || item === void 0 ? void 0 : item.position.y) !== null && _item$position$y !== void 0 ? _item$position$y : 0;
-  if (boundingState && item) {
-    var correctedPos = new Vector2(left, top);
-    var viewConfig = plannerUIHandler.getViewConfig();
-    var offsetVec = new Vector2(0, 0);
-    if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL' || (item === null || item === void 0 ? void 0 : item.type) == 'AVR') {
-      switch (item.plannerMode) {
-        case '2D':
-          switch (viewConfig.posDPIcon2D) {
-            case 'CORNER':
-              //Standard
-              //  offsetVec = new Vector2(-boundingState, -boundingState.height / 2);
-              // if (item?.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item?.rotOfElement);
-              // correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, "pixel");
-
-              break;
-            case 'SIDE_TOP':
-              //Pfister
-              if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL') {
-                offsetVec = new Vector2(-boundingState.width, 0);
-                if (item !== null && item !== void 0 && item.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item === null || item === void 0 ? void 0 : item.rotOfElement);
-                correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, 'pixel');
-              }
-              break;
-          }
-          break;
-      }
-    } else if ((item === null || item === void 0 ? void 0 : item.type) == 'AccDP' && (item === null || item === void 0 ? void 0 : item.plannerMode) == '3D') {
-      correctedPos.y = 100 - correctedPos.y;
-    } else if (item.type == 'BoxCopyLeft' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyRight' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyTop') ;
-    left = correctedPos.x;
-    top = correctedPos.y;
-  }
-  var rect = {
-    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
-    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
-    top: top,
-    left: left
-  };
-  return rect;
-}
-
-var ItemsDPAccContainer = function ItemsDPAccContainer(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    dpAccElement = _useState2[0],
-    setDpAccElement = _useState2[1];
-  var dpAccRect = useDockingPointPositioning({
-    item: item,
-    dpElement: dpAccElement
-  });
-  return /*#__PURE__*/jsx(Fragment, {
-    children: item && /*#__PURE__*/jsx(DPACC, {
-      item: item,
-      rect: dpAccRect,
-      onElement: setDpAccElement,
-      plannerUIProps: plannerUIProps
-    }, item === null || item === void 0 ? void 0 : item.key)
-  });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': ItemsDPAccContainer
-});
-
-export { ItemsDPAccContainer as I, index as i, useDockingPointPositioning as u };

package/build/esm/index-ef1ef54b.js

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

package/build/esm/index-effd18ac.js

@@ -1,47 +0,0 @@
-import { a as usePlannerUIHandler } from './index-3bf4cac6.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 };

package/build/esm/index-f09d36c7.js

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcTabGroupItem = "wcTabGroupItem-TP7vT";
-var portrait = "portrait-3cTAf";
-var landscape = "landscape-6Dea8";
-var wcActiveStep = "wcActiveStep-y3S9Y";
-var wcVisitedStep = "wcVisitedStep-yDCqq";
-var wcStepNum = "wcStepNum-6FgQh";
-var css_248z = ".wcTabGroupItem-TP7vT {\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.portrait-3cTAf.wcTabGroupItem-TP7vT,\n.landscape-6Dea8.wcTabGroupItem-TP7vT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%236F6F6F%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  color: transparent;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_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 isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
-    children: [/*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), t('configurator.' + tabGroup.title, tabGroup.title)]
-  });
-};
-var index = observer(TabGroupItemHorizontalGold);
-
-export { index as default };

package/build/esm/index-f0e1dfe0.js

@@ -1,42 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-417dceda.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-
-var container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n";
-styleInject(css_248z);
-
-var RoomListSelection = function RoomListSelection(props) {
-  var viewHandler = useViewHandler();
-  var items = viewHandler.paletteViewHandler.getRoomList();
-  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    hidden: !viewHandler.settingsState.roomListInitialized,
-    children: items.map(function (item, index) {
-      return /*#__PURE__*/jsx(RoomSerious, {
-        item: item,
-        from: viewHandler.settingsState.roomListInitialized
-      }, item.codex);
-    })
-  });
-};
-var index = observer(RoomListSelection);
-
-export { index as default };

package/build/esm/index-f1458762.js

@@ -1,46 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation, useDivaCore } 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-vxlYB";
-var totalPrice = "totalPrice-sBu4C";
-var price = "price-jVSu8";
-var css_248z = ".container-vxlYB {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.totalPrice-sBu4C {\n  float: left;\n  margin-left: 2rem;\n}\n\n.price-jVSu8 {\n  float: right;\n  margin-right: 2rem;\n}\n";
-styleInject(css_248z);
-
-var SummaryTotalPrice = function SummaryTotalPrice(props) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !hidePrices && /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: totalPrice,
-        children: t('configurator.TotalPrice', 'TotalPrice')
-      }), /*#__PURE__*/jsx("div", {
-        className: price,
-        children: viewHandler.productState.formatedTotalPrice
-      })]
-    })
-  });
-};
-var TotalPrice = observer(SummaryTotalPrice);
-
-export { TotalPrice as default };

package/build/esm/index-f1b6638c.js

@@ -1,38 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-3bf4cac6.js';
-import 'react';
-import BasketActionStandard from './index-f6965967.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 };