@crystaldesign/diva-web-planner-react 25.9.0-beta.2 → 25.9.0-beta.21

package/build/esm/index-5220fe41.js

@@ -1,207 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Inputbox from './index-80bc50c7.js';
-import Product from './index-da36d556.js';
-import Settings from './index-e442a004.js';
-import TabGroup from './index-547776ce.js';
-import NavigationButtons from './index-cf5115e8.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-25cf39ce.js';
-import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-e5c2b894.js';
-import ProgressBar from './index-ff98a8b5.js';
-import BarrierActions from './index-7b4deacf.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-76b56e44.js';
-import './index-29ef81bf.js';
-import './index-8cf9ed17.js';
-import './index-b2a97433.js';
-import './index-2bba40cc.js';
-import 'react-laag';
-import './index-2085e273.js';
-import './index-48bae968.js';
-import './index-84210834.js';
-import 'sift';
-import './index-6ca85915.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-de40eba8.js';
-import './index-3d388d5b.js';
-import './index-f8eaa1ea.js';
-import 'react-dropdown';
-import './index-01d4d4a7.js';
-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 './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';
-import './index-f83c00fe.js';
-import './index-21f81ce2.js';
-import './index-5cf7ba21.js';
-import './index-abc5e10a.js';
-import './index-66ea8ded.js';
-import './index-f8103a40.js';
-import './index.module-06072d89.js';
-
-var wcConfigurator = "wcConfigurator-YOuy8";
-var landscape = "landscape-EyFBs";
-var portrait = "portrait-XiOPl";
-var wcConfiguratorProduct = "wcConfigurator-product-Ovdqk";
-var minExpanded = "min-expanded-aFvtw";
-var wcConfiguratorSettingsWrapper = "wc-configurator-settings-wrapper-ymkif";
-var expanded = "expanded-LXnio";
-var maxExpanded = "max-expanded-Q2hOy";
-var wcConfiguratorSettings = "wcConfigurator-settings-OLzdK";
-var wcConfiguratorSteps = "wcConfigurator-steps-1--dZ";
-var closeButtonVisible = "close-button-visible-y3GY8";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-xqcr5";
-var wcConfiguratorAction = "wcConfigurator-action-ycd5b";
-var foldedup = "foldedup-Qqnox";
-var settingsHidden = "settings-hidden-NnHMW";
-var burgerVisible = "burger-visible-AFcf0";
-var isOnLastStep = "isOnLastStep-eAWSY";
-var progressBar = "progressBar-Izqk1";
-var actionOnTop = "action-on-top-UqyK5";
-var css_248z = ".wcConfigurator-YOuy8 {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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\n.wcConfigurator-YOuy8 *,\n.wcConfigurator-YOuy8 *::before,\n.wcConfigurator-YOuy8 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-YOuy8.landscape-EyFBs {\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-Ovdqk {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.min-expanded-aFvtw .wcConfigurator-product-Ovdqk {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.wc-configurator-settings-wrapper-ymkif {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.expanded-LXnio .wc-configurator-settings-wrapper-ymkif {\n  width: 70%;\n}\n\n.min-expanded-aFvtw .wc-configurator-settings-wrapper-ymkif {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.max-expanded-Q2hOy .wc-configurator-settings-wrapper-ymkif {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-OLzdK {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-1--dZ {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.close-button-visible-y3GY8 .wcConfigurator-steps-1--dZ {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-xqcr5 {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.min-expanded-aFvtw .wcConfigurator-settings-actions-xqcr5 {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-ycd5b {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-LXnio .wcConfigurator-settings-OLzdK,\n.max-expanded-Q2hOy .wcConfigurator-settings-OLzdK,\n.expanded-LXnio .wcConfigurator-settings-actions-xqcr5,\n.max-expanded-Q2hOy .wcConfigurator-settings-actions-xqcr5 {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl,\n.landscape-EyFBs.wcConfigurator-YOuy8 {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-EyFBs .wcConfigurator-product-Ovdqk {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-EyFBs .wcConfigurator-settings-OLzdK {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-EyFBs .wcConfigurator-steps-1--dZ {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-EyFBs .wcConfigurator-settings-actions-xqcr5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-EyFBs .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-XiOPl .wcConfigurator-product-Ovdqk {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-product-Ovdqk {\n  z-index: 1;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-product-Ovdqk {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-XiOPl .wcConfigurator-settings-OLzdK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-OLzdK {\n  top: 100%;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-settings-OLzdK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ.burger-visible-AFcf0 {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-steps-1--dZ {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-XiOPl .wcConfigurator-settings-actions-xqcr5 {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-settings-actions-xqcr5,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-actions-xqcr5 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-XiOPl .wcConfigurator-action-ycd5b,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-action-ycd5b {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: flex;\n}\n\n.portrait-XiOPl .progressBar-Izqk1 {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.action-on-top-UqyK5 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.landscape-EyFBs,\n.portrait-XiOPl {\n  --configuratorActionHeight: 50px;\n}\n\n.wcConfigurator-YOuy8 ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Standard = function Standard(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    headerInfos = _useDivaCore$state.headerInfos,
-    isFullscreenComponent = _useDivaCore$state.isFullscreenComponent;
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  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: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, isFullscreenComponent ? closeButtonVisible : undefined),
-      children: [/*#__PURE__*/jsx(Product, {
-        className: wcConfiguratorProduct
-      }), !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs("div", {
-        className: wcConfiguratorSettingsWrapper,
-        children: [/*#__PURE__*/jsx(TabGroup, {
-          className: wcConfiguratorSteps
-        }), /*#__PURE__*/jsx(Settings, {
-          className: wcConfiguratorSettings
-        }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: wcConfiguratorSettingsActions,
-          showCheckoutButtons: true
-        }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction,
-          showCheckoutButtons: false
-        })]
-      }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(TabGroup, {
-          className: classnames(wcConfiguratorSteps, headerInfos.onlyBurgerVisibles || isFullscreenComponent ? burgerVisible : undefined),
-          showCloseButtonInMobile: isFullscreenComponent ? 'left' : undefined
-        }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(ProgressBar, {
-          className: progressBar
-        }), /*#__PURE__*/jsx(Settings, {
-          className: wcConfiguratorSettings
-        }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: classnames(wcConfiguratorSettingsActions),
-          showCheckoutButtons: true
-        }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction,
-          showCheckoutButtons: viewHandler.uiState.isMobilePortrait
-        }), /*#__PURE__*/jsx(BasketMobile, {
-          className: actionOnTop
-        })]
-      })]
-    }), /*#__PURE__*/jsx(BarrierActions, {}), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#d60084',
-  '--secondaryColor': '#4b4b4b',
-  '--thirdColor': '#e5e5e5; ',
-  '--globalBorderRadius': '3px',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--galleryItemRadius': '50%',
-  '--galleryItemRowCount': '5',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '0.3%',
-  '--galleryItemBorder': '0px',
-  '--galleryItemBorderColor': '#e8e9ed',
-  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
-  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
-  '--lineHeight1': '20.8px',
-  '--fontWeight1': '300',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--tabGroupBackground': 'unset',
-  '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.9)',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '5px',
-  '--settingsScrollerPaddingLeft': '5px',
-  '--foldArrowMarginRight': 'calc(50% - 8px)',
-  '--configuratorActionHeight': '50px',
-  '--configuratorActionForthWidth': 'calc(100% - 56px)',
-  '--configuratorActionBackWidth': '50px'
-};
-var index = observer(Standard);
-
-export { index as default };

package/build/esm/index-541069b8.js

@@ -1,52 +0,0 @@
-import { a as usePlannerUIHandler } from './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 AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };

package/build/esm/index-544fc3ba.js

@@ -1,88 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";
-var portrait = "portrait-FCw3Q";
-var settingsHidden = "settings-hidden-PBWln";
-var landscape = "landscape-KhTSA";
-var expanded = "expanded-pQR-c";
-var wcButton = "wcButton-s5DtR";
-var sel = "sel-1Qm3v";
-var wcViewAs = "wc_ViewAs-y1Kh8";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-ygF4L {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-FCw3Q.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.portrait-FCw3Q.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-FCw3Q.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  bottom: 0px;\n}\n\n.landscape-KhTSA.wcConfigurator-product-footer-ygF4L {\n  display: none;\n}\n\n.landscape-KhTSA.settings-hidden-PBWln.wcConfigurator-product-footer-ygF4L {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-pQR-c.wcConfigurator-product-footer-ygF4L {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:active,\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR.sel-1Qm3v:active {\n  background: #616161;\n  color: white;\n}\n\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.wcConfigurator-product-footer-ygF4L .wcButton-s5DtR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.wc_ViewAs-y1Kh8 .wcButton-s5DtR:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.wc_ViewAs-y1Kh8 {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.wc_ViewAs-y1Kh8 li {\n  display: block;\n  float: left;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-547776ce.js

@@ -1,89 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-21f81ce2.js';
-import TabGroupVertical from './index-abc5e10a.js';
-import TabSearch from './index-f8103a40.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-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 './index-5cf7ba21.js';
-import './index-66ea8ded.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";
-var horizontal = "horizontal-6TCsO";
-var wcConfiguratorStepsSplit = "wcConfigurator-steps-split-ATmZ8";
-var portrait = "portrait-uvNtu";
-var closeRight = "close-right-rv5xk";
-var closeLeft = "close-left-S5bW1";
-var vertical = "vertical-HLAFY";
-var tabSearchVisibleClass = "tab-search-visible-class-VelST";
-var landscape = "landscape-O7G0i";
-var wcConfigCloseButton = "wcConfigCloseButton-mkHVY";
-var closeButtonHidden = "closeButtonHidden-g1FQc";
-var wcConfiguratorStepsContainer = "wcConfigurator-steps-Container-Yb9mE";
-var css_248z = ".wcConfigurator-steps-1pUS0 {\n  z-index: 300;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 {\n  background-color: var(--thirdColor);\n}\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.horizontal-6TCsO.portrait-uvNtu.close-right-rv5xk .wcConfigurator-steps-split-ATmZ8 {\n  width: calc(100% - 3.6rem);\n}\n.horizontal-6TCsO.portrait-uvNtu.close-left-S5bW1 .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.tab-search-visible-class-VelST.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\n  height: calc(100% - 46px);\n}\n.horizontal-6TCsO.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.wcConfigCloseButton-mkHVY {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.vertical-HLAFY .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.portrait-uvNtu .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.portrait-uvNtu.close-right-rv5xk .wcConfigCloseButton-mkHVY {\n  right: 0;\n}\n\n.portrait-uvNtu.close-left-S5bW1 .wcConfigCloseButton-mkHVY {\n  left: -50px;\n}\n\n.wcConfigCloseButton-mkHVY:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcConfigCloseButton-mkHVY:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.wcTabGroupItem-eqGtC:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  border-width: 0px;\n  overflow-x: auto;\n}\n.wcConfigur-xKWej .wcConfiguratorator-steps-Container-FGpNz {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.horizontal-6TCsO.closeButtonHidden-g1FQc .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.portrait-uvNtu .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8,\n.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-Container-Yb9mE {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-Container-Yb9mE {\n  width: 100%;\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["className", "showCloseButtonInMobile", "tabSearchClass"];
-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 TabGroupContainer = function TabGroupContainer(_ref) {
-  var className = _ref.className,
-    showCloseButtonInMobile = _ref.showCloseButtonInMobile,
-    tabSearchClass = _ref.tabSearchClass,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    isFullscreenComponent = _useDivaCore$state.isFullscreenComponent,
-    isMobile = _useDivaCore$state.dimensions.isMobile;
-  var closeButtonVisible = isFullscreenComponent && showCloseButtonInMobile !== 'none' || viewHandler.tabGroupState.curTabGroupType != 'vertical' && !viewHandler.uiState.ViewConfig.hideCloseButton && viewHandler.eventIsManagedByClient('onWebPlanerClose') && !((!showCloseButtonInMobile || showCloseButtonInMobile == 'none') && viewHandler.getIsInMobileView());
-  var tabSearchVisible = viewHandler.uiState.ViewConfig.tabGroupSearchVisible;
-  var tabGroupScroller = useRef(null);
-  useEffect(function () {
-    if (tabGroupScroller.current) {
-      viewHandler.tabGroupState.setTabGroupScroller(tabGroupScroller.current);
-    }
-    return function () {};
-  }, [tabGroupScroller]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(className, wcConfiguratorSteps, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? horizontal : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, !closeButtonVisible ? closeButtonHidden : undefined, tabSearchVisible ? tabSearchVisibleClass : undefined, isMobile ? showCloseButtonInMobile == 'left' ? closeLeft : closeRight : undefined),
-    children: [tabSearchVisible && /*#__PURE__*/jsx(TabSearch, {
-      className: tabSearchClass
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(wcConfiguratorStepsSplit),
-      ref: tabGroupScroller,
-      children: /*#__PURE__*/jsxs("div", {
-        className: wcConfiguratorStepsContainer,
-        children: [viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsx(TabGroupHorizontal, {}), viewHandler.tabGroupState.curTabGroupType == 'vertical' && /*#__PURE__*/jsx(TabGroupVertical, {})]
-      })
-    }), closeButtonVisible && /*#__PURE__*/jsx("div", {
-      className: wcConfigCloseButton,
-      title: t('configurator.ConfigClose'),
-      onClick: viewHandler.onCloseConfigurator
-    })]
-  }));
-};
-var TabGroup = observer(TabGroupContainer);
-
-export { TabGroup as default };

package/build/esm/index-54cc66d2.js

@@ -1,43 +0,0 @@
-import { s as styleInject } from './index-5b30dfe3.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-54ce0384.js

@@ -1,58 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import 'react';
-import Select from 'react-select';
-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/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var select = "select-8bXXP";
-var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\n}\n.select-8bXXP div {\n  border-color: grey !important;\n}\n.select-8bXXP div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
-styleInject(css_248z);
-
-var ArticleSelector = function ArticleSelector(_ref) {
-  var _viewHandler$divaWebP;
-  var _ref$articleState = _slicedToArray(_ref.articleState, 2),
-    article = _ref$articleState[0],
-    setArticle = _ref$articleState[1];
-  var viewHandler = useViewHandler();
-  var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
-  var options = articles.map(function (a) {
-    return {
-      value: a.basketId,
-      label: a.name + ' ' + a.posNr
-    };
-  });
-  var onChange = function onChange(a) {
-    setArticle(articles.find(function (p) {
-      return p.basketId == a.value;
-    }));
-  };
-  if (options.length == 1 || options.length == 0) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Select, {
-    value: options.find(function (o) {
-      return o.value === (article === null || article === void 0 ? void 0 : article.basketId);
-    }),
-    options: options,
-    onChange: onChange,
-    className: select
-  });
-};
-
-export { ArticleSelector as default };

package/build/esm/index-55e45613.js

@@ -1,50 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var container = "container-LyqYI";
-var hidden = "hidden-TqWZg";
-var notHidden = "not-hidden-Wbdom";
-var text = "text-022qF";
-var css_248z = ".container-LyqYI {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.hidden-TqWZg {\n  opacity: 0;\n}\n\n.not-hidden-Wbdom {\n  transition: opacity 0.5s;\n}\n.text-022qF {\n  margin-left: 10px;\n  font-size: 13px;\n}\n";
-styleInject(css_248z);
-
-var RotateIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.48%202.52c3.27%201.55%205.61%204.72%205.97%208.48h1.5C23.44%204.84%2018.29%200%2012%200l-.66.03%203.81%203.81%201.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12%200L1.75%208.11c-.59.59-.59%201.54%200%202.12l12.02%2012.02c.59.59%201.54.59%202.12%200l6.36-6.36c.59-.59.59-1.54%200-2.12L10.23%201.75zm4.6%2019.44L2.81%209.17l6.36-6.36%2012.02%2012.02-6.36%206.36zm-7.31.29C4.25%2019.94%201.91%2016.76%201.55%2013H.05C.56%2019.16%205.71%2024%2012%2024l.66-.03-3.81-3.81-1.33%201.32z%22%2F%3E%3C%2Fsvg%3E";
-
-var RotateInfo = function RotateInfo(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(container, !viewHandler.productState.orbitHidden ? hidden : notHidden),
-    children: [/*#__PURE__*/jsx("img", {
-      src: RotateIcon
-    }), /*#__PURE__*/jsx("div", {
-      className: text,
-      children: t('configurator.rotate_mobile')
-    })]
-  });
-};
-var RotateInfo$1 = observer(RotateInfo);
-
-export { RotateInfo$1 as default };