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

package/build/esm/index-455e9615.js

@@ -1,127 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-b4e12225.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'react-laag';
-import './index-2f844220.js';
-import './index-cf5e8b65.js';
-import 'react-collapsible';
-import './index-3ed3ae9f.js';
-import './index-00a4f746.js';
-import './index-37632e75.js';
-import 'sift';
-import './index-61608ce4.js';
-import './index-803fc591.js';
-import './index-1e7ae374.js';
-import './index-36bf50f5.js';
-import './index.module-fdeb4e51.js';
-import './index-b75c237f.js';
-import './index-8f146425.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-084db2b2.js';
-import 'react-dropdown';
-import './index-9cf478f9.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6f66a202.js';
-import './index-429e4280.js';
-import './index-86a2621d.js';
-import '@crystaldesign/content-box';
-import './index-91e7087c.js';
-import './index-bae7f6b0.js';
-import './index-a321aadc.js';
-import './index-b79a1282.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-f26bf1e4.js';
-import './index-5364b7c5.js';
-import './index-eb2c2501.js';
-import './index-e7cc56f8.js';
-import './index-4799ee7a.js';
-import './index-e442c7e4.js';
-import './index-9b243de8.js';
-import './index.module-546fc681.js';
-import './index-6eadcc77.js';
-import './index-bf1a3766.js';
-import './index-bf80d0f1.js';
-import './index-50e2a2f3.js';
-import './index-e480f477.js';
-import './index.module-d96f00ad.js';
-import './index-e6929238.js';
-import './index-79d54a42.js';
-import './index-7215fc3f.js';
-import './index-a95d419b.js';
-import './index-3910e6b0.js';
-import './index-ac6d0ea4.js';
-import './index-21d9384e.js';
-import './index-7cd95edf.js';
-import './index-746c113a.js';
-import './index-e46611cd.js';
-import './index-118fbb32.js';
-import './index-8cdf3226.js';
-import 'rc-slider';
-import './index-e8e4779e.js';
-import './index-797ca87c.js';
-import './index-1724d4c9.js';
-import './index-04f0549e.js';
-import './index-9704bfe3.js';
-import 'react-confetti-explosion';
-import './index-449a95ba.js';
-import './index-6f86e78b.js';
-import './index-429a69bc.js';
-import 'react-qr-code';
-import './index-367463e5.js';
-import './useCustomDimensions-29b3dd5c.js';
-import './index-651a6cef.js';
-import './ussIsSticky-ee36d04b.js';
-import './index-6a28e114.js';
-import './index-56767a3b.js';
-import './index-0e7423a5.js';
-import './index.module-e431265e.js';
-import './index-9274d456.js';
-import './index-f9bbf8e0.js';
-import './index-bdfa87be.js';
-import './index-cac0ada8.js';
-import './index-1f84d6f3.js';
-import './index-b65a33cf.js';
-
-var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var wrapper = "wrapper-mM-Et";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AccessoiresSerious = function AccessoiresSerious(props) {
-  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcAccInfoContainerClass: wcAccInfoContainer,
-    wrapper: wrapper,
-    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
-    hidePrice: true,
-    hideSize: true
-  }));
-};
-var index = observer(AccessoiresSerious);
-
-export { index as default };

package/build/esm/index-4587467a.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7fb761c9.js';
-import { useEffect } from 'react';
-import Settings from './index-8b71ea18.js';
-import TabGroup from './index-80dbb87e.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-4b741f18.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-eec405c7.js';
-import './index-dc95d9a8.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7832f6cf.js';
-import './index-00a4f746.js';
-import './index-37632e75.js';
-import 'sift';
-import './index-61608ce4.js';
-import './index-803fc591.js';
-import './index-1e7ae374.js';
-import './index-36bf50f5.js';
-import './index.module-fdeb4e51.js';
-import './index-b75c237f.js';
-import './index-8f146425.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-084db2b2.js';
-import 'react-dropdown';
-import './index-9cf478f9.js';
-import './index-6f66a202.js';
-import './index-429e4280.js';
-import './index-86a2621d.js';
-import '@crystaldesign/content-box';
-import './index-91e7087c.js';
-import './index-bae7f6b0.js';
-import './index-a321aadc.js';
-import './index-b79a1282.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-f26bf1e4.js';
-import './index-5364b7c5.js';
-import './index-eb2c2501.js';
-import './index-e7cc56f8.js';
-import './index-4799ee7a.js';
-import './index-e442c7e4.js';
-import './index-9b243de8.js';
-import 'react-laag';
-import './index.module-546fc681.js';
-import './index-6eadcc77.js';
-import './index-bf1a3766.js';
-import './index-bf80d0f1.js';
-import './index-50e2a2f3.js';
-import './index-e480f477.js';
-import './index.module-d96f00ad.js';
-import './index-e6929238.js';
-import './index-79d54a42.js';
-import './index-7215fc3f.js';
-import './index-a95d419b.js';
-import './index-3910e6b0.js';
-import './index-2f844220.js';
-import './index-ac6d0ea4.js';
-import './index-21d9384e.js';
-import './index-7cd95edf.js';
-import './index-746c113a.js';
-import './index-e46611cd.js';
-import './index-118fbb32.js';
-import './index-8cdf3226.js';
-import 'rc-slider';
-import './index-e8e4779e.js';
-import './index-797ca87c.js';
-import './index-1724d4c9.js';
-import './index-04f0549e.js';
-import './index-9704bfe3.js';
-import 'react-confetti-explosion';
-import './index-449a95ba.js';
-import './index-6f86e78b.js';
-import './index-429a69bc.js';
-import 'react-qr-code';
-import './index-367463e5.js';
-import './useCustomDimensions-29b3dd5c.js';
-import './index-651a6cef.js';
-import './ussIsSticky-ee36d04b.js';
-import './index-6a28e114.js';
-import './index-56767a3b.js';
-import './index-0e7423a5.js';
-import './index.module-e431265e.js';
-import './index-9274d456.js';
-import './index-f9bbf8e0.js';
-import './index-bdfa87be.js';
-import './index-cac0ada8.js';
-import './index-1f84d6f3.js';
-import './index-b65a33cf.js';
-import './index.module-fed2deda.js';
-import './index-8394628c.js';
-import './index-ca73f9ae.js';
-import './index-ac9c6f37.js';
-import './index-fb92688c.js';
-import '@mui/material';
-import './index-bc3ce000.js';
-import './index-a9820a21.js';
-import './index-7a47e32a.js';
-import './index-795b89b7.js';
-import './index-805b23b1.js';
-
-var wcConfigurator = "wcConfigurator-IeI91";
-var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
-var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\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  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\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\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
-styleInject(css_248z);
-
-var Classification = function Classification(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(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,
-        tabSearchClass: tabSearchClass
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-    })
-  });
-};
-var cssVariables = {
-  '--settingsBackgroundColor': '#f4f4f4',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--primaryColor': '#455864',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Classification);
-
-export { index as default };

package/build/esm/index-466746e3.js

@@ -1,60 +0,0 @@
-import { s as styleInject } from './index-7fb761c9.js';
-import { observer } from 'mobx-react-lite';
-import Arrow from './index-429e4280.js';
-import 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var selectContainer = "select-container-IwjJt";
-var select = "select-ftXa-";
-var arrow = "arrow-vRzWc";
-var css_248z = ".select-container-IwjJt {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.select-ftXa- {\n  outline: none !important;\n}\n\n.select-ftXa- {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.arrow-vRzWc {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n";
-styleInject(css_248z);
-
-var MobileDropdown = function MobileDropdown(_ref) {
-  var onChange = _ref.onChange,
-    mobileOptions = _ref.mobileOptions,
-    selectedOption = _ref.selectedOption,
-    id = _ref.id;
-  return /*#__PURE__*/jsxs("div", {
-    className: selectContainer,
-    id: id,
-    children: [/*#__PURE__*/jsx(Arrow, {
-      open: false,
-      className: arrow
-    }), /*#__PURE__*/jsx("select", {
-      className: select,
-      onChange: onChange,
-      value: selectedOption,
-      children: mobileOptions.map(function (option) {
-        return /*#__PURE__*/jsx("option", {
-          value: option.codex,
-          dangerouslySetInnerHTML: {
-            __html: option.text + (!!option.price ? '  -  ' + option.price : '')
-          }
-        }, option.codex);
-      })
-    })]
-  });
-};
-var MobileDropdown$1 = observer(MobileDropdown);
-
-export { MobileDropdown$1 as default };

package/build/esm/index-46b2feb6.js

@@ -1,66 +0,0 @@
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-7fb761c9.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var sumWrapper = "sum-wrapper-gnJDJ";
-var isMobile = "is-mobile-MyAw2";
-var priceWrapper = "price-wrapper-OEjmk";
-var price = "price-JPhUm";
-var betterPrice = "better-price-q5J8D";
-var canceled = "canceled-sYf8-";
-var hidden = "hidden-et6vJ";
-var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.price-JPhUm.canceled-sYf8-.hidden-et6vJ {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
-styleInject(css_248z);
-
-var PriceSumm = function PriceSumm(props) {
-  var _viewHandler$productS, _viewHandler$productS2;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      children: t('configurator.Sum', 'Summe')
-    }), /*#__PURE__*/jsx("div", {
-      className: priceWrapper,
-      children: !hidePrices && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
-          children: /*#__PURE__*/jsx(PriceCounter, {
-            price: (_viewHandler$productS = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(price, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
-          children: [' ', /*#__PURE__*/jsx(PriceCounter, {
-            price: (_viewHandler$productS2 = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
-          })]
-        })]
-      })
-    })]
-  });
-};
-var PriceSumm$1 = observer(PriceSumm);
-
-export { PriceSumm$1 as default };

package/build/esm/index-4799ee7a.js

@@ -1,80 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7fb761c9.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var container = "container-GW5iG";
-var mobile = "mobile-PkDVb";
-var image = "image-afs5h";
-var textContainer = "textContainer-eYs6D";
-var expanded = "expanded-0VaOS";
-var articleName = "articleName-YT5oo";
-var posNrContainer = "posNrContainer-sis0e";
-var posNrHeightFitter = "posNrHeightFitter-LVv74";
-var quantity = "quantity-nayMq";
-var price = "price-ZyMfu";
-var css_248z = ".container-GW5iG {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.container-GW5iG.mobile-PkDVb {\n  margin: 0;\n}\n\n.image-afs5h {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.textContainer-eYs6D {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.mobile-PkDVb .textContainer-eYs6D {\n  word-break: break-word;\n}\n.expanded-0VaOS .textContainer-eYs6D {\n  width: calc(50% - 80px);\n}\n\n.articleName-YT5oo {\n  font-weight: 300;\n}\n\n.posNrContainer-sis0e {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.posNrHeightFitter-LVv74 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.posNrContainer-sis0e span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.quantity-nayMq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.price-ZyMfu {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n";
-styleInject(css_248z);
-
-var Articles = function Articles(_ref) {
-  var _item$targetArticlePo;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var isExpanded = viewHandler.uiState.configSettingsIsExpanded || viewHandler.uiState.configSettingsIsMaxExpanded;
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(container, isExpanded ? expanded : undefined, isMobile ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("img", {
-      className: classnames(image),
-      src: item.image
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(textContainer),
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames(articleName),
-        children: item.title
-      }), item.description && /*#__PURE__*/jsx("span", {
-        children: item.description
-      })]
-    }), isExpanded && !isMobile && /*#__PURE__*/jsx("div", {
-      className: classnames(posNrContainer),
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(posNrHeightFitter),
-        children: (_item$targetArticlePo = item.targetArticlePosNrs) === null || _item$targetArticlePo === void 0 ? void 0 : _item$targetArticlePo.map(function (posNr, key) {
-          return /*#__PURE__*/jsx("span", {
-            children: posNr
-          }, key);
-        })
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(quantity),
-      children: item.quantity + 'x'
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(price),
-      children: DivaUtils.formatPrice(item.price, viewHandler.productState.priceFormat)
-    })]
-  });
-};
-var SummaryArticles = observer(Articles);
-
-export { SummaryArticles as default };