@crystaldesign/diva-web-planner-react 25.5.0-beta.34 → 25.5.0-beta.36

package/build/esm/index-4bf7987a.js

@@ -1,187 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import { useEffect } from 'react';
-import Inputbox from './index-f4535d40.js';
-import Product from './index-62dcd9d2.js';
-import Settings from './index-cb2d6593.js';
-import TabGroup from './index-8fa50dcf.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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';
-import '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-db37cf99.js';
-import './index-5762d6ba.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-9dc6dff4.js';
-import './index-755e2130.js';
-import './index-be102550.js';
-import './index-81411651.js';
-import './index-8e4ed421.js';
-import './index.module-9a46486b.js';
-import './index-a46bd13f.js';
-import './index-de757cef.js';
-import './index-b70b3b62.js';
-import './index-9df28ea5.js';
-import './index-825cf870.js';
-import './index-af819c16.js';
-import '@crystaldesign/content-box';
-import './index-0c47ac6a.js';
-import './index-9661b758.js';
-import './index-3f78cf10.js';
-import 'react-laag';
-import './index-324898a9.js';
-import 'react-qr-code';
-import './index-c1e479a7.js';
-import './index-25e6652f.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-8c13e315.js';
-import './index-4f7ade9c.js';
-import './index-e5195b2a.js';
-import './index-2ab4c7be.js';
-import './index-71f998eb.js';
-import './index-a914c847.js';
-import './index-431e9b77.js';
-import './index-b2519545.js';
-import 'sift';
-import './index-dede1f3a.js';
-import './index-2bcaf932.js';
-import './index-9e830c34.js';
-import './index-8c312a39.js';
-import './index.module-c177c65a.js';
-import './index-ebf08430.js';
-import './index-de472a14.js';
-import './index-46cbf512.js';
-import './index-7afdcbf1.js';
-import './index-0ff167f3.js';
-import './index-b965546f.js';
-import './index-3b6a3161.js';
-import './index-e2351c6b.js';
-import './index-a5becef4.js';
-import './index-1b601b3a.js';
-import './index-c1b530c6.js';
-import './index-5754f7e8.js';
-import './index-0ece50e6.js';
-import './index-3ff0f2e9.js';
-import './index-85946184.js';
-import './index-eb485b70.js';
-import './index-320b57d5.js';
-import './index-b98949f2.js';
-import './index-919e38dd.js';
-import './index-bb208e65.js';
-import './index-32387ca1.js';
-import './index-a6fd299d.js';
-import './index-c2405a1a.js';
-import './index.module-76d4ab26.js';
-import './index-add24017.js';
-import './index-919f51bf.js';
-import './index-6856eee1.js';
-import './index-9ac9aa7a.js';
-import './index-70488c83.js';
-import './index-8d2b018f.js';
-import './index-0cfb9af9.js';
-import './index.module-2b0c0502.js';
-import './index-0530d247.js';
-import './index-56e3e239.js';
-import './index-7f698f90.js';
-import './index-937e718d.js';
-import './index.module-d82732e4.js';
-import './index-de86f8a8.js';
-import './index-67a7c66a.js';
-import './index-240e9e08.js';
-import './index.module-2d69032c.js';
-import './index-4d28da31.js';
-import 'qrcode.react';
-import './index-092a9a5a.js';
-import './index-70e72b1e.js';
-import './index-f48e5675.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-08956f5d.js';
-import './index-3307bb35.js';
-import './index-3eb56398.js';
-import './index-bfe5c733.js';
-import './index-9fa98411.js';
-import './index-e8bc2b69.js';
-import './index-74439fcc.js';
-import './index-eb27e51d.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };

package/build/esm/index-4d28da31.js

@@ -1,99 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-21825fbc.js';
-import { useState } from 'react';
-import { QRCodeSVG } from 'qrcode.react';
-import { a as infoText, c as copyWrapper, b as bottomInfoText } from './index.module-2d69032c.js';
-import { j as input, b as button, a as inverted, M as dark, e as icon, N as check, O as copy } from './index.module-d82732e4.js';
-import classnames from 'classnames';
-import { getLogger, useTranslation } from '@crystaldesign/diva-core';
-import { UTMUtils, UtmSource, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
-var ShareViaUrl = function ShareViaUrl(_ref) {
-  var url = _ref.url;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    justCopied = _useState2[0],
-    setJustCopied = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    time = _useState4[0],
-    setTime = _useState4[1];
-  var utmStandard = new UTMUtils(UtmSource.DIRECT, UtmMedium.REFERRAL, UtmCampaign.PLANNER_SHARE);
-  var fullUrl = utmStandard.addUtmParams(url);
-  var utmQr = new UTMUtils(UtmSource.DIRECT, UtmMedium.SOCIAL, UtmCampaign.PLANNER_QR_SHARE);
-  var fullQrUrl = utmQr.addUtmParams(url);
-  var onCopy = function onCopy() {
-    var _navigator;
-    LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Der Link zum Konfigurations-PDF wurde kopiert", {
-      shareType: 'link',
-      shareAction: 'copy_url'
-    });
-    setJustCopied(true);
-    (_navigator = navigator) === null || _navigator === void 0 || _navigator.clipboard.writeText(fullUrl);
-    if (time) clearTimeout(time);
-    setTime(setTimeout(function () {
-      return setJustCopied(false);
-    }, 3000));
-  };
-  var onClickQRCode = function onClickQRCode() {
-    var _window$open;
-    LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Eine Konfiguration wurde \xFCber eine URL ge\xF6ffnet", {
-      shareType: 'link',
-      shareAction: 'qr_click'
-    });
-    (_window$open = window.open(fullQrUrl, '_blank')) === null || _window$open === void 0 || _window$open.focus();
-  };
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: infoText,
-      children: t('checkout.share_url.share_via_QR')
-    }), /*#__PURE__*/jsx(QRCodeSVG, {
-      style: {
-        cursor: 'pointer'
-      },
-      size: 200,
-      value: fullQrUrl,
-      onClick: onClickQRCode
-    }), /*#__PURE__*/jsxs("div", {
-      className: copyWrapper,
-      children: [/*#__PURE__*/jsx("input", {
-        className: input,
-        type: "text",
-        value: fullUrl
-      }), /*#__PURE__*/jsx("button", {
-        className: classnames(button, inverted, justCopied ? dark : undefined),
-        onClick: onCopy,
-        children: justCopied ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(icon, check)
-          }), t('checkout.share_url.copied')]
-        }) : /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(icon, copy)
-          }), t('checkout.share_url.copy')]
-        })
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: bottomInfoText,
-      children: t('checkout.share_url.scann_QR')
-    })]
-  });
-};
-
-export { ShareViaUrl as default };

package/build/esm/index-4d754380.js

@@ -1,59 +0,0 @@
-import { u as useViewHandler } from './index-21825fbc.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-import '@crystaldesign/widget-contact-form';
-
-var PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps,
-    hasTrash = _ref.hasTrash;
-  var viewHandler = useViewHandler();
-  var top = item.position.interpretation == 'percentage' ? rect.top + "%" : rect.top + "px";
-  if (hasTrash && rect.top < 4) top = 'calc(' + top + ' + 35px + var(--globalSize) / 2)'; // 35px space for trash icon
-  else top = 'calc(' + top + ' + var(--globalSize) / 2)'; // correct for icon center
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left,
-      top: top,
-      visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        var _item$clickFunction;
-        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-      },
-      style: {
-        left: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.plannerMode == 'BoxPlanner' ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-4e37ad2b.js

@@ -1,96 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-21825fbc.js';
-import { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import Draggable from 'react-draggable';
-import { 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/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/widget-contact-form';
-
-var mousePosOnScreenLastFrame = new Vector2(0, 0);
-var Rotation3DGrid = function Rotation3DGrid(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-  var mouseDownDetected = false;
-  var onStartDragging = function onStartDragging(e) {
-    mouseDownDetected = true;
-    if (e.type == 'mousedown') {
-      mousePosOnScreenLastFrame = new Vector2(e.clientX, e.clientY);
-    } else if (e.type == 'touchstart') {
-      mousePosOnScreenLastFrame = new Vector2(e.touches[0].clientX, e.touches[0].clientY);
-    }
-  };
-  var onDragging = function onDragging(e) {
-    if (mouseDownDetected && !isDragging) {
-      var _item$onDragStartFunc;
-      setIsDragging(true);
-      (_item$onDragStartFunc = item.onDragStartFunction) === null || _item$onDragStartFunc === void 0 || _item$onDragStartFunc.call(item, item.setId, Number(item.elementId));
-    } else if (isDragging) {
-      var _viewHandler$productS, _viewHandler$productS2;
-      var boundingLeft = (_viewHandler$productS = viewHandler.productState.planner3DGridElement) !== null && _viewHandler$productS !== void 0 && _viewHandler$productS.getBoundingClientRect().left ? viewHandler.productState.planner3DGridElement.getBoundingClientRect().left : 0;
-      var boundingTop = (_viewHandler$productS2 = viewHandler.productState.planner3DGridElement) !== null && _viewHandler$productS2 !== void 0 && _viewHandler$productS2.getBoundingClientRect().top ? viewHandler.productState.planner3DGridElement.getBoundingClientRect().top : 0;
-      if (e.type == 'mousemove') {
-        var _item$onDragMoveFunct;
-        (_item$onDragMoveFunct = item.onDragMoveFunction) === null || _item$onDragMoveFunct === void 0 || _item$onDragMoveFunct.call(item, item.setId, Number(item.elementId), new Vector2(e.clientX - boundingLeft, e.clientY - boundingTop));
-        mousePosOnScreenLastFrame.x = e.clientX;
-        mousePosOnScreenLastFrame.y = e.clientY;
-      } else if (e.type == 'touchmove') {
-        var _item$onDragMoveFunct2;
-        (_item$onDragMoveFunct2 = item.onDragMoveFunction) === null || _item$onDragMoveFunct2 === void 0 || _item$onDragMoveFunct2.call(item, item.setId, Number(item.elementId), new Vector2(e.touches[0].clientX - boundingLeft, e.touches[0].clientY - boundingTop));
-        mousePosOnScreenLastFrame.x = e.touches[0].clientX;
-        mousePosOnScreenLastFrame.y = e.touches[0].clientY;
-      }
-    }
-    mouseDownDetected = false;
-  };
-  var onDragEnd = function onDragEnd(e) {
-    if (isDragging) {
-      var _item$onDragEndFuncti;
-      setIsDragging(false);
-      (_item$onDragEndFuncti = item.onDragEndFunction) === null || _item$onDragEndFuncti === void 0 || _item$onDragEndFuncti.call(item, item.setId, Number(item.elementId));
-    }
-    mouseDownDetected = false;
-  };
-  return /*#__PURE__*/jsx(Draggable, {
-    nodeRef: draggable,
-    handle: ".handle3DRotation",
-    onStart: function onStart(e) {
-      onStartDragging(e);
-    },
-    onDrag: function onDrag(e) {
-      onDragging(e);
-    },
-    onStop: function onStop(e) {
-      onDragEnd();
-    },
-    children: /*#__PURE__*/jsx("div", {
-      ref: draggable,
-      style: {
-        visibility: isDragging ? 'hidden' : 'visible',
-        left: item.position.x + 'px',
-        top: item.position.y + 'px'
-      },
-      className: classnames('handle3DRotation', plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.rotation.rot3DGrid)
-    })
-  });
-};
-
-export { Rotation3DGrid as default };

package/build/esm/index-4eba9725.js

@@ -1,58 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.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';
-import '@crystaldesign/widget-contact-form';
-
-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-4f7ade9c.js

@@ -1,28 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-21825fbc.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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';
-import '@crystaldesign/widget-contact-form';
-
-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 SettingsHeader = function SettingsHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsHeaderContainer/SettingsItemHeader/Header"
-  }));
-};
-
-export { SettingsHeader as default };

package/build/esm/index-524c08b5.js

@@ -1,93 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-21825fbc.js';
-import 'react';
-import classnames from 'classnames';
-import Option from './index-4275bf2d.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-ebf08430.js';
-import PricePreview from './index-de472a14.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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';
-import '@crystaldesign/widget-contact-form';
-import './index.module-76d4ab26.js';
-import './index.module-2b0c0502.js';
-import './index-add24017.js';
-import 'react-laag';
-import './index-3ff0f2e9.js';
-import './index-85946184.js';
-
-var container = "container-GW-AX";
-var sel = "sel-jrQj2";
-var titleContainer = "title-container-W41FT";
-var title = "title-FojkZ";
-var subTitle = "sub-title-RJrKO";
-var ccConstructionWarning = "ccConstructionWarning-8h9KH";
-var css_248z = ".container-GW-AX {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.container-GW-AX.sel-jrQj2 {\n  border: 2px solid var(--secondaryColor);\n}\n\n.container-GW-AX img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.title-container-W41FT {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.title-FojkZ,\n.sub-title-RJrKO {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.title-FojkZ {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-RJrKO {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.ccConstructionWarning-8h9KH {\n  display: block;\n  height: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient gradientTransform%3D%22matrix(1.31117 0 0 1.30239 737.39 159.91)%22 gradientUnits%3D%22userSpaceOnUse%22 id%3D%220%22 y2%3D%22-.599%22 x2%3D%220%22 y1%3D%2245.47%22%3E%3Cstop stop-color%3D%22%23ffc515%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23ffd55b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg transform%3D%22matrix(.85714 0 0 .85714-627.02-130.8)%22%3E%3Cpath d%3D%22m797.94 212.01l-25.607-48c-.736-1.333-2.068-2.074-3.551-2.074-1.483 0-2.822.889-3.569 2.222l-25.417 48c-.598 1.185-.605 2.815.132 4 .737 1.185 1.921 1.778 3.404 1.778h51.02c1.483 0 2.821-.741 3.42-1.926.747-1.185.753-2.667.165-4%22 fill%3D%22url(%230)%22%2F%3E%3Cpath d%3D%22m-26.309 18.07c-1.18 0-2.135.968-2.135 2.129v12.82c0 1.176.948 2.129 2.135 2.129 1.183 0 2.135-.968 2.135-2.129v-12.82c0-1.176-.946-2.129-2.135-2.129zm0 21.348c-1.18 0-2.135.954-2.135 2.135 0 1.18.954 2.135 2.135 2.135 1.181 0 2.135-.954 2.135-2.135 0-1.18-.952-2.135-2.135-2.135z%22 transform%3D%22matrix(1.05196 0 0 1.05196 796.53 161.87)%22 fill%3D%22%23000%22 stroke%3D%22%2340330d%22 fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n";
-styleInject(css_248z);
-
-var OptionJungle = function OptionJungle(_ref) {
-  var _item$text, _item$text2;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-    _ref.type;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (item.layout == 'TEXT' || !viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(Option, {
-    item: item,
-    paletteId: paletteId
-  });
-  var header = (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.split(/,(.+)/)[0];
-  var subText = (_item$text2 = item.text) === null || _item$text2 === void 0 ? void 0 : _item$text2.split(/,(.+)/)[1];
-  if (!subText) {
-    var _item$text3, _item$text4;
-    header = (_item$text3 = item.text) === null || _item$text3 === void 0 ? void 0 : _item$text3.split(/\((.+)/)[0];
-    subText = (_item$text4 = item.text) === null || _item$text4 === void 0 || (_item$text4 = _item$text4.split(/\((.+)/)[1]) === null || _item$text4 === void 0 ? void 0 : _item$text4.replace(')', '');
-  }
-  var onClick = function onClick() {
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    id: item.codex,
-    className: classnames(container, item.sel ? sel : undefined),
-    onClick: onClick,
-    children: [/*#__PURE__*/jsx("img", {
-      style: {
-        maxHeight: viewHandler.settingsState.settingsWidth / 3
-      },
-      src: item.image,
-      title: item.text + (item.freeText ? item.freeText : '')
-    }), /*#__PURE__*/jsxs("div", {
-      className: titleContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(title),
-        children: header
-      }), subText && /*#__PURE__*/jsx("div", {
-        className: classnames(subTitle),
-        children: subText
-      })]
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item
-    }, item.codex), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
-      className: classnames(ccConstructionWarning),
-      title: t('configurator.' + item.disabledByConstructionRule)
-    }), item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel
-    })]
-  });
-};
-
-export { OptionJungle as default };