npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.9.0-beta.4 → 25.9.0-beta.41 - Mend

@crystaldesign/diva-web-planner-react 25.9.0-beta.4 → 25.9.0-beta.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1367) hide show

package/build/esm/index-138bdeb0.js DELETED Viewed

@@ -1,166 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5b30dfe3.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-3518ef78.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr from './index-db837544.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import 'react-qr-code';
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
-  var openAr = isMobile || isTablet;
-  //if the viewer is in an iframe (pfister) we dont want to open the modal for the arcombi
-  var shouldOpenModal = openAr && (!viewHandler.uiState.AllConfig.arViewerIframe || !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV);
-  //for fade animation
-  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tooltipVisible = _useState4[0],
-    setTooltipVisible = _useState4[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    url = _useState6[0],
-    setUrl = _useState6[1];
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && shouldOpenModal) openModal({
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR
-      }),
-      fullscreen: true,
-      rejectByIcon: true,
-      dontRenderForm: true,
-      callback: function callback(value) {
-        viewHandler.productState.loadRTVForAr = false;
-        viewHandler.productState.setDoShowARQRCode(false);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-      }
-    });
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    if (shouldOpenModal) {
-      if (!viewHandler.productState.doShowRTV && !(viewHandler.viewPlannerHandler.getCurPlannerViewMode() == 'RTViewer' || viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DCOMB')) {
-        viewHandler.productState.loadRTVForAr = true;
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      openModal({
-        content: /*#__PURE__*/jsx(FullscreenAr, {
-          url: url,
-          isArCompatible: viewHandler.productState.isArCompatible,
-          broswerSupportAR: viewHandler.productState.browserSupportAR,
-          activateAR: viewHandler.productState.activateAR
-        }),
-        fullscreen: true,
-        dontRenderForm: true,
-        rejectByIcon: true,
-        callback: function callback(value) {
-          viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.setDoShowARQRCode(false);
-          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-        }
-      });
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-export { ArQrCodeIcon as default };

package/build/esm/index-14189f98.js DELETED Viewed

@@ -1,188 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-5b30dfe3.js';
-import { useState } from 'react';
-import classnames from 'classnames';
-import { jsxs, jsx } 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/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 '@crystaldesign/widget-contact-form';
-var bmmenu = "bmmenu-i0FoF";
-var menuWide = "menuWide-Yv3p0";
-var backgroundImage = "background-Image-a-mnV";
-var header = "header-bQ84L";
-var treeIcon = "treeIcon-5qOPl";
-var pieceList = "piece-list-l97vC";
-var visible = "visible-yE-Az";
-var articleList = "article-list-c504K";
-var cataloganalysis = "cataloganalysis-lUvm6";
-var svgList = "svgList-jK7kq";
-var ekText = "ekText-cm5xg";
-var catalogMakueUp = "catalogMakueUp-Ruh3p";
-var rtvAnalyzer = "rtvAnalyzer-FgYqS";
-var css_248z = ".bmmenu-i0FoF {\n  width: 50px !important;\n}\n\n.bmmenu-i0FoF {\n  position: absolute;\n  gap: 30px;\n  display: flex;\n  flex-direction: column;\n  background: #19181d;\n  z-index: 800;\n  transition: width 0.3s ease-in-out, margin-left 0.3s;\n  --animation-delay: 0s;\n}\n\n.menuWide-Yv3p0 {\n  width: 250px !important;\n}\n\n.menuWide-Yv3p0 {\n  transition: width 0.3s ease-in-out;\n}\n.bmmenu-i0FoF p {\n  position: absolute;\n  left: 50px;\n  top: -10px;\n  font-size: 0px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n.menuWide-Yv3p0 p {\n  width: auto;\n  width: initial;\n  color: #ffffff;\n  height: auto;\n  height: initial;\n  font-size: inherit;\n  transition: font-size 0s;\n  transition-delay: 0.1s;\n  color: rgb(255, 255, 255);\n  white-space: nowrap;\n  margin: 5%;\n}\n.menuWide-Yv3p0 p:hover {\n  color: rgb(255, 255, 255);\n  transition: color 0.3s;\n  cursor: pointer;\n}\n\n.background-Image-a-mnV {\n  width: 25px;\n  height: 25px;\n  background-size: 25px;\n  background-repeat: no-repeat;\n  transform: rotate(0deg);\n  transition: transform 0.3s;\n}\n.bmmenu-i0FoF button {\n  display: flex;\n  position: relative;\n  margin-top: 10px;\n  border-radius: 40px;\n  border-width: 0px;\n  background-color: rgba(0, 26, 255, 0);\n  transition: background-color var(--animation-delay) ease-in-out, color var(--animation-delay) ease-in-out;\n  margin: 0px 5px;\n  box-sizing: 1px;\n}\n.bmmenu-i0FoF button:hover {\n  background-color: white;\n  cursor: pointer;\n}\n.bmmenu-i0FoF > :first-child {\n  margin-top: 20px;\n}\n.menuWide-Yv3p0 button:hover p {\n  color: black;\n  transition: none 0s ease 0s;\n  transition: initial;\n}\n.bmmenu-i0FoF button:hover div {\n  background-color: black;\n  background-image: none;\n  background-image: initial;\n}\n\n.menuWide-Yv3p0 .header-bQ84L {\n  font-size: 20px !important;\n  transition: font-size 0.1s !important;\n  transition-delay: 0.1s !important;\n}\n\n.menuWide-Yv3p0 .header-bQ84L {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  margin-top: 12px;\n  margin-left: 2px;\n  vertical-align: top;\n}\n.treeIcon-5qOPl {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .treeIcon-5qOPl {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.piece-list-l97vC {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .piece-list-l97vC {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.visible-yE-Az {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .visible-yE-Az {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.article-list-c504K {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .article-list-c504K {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.cataloganalysis-lUvm6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .cataloganalysis-lUvm6 {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.svgList-jK7kq {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .svgList-jK7kq {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.ekText-cm5xg {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .ekText-cm5xg {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.catalogMakueUp-Ruh3p {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .catalogMakueUp-Ruh3p {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.rtvAnalyzer-FgYqS {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .rtvAnalyzer-FgYqS {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.menuWide-Yv3p0 button:first-of-type div:first-of-type {\n  transform: rotate(180deg);\n  transition: transform 0.3s;\n}\n";
-styleInject(css_248z);
-var _excluded = ["setCurrentWindowActive", "currentWindowActive"];
-var Sidebar = function Sidebar(_ref) {
-  var setCurrentWindowActive = _ref.setCurrentWindowActive,
-    currentWindowActive = _ref.currentWindowActive,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuState = _useState2[0],
-    setMenuState = _useState2[1];
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(bmmenu, menuState ? menuWide : undefined, props.className),
-    onMouseEnter: function onMouseEnter() {
-      return setMenuState(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setMenuState(false);
-    },
-    children: [/*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        return setMenuState(!menuState);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, cataloganalysis)
-      }), /*#__PURE__*/jsx("p", {
-        className: header,
-        children: "Catalog Analyser"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        setCurrentWindowActive('3D/2D');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, visible)
-      }), /*#__PURE__*/jsx("p", {
-        children: "2D/3D"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'Options') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('Options');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, treeIcon)
-      }), /*#__PURE__*/jsx("p", {
-        children: "Options\xFCbersicht"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'PartList') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('PartList');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, pieceList)
-      }), /*#__PURE__*/jsx("p", {
-        children: "St\xFCckliste"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'DecisionAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('DecisionAnalyzer');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, pieceList)
-      }), /*#__PURE__*/jsx("p", {
-        children: "DecisionAnalyzer"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'PriceAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('PriceAnalyzer');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, pieceList)
-      }), /*#__PURE__*/jsx("p", {
-        children: "PriceAnalyzer"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'Artikelübersicht') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('Artikelübersicht');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, articleList)
-      }), /*#__PURE__*/jsx("p", {
-        children: "Artikel\xFCbersicht"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'ekText') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('ekText');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, ekText)
-      }), /*#__PURE__*/jsx("p", {
-        children: "EK-Text"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'SVGübersicht') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('SVGübersicht');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, svgList)
-      }), /*#__PURE__*/jsx("p", {
-        children: "SVG - \xDCbersicht"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'CatalogMakeup') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('CatalogMakeup');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, catalogMakueUp)
-      }), /*#__PURE__*/jsx("p", {
-        children: "Catalog Makeup"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        if (currentWindowActive == 'RTVAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('RTVAnalyzer');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, rtvAnalyzer)
-      }), /*#__PURE__*/jsx("p", {
-        children: "RTV Analyzer"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        setCurrentWindowActive('J3DEditor');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, treeIcon)
-      }), /*#__PURE__*/jsx("p", {
-        children: "J3DEditor"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        setCurrentWindowActive('PropertiesEditor');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, treeIcon)
-      }), /*#__PURE__*/jsx("p", {
-        children: "Properties Editor"
-      })]
-    }), /*#__PURE__*/jsxs("button", {
-      onClick: function onClick() {
-        setCurrentWindowActive('MaskEditor');
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(backgroundImage, treeIcon)
-      }), /*#__PURE__*/jsx("p", {
-        children: "Mask Editor"
-      })]
-    })]
-  });
-};
-export { Sidebar as default };

package/build/esm/index-14db7a87.js DELETED Viewed

@@ -1,47 +0,0 @@
-import './index-5b30dfe3.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-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 '@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';
-import '@crystaldesign/widget-contact-form';
-var RotationClockwise = function RotationClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationClockwise$1 = observer(RotationClockwise);
-export { RotationClockwise$1 as default };

package/build/esm/index-163d53b7.js DELETED Viewed

@@ -1,163 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-de40eba8.js';
-import PricePreview from './index-3d388d5b.js';
-import { g as getKey } from './index-84210834.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 '@crystaldesign/widget-contact-form';
-import 'sift';
-import './index-6ca85915.js';
-import './index-29ef81bf.js';
-import './index-068f7fa4.js';
-import './index-1f02ccd3.js';
-import './index-235a28fa.js';
-import './index.module-55396a1f.js';
-import './index-7beb5814.js';
-import 'react-switch';
-import './index-f8eaa1ea.js';
-import 'react-dropdown';
-import './index-01d4d4a7.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c6d884e9.js';
-import './index-38d32a0a.js';
-import './index-ca7a9254.js';
-import '@crystaldesign/content-box';
-import './index-4fb0e805.js';
-import './index-2c649b9b.js';
-import './index-970a1451.js';
-import './index-5c7ff483.js';
-import './index-e7895c37.js';
-import './index-2f3057b8.js';
-import 'react-laag';
-import './index-17fc6c6b.js';
-import './index-f3607ac8.js';
-import './index-cd7edf37.js';
-import './index-a08c6547.js';
-import './index-4d676739.js';
-import './index-0ffa4b88.js';
-import './index-e3424a15.js';
-import './index-3ebc5bf2.js';
-import './index-cabc261d.js';
-import './index-3ed77b61.js';
-import './index.module-036fb0bb.js';
-import './index-fae33e8c.js';
-import './index-464dbbb2.js';
-import './index-64e3e31f.js';
-import './index-fc832928.js';
-import './index-b7a16f9e.js';
-import './index-789e4071.js';
-import './index-1f9bfe74.js';
-import './index.module-92e7bb77.js';
-import './index-f2e4ce43.js';
-import './index-f99119e4.js';
-var wrapper = "wrapper--ib5A";
-var wcGroupedContainer = "wcGroupedContainer-PIV-1";
-var wcPaletteHeader = "wcPaletteHeader-743rE";
-var wcSizeGroupHeader = "wcSizeGroupHeader-qNjZR";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-vGDWm";
-var wcFoldingArrow = "wcFoldingArrow-Ta8kT";
-var wcGroupOpen = "wcGroupOpen-oAf0q";
-var css_248z = ".wrapper--ib5A {\n  width: 100%;\n}\n\n.wcConfigurator-settings-Jey-L .wcGroupedContainer-PIV-1 {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-vGDWm {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.wcGroupHeaderTitle-vGDWm:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%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;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.wcGroupOpen-oAf0q .wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(!group.isFolded),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-export { Group$1 as default };