@crystaldesign/diva-web-planner-react 26.7.0-rc.10 → 26.7.0-rc.11

package/build/esm/index-98aa68ac.js

@@ -1,83 +0,0 @@
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-c5415355.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ConfettiInSummary from './index-61634005.js';
-import ArticleOverview from './index-1a492b9e.js';
-import SummaryHeader from './index-d3bc4119.js';
-import { u as useStickyScroll } from './ussIsSticky-fbf99789.js';
-import classnames from 'classnames';
-import AiRoomsSelection from './index-e3b9d509.js';
-import AppointmentPreview from './index-0c064d0c.js';
-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/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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';
-import 'react-confetti-explosion';
-import './index-dda489d8.js';
-import 'react-laag';
-import './index-e5d61e0d.js';
-import 'react-qr-code';
-import './index-4749d360.js';
-import './useCustomDimensions-9024230a.js';
-import './index-a7b12bc4.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-1cb82a0a.js';
-import './index.module-21f740a0.js';
-import './index-e2a6a1e3.js';
-import './index-183dcc1c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-19b89279.js';
-import './index-27f564e4.js';
-
-var checkoutWrapper = "checkout-wrapper-jKxxm";
-var checkoutWrapperSticky = "checkout-wrapper-sticky-dE4al";
-var css_248z = ".checkout-wrapper-jKxxm {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.checkout-wrapper-sticky-dE4al {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper button:nth-child(1),\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper button:nth-child(2),\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.checkout-wrapper-sticky-dE4al .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var SummaryOverview = function SummaryOverview(props) {
-  var _viewHandler$settings;
-  var viewHandler = useViewHandler();
-  var _useStickyScroll = useStickyScroll(-50, (_viewHandler$settings = viewHandler.settingsState.settingsScrollerElement) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : null),
-    stickyRef = _useStickyScroll.stickyRef,
-    isSticky = _useStickyScroll.isSticky;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(ConfettiInSummary, {}), /*#__PURE__*/jsx(SummaryHeader, {}), /*#__PURE__*/jsx("div", {
-      ref: stickyRef,
-      className: checkoutWrapper,
-      style: {
-        opacity: isSticky ? '0' : '1'
-      },
-      children: /*#__PURE__*/jsx(Checkout, {
-        viewHandler: viewHandler
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(checkoutWrapper, checkoutWrapperSticky, 'checkout-wrapper-sticky'),
-      style: {
-        opacity: isSticky ? '1' : '0',
-        pointerEvents: isSticky ? 'auto' : 'none'
-      },
-      children: /*#__PURE__*/jsx(Checkout, {
-        viewHandler: viewHandler
-      })
-    }), viewHandler.uiState.ViewConfig.showAppointmentPreview && /*#__PURE__*/jsx(AppointmentPreview, {}), viewHandler.productState.diva3dImgSrc && /*#__PURE__*/jsx(AiRoomsSelection, {}), /*#__PURE__*/jsx(ArticleOverview, {})]
-  });
-};
-var SummaryOverview$1 = observer(SummaryOverview);
-
-export { SummaryOverview$1 as default };

package/build/esm/index-9da8e4a5.js

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

package/build/esm/index-9e9fa8f1.js

@@ -1,150 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-c5415355.js';
-import { useRef, useEffect } from 'react';
-import ProductHeader from './index-cd4ad5ca.js';
-import ContentItemWrapper from './index-b5bdb785.js';
-import ProductSettings from './index-aa16ea8d.js';
-import ProductCenter from './index-65c40d85.js';
-import ProductFooter from './index-adb0849e.js';
-import ProductInfo from './index-c4460816.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/content-item';
-import './index-8c6d17be.js';
-import './index-22e2734c.js';
-import 'sift';
-import './index-707f231f.js';
-import './index-ef39b3c9.js';
-import './index-068c313d.js';
-import './index-bac9baa4.js';
-import './index.module-39daf2be.js';
-import './index-e2a6a1e3.js';
-import './index-1c4ad848.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-5600a982.js';
-import 'react-dropdown';
-import './index-d51657fb.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-951c21e6.js';
-import './index-040db5db.js';
-import './index-e19cb685.js';
-import '@crystaldesign/content-box';
-import './index-cf8051a9.js';
-import './index-dfdd7cfe.js';
-import './index-f6a8f9b2.js';
-import './index-736ac10d.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-db8f8b10.js';
-import './index-0793c72b.js';
-import './index-ac88557c.js';
-import './index-260ef3d8.js';
-import './index-7702c63c.js';
-import './index-7a8c48a6.js';
-import './index-bd5dc9b9.js';
-import 'react-laag';
-import './index.module-be99ab1f.js';
-import './index-d13f65f5.js';
-import './index-4b6fbf80.js';
-import './index-30f01cf4.js';
-import './index-b6841f37.js';
-import './index-885922bd.js';
-import './index.module-ce5dd0fb.js';
-import './index-a935f661.js';
-import './index-1993f2e9.js';
-import './index-076cdea3.js';
-import './index-8defb0c2.js';
-import './index-c631f42a.js';
-import './index-c2f47ac9.js';
-import './index-868a277f.js';
-import './index-39471d80.js';
-import './index-0d4864ab.js';
-import './index-fbfaab30.js';
-import './index-8d461921.js';
-import './index-7e7816f5.js';
-import './index-b84eecd1.js';
-import 'rc-slider';
-import './index-f33b7be5.js';
-import './index-add43723.js';
-import './index-6738db62.js';
-import './index-98aa68ac.js';
-import './index-61634005.js';
-import 'react-confetti-explosion';
-import './index-1a492b9e.js';
-import './index-dda489d8.js';
-import './index-e5d61e0d.js';
-import 'react-qr-code';
-import './index-4749d360.js';
-import './useCustomDimensions-9024230a.js';
-import './index-d3bc4119.js';
-import './ussIsSticky-fbf99789.js';
-import './index-e3b9d509.js';
-import './index-a7b12bc4.js';
-import './index-1cb82a0a.js';
-import './index.module-21f740a0.js';
-import './index-183dcc1c.js';
-import './index-19b89279.js';
-import './index-27f564e4.js';
-import './index-0c064d0c.js';
-import './index-85b23efd.js';
-import './index-19d25cf9.js';
-import './index-9da8e4a5.js';
-import './index-72605074.js';
-import './index-16a0bd0d.js';
-import './index.module-4057b330.js';
-import './index-88671f59.js';
-import './index-b01f0784.js';
-import './index-73bad6b1.js';
-import './index-f74096d6.js';
-import './index-39f88caa.js';
-import './index-ea6e7fba.js';
-import './index-035571ac.js';
-import './index-6a37ab76.js';
-import './index-0cd8e5f2.js';
-
-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 Product = function Product(props) {
-  var viewHandler = useViewHandler();
-  var productElement = useRef(null);
-  var setRef = function setRef(element) {
-    productElement.current = element;
-    viewHandler.productState.setProductElement(element);
-  };
-  useEffect(function () {
-    document.documentElement.style.setProperty('--configuratorProductHeight', viewHandler.settingsState.productHeight);
-  }, [viewHandler.settingsState.productHeight]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    id: "wcConfigurator-product"
-  }, props), {}, {
-    ref: setRef,
-    onTouchStart: function onTouchStart() {
-      if (viewHandler.settingsState.activeSnapPointIndex == 3) viewHandler.settingsState.setActiveSnapPointIndex(2);
-    },
-    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), /*#__PURE__*/jsx(ContentItemWrapper, {
-      direction: "right"
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-9f5d4bd5.js

@@ -1,89 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-c5415355.js';
-import { useState, useEffect } from 'react';
-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/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 inputBox = "input-box-NpxK9";
-var mobile = "mobile-OhbeO";
-var css_248z = ".input-box-NpxK9 {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.input-box-NpxK9.mobile-OhbeO {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n";
-styleInject(css_248z);
-
-var NumberInput = function NumberInput(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  var _useState = useState(item.numberInput),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputGotChangedByComponent = _useState4[0],
-    setInputGotChangedByComponent = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    invalidValue = _useState6[0],
-    setInvalidValue = _useState6[1];
-  useEffect(function () {
-    var _item$groups;
-    var opvItem = (_item$groups = item.groups) === null || _item$groups === void 0 || (_item$groups = _item$groups[0].items) === null || _item$groups === void 0 ? void 0 : _item$groups[0];
-    if (inputValue && opvItem && !isNaN(inputValue) && Number(opvItem.measureMinimum) <= inputValue && Number(opvItem.measureMaximum) >= inputValue) {
-      setInvalidValue(false);
-      if (inputValue !== Number(opvItem.freeText)) {
-        if (inputGotChangedByComponent) {
-          setInputGotChangedByComponent(false);
-          onRangeChange(opvItem);
-        }
-      }
-    } else {
-      setInvalidValue(true);
-    }
-  }, [inputValue]);
-  useEffect(function () {
-    setInputValue(item.numberInput);
-  }, [item]);
-  var onRangeChange = function onRangeChange(opvItem) {
-    if (inputValue) {
-      viewHandler.paletteViewHandler.onRangeClickChange(item, opvItem, inputValue.toString());
-    }
-  };
-  var onChange = function onChange(e) {
-    var newVal = Number(e.target.value);
-    if (newVal >= 0) {
-      setInputGotChangedByComponent(true);
-      setInputValue(newVal);
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [': ', /*#__PURE__*/jsx("input", {
-      className: classnames(inputBox, viewHandler.uiState.isInMobileView ? mobile : undefined),
-      onChange: onChange,
-      style: {
-        color: invalidValue ? 'red' : undefined
-      },
-      type: "number",
-      value: inputValue
-    }), ' ', item.measureUnit]
-  });
-};
-var NumberInput$1 = observer(NumberInput);
-
-export { NumberInput$1 as default };

package/build/esm/index-a25590df.js

@@ -1,67 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-c5415355.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-MPQ1D";
-var searchText = "search-text-h7Q58";
-var icon = "icon-yltss";
-var css_248z = ".wrapper-MPQ1D {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-h7Q58 {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-yltss {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
-styleInject(css_248z);
-
-var Search = function Search(_ref) {
-  var _ref$searchState = _slicedToArray(_ref.searchState, 2),
-    search = _ref$searchState[0],
-    setSearch = _ref$searchState[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
-    if (value && value.length > 2) setSearch(value);else if ((search === null || search === void 0 ? void 0 : search.length) !== 0) {
-      setSearch(undefined);
-    }
-  }, [value]);
-  useEffect(function () {
-    if (!(search !== null && search !== void 0 && search.length)) setValue('');
-  }, [search]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("input", {
-      ref: inputRef,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      type: 'text',
-      value: value,
-      className: searchText,
-      placeholder: t('filter.global')
-    }), /*#__PURE__*/jsx("div", {
-      className: icon
-    })]
-  });
-};
-
-export { Search as default };

package/build/esm/index-a2bc1bcd.js

@@ -1,134 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-c5415355.js';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-c2f47ac9.js';
-import InfoIcon from './index-e2a6a1e3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 accItem = "AccItem-EuKUQ";
-var wcSize = "wcSize-vX0Fm";
-var wcSizeNormal = "wcSize-normal-bRIEC";
-var wcImage = "wcImage-ScJeM";
-var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
-var metaData = "meta-data-p5e7t";
-var wcAccSize = "wcAccSize-LdKs3";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\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.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer, _item$longDescription;
-  var item = _ref.item,
-    grids = _ref.grids;
-  var viewHandler = useViewHandler();
-  var i18n = useTranslation();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex, undefined, true);
-    },
-    className: accItem
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcAccInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.name
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.articleCodex), /*#__PURE__*/jsx("div", {
-          className: classnames(wcAccSize),
-          children: DivaUtils.sizeFormatter({
-            width: item.width,
-            height: item.height,
-            depth: item.depth
-          }, i18n)
-        })]
-      })]
-    }), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        paddingTop: 6
-      }
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item,
-      style: {
-        bottom: 8,
-        right: 8
-      }
-    }, item.articleCodex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoiresOld = observer(ShelfAccessoires);
-
-export { ShelfAccessoiresOld as default };