@crystaldesign/diva-web-planner-react 26.6.0-beta.17 → 26.6.0-beta.22

package/build/esm/index-2c0e8d62.js

@@ -1,45 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-86b5ab28.js';
-import { jsx } 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/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var verticalItemPoligon = "verticalItemPoligon-uLIgs";
-var wcActiveStep = "wcActiveStep-Cjjc7";
-var wcVisitedStep = "wcVisitedStep-Syo-H";
-var wcStepIcon = "wcStepIcon-oKNsW";
-var css_248z = ".verticalItemPoligon-uLIgs {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.verticalItemPoligon-uLIgs:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7 {\n  stroke: #cca663;\n  color: #cca663;\n}\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H {\n  color: #a1a1a1;\n}\n\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7:hover {\n  stroke: #d6b781;\n}\n\n.verticalItemPoligon-uLIgs:hover,\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H:hover {\n  color: #e1e1e1;\n}\n\n.wcStepIcon-oKNsW {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-Cjjc7 .wcStepIcon-oKNsW {\n  background-color: #cca663;\n}\n.wcVisitedStep-Syo-H .wcStepIcon-oKNsW {\n  background-color: #a1a1a1;\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 VerticalTabGroupItemFree = function VerticalTabGroupItemFree(props) {
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcVisitedStepClass: wcVisitedStep,
-    wcActiveStepClass: wcActiveStep,
-    verticalItemPoligonClass: verticalItemPoligon,
-    wcStepIconClass: wcStepIcon
-  }));
-};
-var index = observer(VerticalTabGroupItemFree);
-
-export { index as default };

package/build/esm/index-2c4d19b7.js

@@ -1,81 +0,0 @@
-import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { jsxs, 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 '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var wcConfiguratorGrid = "wcConfigurator-grid-DANlC";
-var wcConfiguratorGrid2DCanvas = "wcConfigurator-grid-2D-canvas-kC0d5";
-var grid2DBg = "Grid2D_BG-qKtq3";
-var css_248z = ".wcConfigurator-grid-DANlC {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  z-index: 5;\n}\n\n.Grid2D_BG-qKtq3 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg==');\n  /*background-image: url(\"images/Standard/grid_standard.png\");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n";
-styleInject(css_248z);
-
-var touchMoveDetected = false;
-var Planner2DGrid = function Planner2DGrid(props) {
-  var viewHandler = useViewHandler();
-  var uiHandler = usePlannerUIHandler();
-  var gridRef = useRef(null);
-  useEffect(function () {
-    if (!gridRef) return;
-    viewHandler.productState.setPlanner2DGridElement(gridRef.current);
-  }, [gridRef]);
-  var on2DPlannerBGClick = function on2DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-    e.stopPropagation();
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: gridRef,
-    className: wcConfiguratorGrid,
-    id: "wcConfigurator-grid-container",
-    style: {
-      width: '100%',
-      height: '100%',
-      zIndex: 2,
-      visibility: viewHandler.productState.doShowGrid ? 'visible' : 'hidden'
-    },
-    onClick: on2DPlannerBGClick,
-    onTouchStart: function onTouchStart() {
-      touchMoveDetected = false;
-    },
-    onTouchMove: function onTouchMove() {
-      touchMoveDetected = true;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!touchMoveDetected) {
-        on2DPlannerBGClick(e);
-      }
-      touchMoveDetected = false;
-    },
-    children: [/*#__PURE__*/jsx("canvas", {
-      className: wcConfiguratorGrid2DCanvas,
-      id: "wcConfigurator-grid-2D-canvas"
-    }), /*#__PURE__*/jsx("div", {
-      className: grid2DBg,
-      style: {
-        zoom: uiHandler.get2DGridBackgroundState().zoom,
-        backgroundPosition: uiHandler.get2DGridBackgroundState().position.x + 'px ' + uiHandler.get2DGridBackgroundState().position.y + 'px'
-      }
-    })]
-  });
-};
-var Planner2DGrid$1 = observer(Planner2DGrid);
-
-export { Planner2DGrid$1 as default };

package/build/esm/index-2f19c1a4.js

@@ -1,37 +0,0 @@
-import { u as useViewHandler } from './index-7fb761c9.js';
-import 'react';
-import { g as wcPlanner3DGrid } from './index.module-59794545.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/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var Planner3DGrid = function Planner3DGrid(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(_ref) {
-      return viewHandler.productState.setPlanner3DGridElement(_ref);
-    },
-    id: "diva3dImg_3DGrid",
-    className: wcPlanner3DGrid
-  });
-};
-
-export { Planner3DGrid as default };

package/build/esm/index-2f844220.js

@@ -1,74 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7fb761c9.js';
-import { useState, useEffect } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var metaData = "meta-data-kJbmQ";
-var css_248z = ".meta-data-kJbmQ {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .meta-data-kJbmQ {\n  color: #fff;\n}\n";
-styleInject(css_248z);
-
-var MetaData = function MetaData(_ref) {
-  var style = _ref.style,
-    metaData$1 = _ref.metaData,
-    _ref$visible = _ref.visible,
-    _ref$visible2 = _ref$visible === void 0 ? useState('') : _ref$visible,
-    _ref$visible3 = _slicedToArray(_ref$visible2, 2),
-    metaDataVisible = _ref$visible3[0],
-    setMetaDataVisible = _ref$visible3[1];
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var displayMetaDatas = viewHandler.getViewConfig().displayMetaDatas;
-  var firstItem = metaData$1 === null || metaData$1 === void 0 ? void 0 : metaData$1.find(function (data) {
-    return displayMetaDatas === null || displayMetaDatas === void 0 ? void 0 : displayMetaDatas.includes(data.codex);
-  });
-  useEffect(function () {
-    if (!firstItem) return;
-    var textTmp = '';
-    for (var i = 0; i < firstItem.values.length; i++) {
-      if (textTmp !== '') textTmp = textTmp + ', ';
-      var _loop = function _loop(j) {
-        var data = metaData$1 === null || metaData$1 === void 0 ? void 0 : metaData$1.find(function (data) {
-          return data.codex === displayMetaDatas[j];
-        });
-        if (!data) return 1; // continue
-        if (textTmp !== '') textTmp = textTmp + ' ';
-        textTmp = textTmp + (data.name ? data.name + ': ' : '') + data.values[i];
-      };
-      for (var j = 0; j < displayMetaDatas.length; j++) {
-        if (_loop(j)) continue;
-      }
-    }
-    setText(textTmp);
-    setMetaDataVisible(textTmp);
-  }, []);
-  if (!metaDataVisible) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    style: style,
-    className: metaData,
-    children: text
-  });
-};
-
-export { MetaData as default };

package/build/esm/index-309e0b6e.js

@@ -1,82 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-7fb761c9.js';
-import 'react';
-import ReactDOM from 'react-dom';
-import FloatingWindow from './index-e8fcf1c5.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import 'react-rnd';
-
-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 TITLES = {
-  PartList: 'Stückliste',
-  PriceAnalyzer: 'Preise',
-  DecisionAnalyzer: 'Decisions',
-  OptionTreeTable: 'Option Tree',
-  ErrorWarningOverview: 'Errors & Warnings',
-  ekText: 'Ek Text',
-  PriceList: 'Price list'
-};
-var WINDOW_TO_COMPONENT = {
-  PartList: 'PartlistDebug',
-  DecisionAnalyzer: 'DecisionAnalyzer',
-  OptionTreeTable: 'OptionTreeTable',
-  PriceAnalyzer: 'PriceAnalyzer',
-  ErrorWarningOverview: 'ErrorAndWarningOverview',
-  PriceList: 'PriceList',
-  ekText: 'EkTextViewer'
-};
-var ToolContainer = function ToolContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var analyzerComponents = useAnalyzerComponents();
-  var windows = Array.from(viewHandler.wysiwygDebugState.activeWysiwygWindows.entries());
-  var renderContent = function renderContent(windowType) {
-    var componentKey = WINDOW_TO_COMPONENT[windowType];
-    var Component = analyzerComponents[componentKey];
-    if (!Component) return /*#__PURE__*/jsx(MissingAnalyzerComponent, {
-      name: componentKey
-    });
-    var commonProps = windowType === 'ErrorWarningOverview' ? {} : {
-      className: ''
-    };
-    return /*#__PURE__*/jsx(Component, _objectSpread({}, commonProps));
-  };
-  var floatingWindows = windows.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      windowType = _ref3[0],
-      bounds = _ref3[1];
-    return /*#__PURE__*/jsx(FloatingWindow, {
-      windowType: windowType,
-      title: TITLES[windowType],
-      bounds: bounds,
-      children: renderContent(windowType)
-    }, windowType);
-  });
-  if (floatingWindows.length === 0) return null;
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsx(Fragment, {
-    children: floatingWindows
-  }), document.body);
-};
-
-export { ToolContainer as default };

package/build/esm/index-30d12c70.js

@@ -1,72 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7fb761c9.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/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var tablet = "tablet-QdtJo";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcTabGroupItem-xfakc {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.portrait-R75Hr .wcTabGroupItem-xfakc {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcActiveStep-E81Bg .wcTabGroupItem-xfakc {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcStepNum-fDZJn {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.horizontal-line-RQbQm {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.portrait-R75Hr .horizontal-line-RQbQm {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.tablet-QdtJo .horizontal-line-RQbQm {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_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) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem),
-      children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };

package/build/esm/index-357449c8.js

@@ -1,47 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-df449cbf.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 540;\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-367463e5.js

@@ -1,195 +0,0 @@
-import { s as styleInject } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import React from 'react';
-import QRCode from 'react-qr-code';
-import classnames from 'classnames';
-import { getLogger, useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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';
-import 'react-switch';
-import 'react-countup';
-
-var fullscreen = "fullscreen-dVNtA";
-var errorWrapper = "error-wrapper-4Kfuq";
-var errorText = "error-text-aG0TS";
-var errorQrCodeWrapper = "error-qr-code-wrapper-WRr2H";
-var wrapper = "wrapper-uzZ9r";
-var tablet = "tablet-CPL9b";
-var textWrapper = "text-wrapper-rIzGz";
-var header = "header-sWWoX";
-var text = "text-OkwbY";
-var stepsWrapper = "steps-wrapper-4x10n";
-var stepWrapper = "step-wrapper-HY2sH";
-var stepTextWrapper = "step-text-wrapper-S-m1m";
-var stepTitle = "step-title-M7iLu";
-var stepText = "step-text-LPg7J";
-var icon = "icon-K4UgE";
-var svgIcon = "svg-icon-Ex5u5";
-var buttonWrapper = "button-wrapper-t88VM";
-var arButton = "ar-button-e122r";
-var disabled = "disabled-5mNQN";
-var qrCodeWrapper = "qr-code-wrapper-gox11";
-var loader = "loader-5y0Dw";
-var css_248z = ".fullscreen-dVNtA {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.error-wrapper-4Kfuq {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.error-text-aG0TS {\n  max-width: 400px;\n}\n.error-qr-code-wrapper-WRr2H {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wrapper-uzZ9r {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.tablet-CPL9b .wrapper-uzZ9r {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.text-wrapper-rIzGz {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.header-sWWoX {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.text-OkwbY {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.steps-wrapper-4x10n {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tablet-CPL9b .steps-wrapper-4x10n {\n  gap: 32px;\n}\n\n.step-wrapper-HY2sH {\n  display: flex;\n  gap: 12px;\n}\n\n.step-text-wrapper-S-m1m {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.step-title-M7iLu {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.step-text-LPg7J {\n  font-size: 14px;\n  color: #000000;\n}\n\n.icon-K4UgE {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.svg-icon-Ex5u5 {\n  width: 50%;\n  height: 50%;\n}\n.button-wrapper-t88VM {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ar-button-e122r {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.disabled-5mNQN {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.ar-button-e122r:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.ar-button-e122r.disabled-5mNQN:hover {\n  box-shadow: none;\n}\n\n.qr-code-wrapper-gox11 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.loader-5y0Dw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: spinner-mDqax 2s linear infinite;\n}\n\n@keyframes spinner-mDqax {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z);
-
-var CameraIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30100%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30100%29%22%3E%3Cpath%20d%3D%22M4.54815%2019.5C4.04302%2019.5%203.61545%2019.325%203.26545%2018.975C2.91547%2018.625%202.74048%2018.1974%202.74048%2017.6923V6.30773C2.74048%205.8026%202.91547%205.37503%203.26545%205.02503C3.61545%204.67503%204.04302%204.50003%204.54815%204.50003H15.9327C16.4378%204.50003%2016.8654%204.67503%2017.2154%205.02503C17.5654%205.37503%2017.7404%205.8026%2017.7404%206.30773V10.8847L21.2596%207.36546V16.6346L17.7404%2013.1154V17.6923C17.7404%2018.1974%2017.5654%2018.625%2017.2154%2018.975C16.8654%2019.325%2016.4378%2019.5%2015.9327%2019.5H4.54815ZM4.54815%2018H15.9327C16.0225%2018%2016.0962%2017.9712%2016.1539%2017.9135C16.2116%2017.8558%2016.2404%2017.782%2016.2404%2017.6923V6.30773C16.2404%206.21798%2016.2116%206.14426%2016.1539%206.08656C16.0962%206.02886%2016.0225%206.00001%2015.9327%206.00001H4.54815C4.4584%206.00001%204.38468%206.02886%204.32698%206.08656C4.26928%206.14426%204.24043%206.21798%204.24043%206.30773V17.6923C4.24043%2017.782%204.26928%2017.8558%204.32698%2017.9135C4.38468%2017.9712%204.4584%2018%204.54815%2018Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3Cpath%20d%3D%22M5%2011.75L8.90383%2015.6539L15.6269%208.93078L14.573%207.87695L8.90383%2013.5462L6.05383%2010.6962L5%2011.75Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
-var LightbulbIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30110%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30110%29%22%3E%3Cpath%20d%3D%22M12%2020.9422C11.5987%2020.9422%2011.2439%2020.8365%2010.9356%2020.6249C10.6272%2020.4134%2010.4115%2020.1358%2010.2884%2019.7922H9.99997C9.59101%2019.7922%209.23877%2019.6445%208.94327%2019.349C8.64776%2019.0535%208.5%2018.7012%208.5%2018.2923V15.0115C7.49103%2014.4%206.69712%2013.5801%206.11827%2012.5519C5.53942%2011.5237%205.25%2010.4231%205.25%209.25001C5.25%207.36797%205.90448%205.77246%207.21345%204.46348C8.52243%203.15451%2010.1179%202.50003%2012%202.50003C13.882%202.50003%2015.4775%203.15451%2016.7865%204.46348C18.0955%205.77246%2018.75%207.36797%2018.75%209.25001C18.75%2010.4436%2018.4605%2011.5494%2017.8817%2012.5673C17.3028%2013.5853%2016.5089%2014.4%2015.5%2015.0115V18.2923C15.5%2018.7012%2015.3522%2019.0535%2015.0567%2019.349C14.7612%2019.6445%2014.4089%2019.7922%2014%2019.7922H13.7115C13.5884%2020.1358%2013.3727%2020.4134%2013.0644%2020.6249C12.7561%2020.8365%2012.4013%2020.9422%2012%2020.9422ZM9.99997%2018.2923H14V17.3538H9.99997V18.2923ZM9.99997%2016.4692H14V15.5H9.99997V16.4692ZM9.79997%2014H11.4038V11.0885L9.26153%208.94616L10.1%208.10771L12%2010.0077L13.9%208.10771L14.7384%208.94616L12.5961%2011.0885V14H14.2C15.1%2013.5667%2015.8333%2012.9292%2016.4%2012.0875C16.9666%2011.2458%2017.25%2010.3%2017.25%209.25001C17.25%207.78334%2016.7416%206.54167%2015.725%205.52501C14.7083%204.50834%2013.4666%204.00001%2012%204.00001C10.5333%204.00001%209.29164%204.50834%208.27497%205.52501C7.25831%206.54167%206.74997%207.78334%206.74997%209.25001C6.74997%2010.3%207.03331%2011.2458%207.59997%2012.0875C8.16664%2012.9292%208.89997%2013.5667%209.79997%2014Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
-var ScannIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.6538L6.09619%2015.75L7.16539%2014.6808L9.25004%2016.7654V12.25H10.75V16.7501L12.8192%2014.6654L13.9038%2015.75L10%2019.6538ZM4.25002%2013.9038L0.346191%2010L4.23464%206.11158L5.30384%207.18078L3.23459%209.25003H7.74999V10.75H3.24997L5.33462%2012.8192L4.25002%2013.9038ZM15.75%2013.9038L14.6808%2012.8346L16.7654%2010.75H12.25V9.25003H16.7501L14.6654%207.18078L15.75%206.09618L19.6538%2010L15.75%2013.9038ZM9.25004%207.74998V3.23458L7.16539%205.3192L6.09619%204.25L10%200.346176L13.9038%204.25L12.8346%205.3192L10.75%203.23458V7.74998H9.25004Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fsvg%3E";
-
-var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
-var FullscreenArHeader = function FullscreenArHeader() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: header,
-    children: t('configurator.ar_qr_title')
-  });
-};
-var FullscreenAr = function FullscreenAr(_ref) {
-  var url = _ref.url,
-    isArCompatible = _ref.isArCompatible,
-    broswerSupportAR = _ref.broswerSupportAR,
-    activateAR = _ref.activateAR,
-    hqRenderScript = _ref.hqRenderScript,
-    isTablet = _ref.isTablet;
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  var onClick = function onClick() {
-    LOG.businessEvent('onInitARViewer', 'RealTimeViewer', 'Load AR viewer', {
-      arMedia: url,
-      hqRenderScript: hqRenderScript
-    });
-    activateAR === null || activateAR === void 0 || activateAR();
-  };
-  if (isArCompatible == false || !broswerSupportAR) {
-    return /*#__PURE__*/jsxs("div", {
-      className: errorWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: errorText,
-        dangerouslySetInnerHTML: {
-          __html: t('arviewer.failed')
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: errorQrCodeWrapper,
-        children: [" ", url && /*#__PURE__*/React.createElement(QRCode, {
-          value: url,
-          size: 220
-        })]
-      })]
-    });
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(fullscreen, isTablet ? tablet : undefined),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: textWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: text,
-          children: t('configurator.ar_qr_text')
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: stepsWrapper,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: CameraIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 1'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step1')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: LightbulbIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 2'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step2')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: stepWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            className: icon,
-            children: /*#__PURE__*/jsx("img", {
-              src: ScannIcon,
-              alt: "",
-              className: svgIcon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: stepTextWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: stepTitle,
-              children: t('configurator.ar_qr_step') + ' 3'
-            }), /*#__PURE__*/jsx("div", {
-              className: stepText,
-              children: t('configurator.ar_qr_step3')
-            })]
-          })]
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: buttonWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          "aria-disabled": !activateAR,
-          className: classnames(arButton, !activateAR ? disabled : undefined),
-          onClick: onClick,
-          children: activateAR ? t('configurator.open_ar') : /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("div", {
-              className: loader
-            }), t('arviewer.initializing')]
-          })
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: text,
-        children: t('configurator.ar_qr_bottom_text')
-      }), url && /*#__PURE__*/jsxs("div", {
-        className: qrCodeWrapper,
-        children: [" ", url && /*#__PURE__*/React.createElement(QRCode, {
-          value: url,
-          size: 220
-        })]
-      })]
-    })
-  });
-};
-var FullscreenAr$1 = observer(FullscreenAr);
-
-export { FullscreenArHeader, FullscreenAr$1 as default };