@crystaldesign/diva-web-planner-react 25.13.0-beta.21 → 25.13.0-beta.23

package/build/esm/index-83b0cb34.js

@@ -1,166 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-8d1b7631.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-262eb60d.js';
-import { S as SettingsItem } from './index-815974ac.js';
-import classnames from 'classnames';
-import TotalPrice from './index-03b3a8a4.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 './index-7c78501b.js';
-import 'sift';
-import './index-4f71f551.js';
-import './index-7e728b11.js';
-import './index-e079e743.js';
-import './index-7cef5e79.js';
-import './index.module-344f2d6d.js';
-import './index-8aa955a2.js';
-import 'react-switch';
-import './index-9e0b8a09.js';
-import './index-73a8779e.js';
-import './index-9b3eca02.js';
-import 'react-countup';
-import './index-3f15d6e3.js';
-import 'react-dropdown';
-import './index-09f3ae10.js';
-import './index-cac7f4ec.js';
-import './index-88635218.js';
-import './index-decf6ffe.js';
-import '@crystaldesign/content-box';
-import './index-03651dc9.js';
-import './index-c289ef44.js';
-import './index-a2463b1a.js';
-import './index-3485ec2b.js';
-import './index-8a283a84.js';
-import './index-fc4f0845.js';
-import './index-651b3069.js';
-import './index-0ea54205.js';
-import './index-cd6ca10e.js';
-import 'react-laag';
-import './index.module-00ab3d91.js';
-import './index-96017de5.js';
-import './index-1c44ff0b.js';
-import './index-214def9c.js';
-import './index-21c6b818.js';
-import './index-4b7d3d4b.js';
-import './index-33514279.js';
-import './index.module-6e980c87.js';
-import './index-454b8bd2.js';
-import './index-7b8e840c.js';
-import './index-a767d0c3.js';
-import './index-37159bdd.js';
-import './index-06a11c0c.js';
-import './index-2610e929.js';
-import './index-10dc40ce.js';
-import './index-54561d14.js';
-import './index-02a1af16.js';
-import './index-a48185e2.js';
-import './index-b9b0b1da.js';
-import './index-dfbe0acf.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-ffeaa8ea.js';
-import 'rc-slider';
-import './index-01ddcc1c.js';
-import './index-4f394ee1.js';
-import './index-37d44528.js';
-import './index-b90b0f03.js';
-import 'react-confetti-explosion';
-import './index-1626887e.js';
-import './index-8f28aea1.js';
-import './index-1136ea61.js';
-import 'react-qr-code';
-import './index-ee3dd55c.js';
-import './useCustomDimensions-4a8a1a29.js';
-import './index-0354c8c0.js';
-import './ussIsSticky-72c02f54.js';
-
-var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
-var expanded = "expanded-r-uGX";
-var minExpanded = "minExpanded-oyaLK";
-var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.vaul-dragging .wcConfigurator-settings-scroller-TbzP8 {\n  height: calc(100% - 36px) !important;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
-styleInject(css_248z);
-
-var SettingsScroller = function SettingsScroller(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var settingsScrollerElement = useRef(null);
-  var itemPalettesArr = [];
-  var pairWithOptionsToGroup = {};
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  var style = {};
-  var snapPoint = viewHandler.uiState.snapPoints[viewHandler.settingsState.activeSnapPointIndex];
-  var mobileHeight;
-  if (isNaN(Number(snapPoint))) {
-    mobileHeight = snapPoint;
-  } else {
-    var _viewHandler$uiState$, _viewHandler$uiState$2;
-    mobileHeight = Number(snapPoint) * ((_viewHandler$uiState$ = (_viewHandler$uiState$2 = viewHandler.uiState.configuratorRef) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.getBoundingClientRect().height) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : 0) + 'px';
-  }
-  if (viewHandler.uiState.isInMobileView) {
-    style.height = 'calc(' + mobileHeight + ' - var(--configuratorTabGroupHeight))';
-  } else {
-    var _viewHandler$settings, _viewHandler$settings2;
-    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
-  }
-  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
-    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
-    var paletteId = Number(itemPalette.id);
-    var groupName = itemPalette.pairWithOptionsToGroup;
-    if (groupName && itemPalette.visible) {
-      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
-      pairWithOptionsToGroup[groupName].push(paletteId);
-    }
-    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
-  }
-  useEffect(function () {
-    if (viewHandler.uiState.configSettingsIsMinExpanded) viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS');else viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS');
-  }, [viewHandler.uiState.configSettingsIsExpanded, viewHandler.uiState.configSettingsIsMinExpanded]);
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
-    id: "wcConfigurator-settings-scroller",
-    ref: settingsScrollerElement,
-    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
-      isScroller: true
-    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
-      children: [itemPalettesArr.map(function (_ref2) {
-        var _item$optionCodex;
-        var _ref3 = _slicedToArray(_ref2, 2),
-          index = _ref3[0],
-          item = _ref3[1];
-        return /*#__PURE__*/jsx(SettingsItem, {
-          item: item,
-          id: index,
-          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
-        }, ((_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey) + index);
-      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
-    })]
-  });
-};
-var SettingsScroller$1 = observer(SettingsScroller);
-
-export { SettingsScroller$1 as default };

package/build/esm/index-862e51d4.js

@@ -1,86 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-8d1b7631.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';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";
-var portrait = "portrait-FCw3Q";
-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.landscape-KhTSA.wcConfigurator-product-footer-ygF4L {\n  display: none;\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.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-86dd9d9b.js

@@ -1,55 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-8d1b7631.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import Toggle from './index-8aa955a2.js';
-import { 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-
-var wcConfigSingleDiv = "wcConfigSingleDiv-Vcdzw";
-var text = "text-G0a6n";
-var css_248z = ".wcConfigSingleDiv-Vcdzw {\n  min-height: 26px;\n  margin-top: 2px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.text-G0a6n {\n  font-size: 11px;\n  font-weight: 200;\n  color: #fff;\n  line-height: 26px;\n  width: 46px;\n}\n\n.text-G0a6n#yes {\n  padding-left: 22px;\n}\n\n.text-G0a6n#no {\n  transform: translateX(-12px);\n}\n";
-styleInject(css_248z);
-
-var SettingsConfigSingle = function SettingsConfigSingle(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var configSingleIsChanged = function configSingleIsChanged() {
-    viewHandler.paletteViewHandler.configSingleIsChanged();
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: wcConfigSingleDiv,
-    id: "wcConfigSingleCheckbox",
-    title: viewHandler.settingsState.doConfigSingle ? t('configurator.configSingleExplanation') : t('configurator.configAllExplanation'),
-    children: /*#__PURE__*/jsx(Toggle, {
-      onChange: configSingleIsChanged,
-      state: !viewHandler.settingsState.doConfigSingle,
-      width: 76,
-      height: 25,
-      handleDiameter: 20,
-      off: t('configurator.single'),
-      on: t('configurator.all'),
-      toggleTextClassName: text
-    })
-  });
-};
-var SettingsConfigSingle$1 = observer(SettingsConfigSingle);
-
-export { SettingsConfigSingle$1 as default };

package/build/esm/index-879918db.js

@@ -1,184 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-8d1b7631.js';
-import { useState, useEffect, useMemo } from 'react';
-import { Drawer } from 'vaul';
-import { observer } from 'mobx-react-lite';
-import { a as swiperWrapper } from './index.module-ec33195f.js';
-import classnames from 'classnames';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var drawerContent = "drawer-content-JVadm";
-var tabGroups = "tab-groups-5A6NV";
-var swiperWrapper1 = "swiper-wrapper1-n9OSK";
-var drawerHandle = "drawer-handle-QJB1W";
-var drawerHandleLine = "drawer-handle-line-HgJne";
-var wcConfiguratorStepsMobile = "wcConfiguratorStepsMobile-KM8rA";
-var css_248z = ".drawer-content-JVadm {\n  transition:\n    opacity 0.3s ease,\n    transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.drawer-content-JVadm {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  opacity: 1;\n}\n\n.diva-fullscreen .drawer-content-JVadm {\n  position: fixed;\n}\n\n.drawer-content-JVadm.vaul-dragging {\n  transition: opacity 0.3s ease !important;\n  height: calc(100% - 36px) !important;\n}\n\ndiv.tab-groups-5A6NV {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.swiper-wrapper1-n9OSK {\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 38px);\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.tab-groups-5A6NV > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.drawer-handle-QJB1W {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.drawer-handle-line-HgJne {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.wcConfiguratorStepsMobile-KM8rA {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n";
-styleInject(css_248z);
-
-function useDrawerHook() {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    startY = _useState2[0],
-    setStartY = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    startX = _useState4[0],
-    setStartX = _useState4[1];
-  var viewHandler = useViewHandler();
-  var _useState5 = useState(viewHandler.uiState.isMobilePortrait),
-    _useState6 = _slicedToArray(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
-  var _useState7 = useState(viewHandler.uiState.snapPoints),
-    _useState8 = _slicedToArray(_useState7, 2),
-    snapPoints = _useState8[0],
-    setSnapPoints = _useState8[1];
-  var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    snapPointsTimeout = _useState10[0],
-    setSnapPointsTimeout = _useState10[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    width = _useDivaCore$state$di.width,
-    height = _useDivaCore$state$di.height,
-    initializing = _useDivaCore$state.initializing;
-  useEffect(function () {
-    _trySetSnapPoints();
-  }, [width, height, initializing]);
-  var _trySetSnapPoints = function trySetSnapPoints() {
-    var snapPoints = viewHandler.uiState.snapPoints;
-    if (snapPointsTimeout) clearTimeout(snapPointsTimeout);
-    if (!(snapPoints !== null && snapPoints !== void 0 && snapPoints.length)) {
-      setSnapPointsTimeout(setTimeout(function () {
-        return _trySetSnapPoints();
-      }, 100));
-    } else setSnapPoints(snapPoints);
-  };
-  useEffect(function () {
-    setOpen(viewHandler.uiState.isMobilePortrait);
-  }, [viewHandler.uiState.isInMobileView, viewHandler.uiState.isMobileLandscape, viewHandler.uiState.isTablet, width, height]);
-  var handleTouchStart = function handleTouchStart(e) {
-    setStartY(e.touches[0].clientY);
-    setStartX(e.touches[0].pageX);
-  };
-  var handleTouchMove = function handleTouchMove(e) {
-    var currentY = e.touches[0].clientY;
-    var currentX = e.touches[0].pageX;
-    var deltaY = Math.abs(currentY - startY);
-    var deltaX = Math.abs(currentX - startX);
-    var threshold = 1;
-
-    // Only preventDefault when swipe vertical is detected to prevent page refresh on android
-    if (deltaY >= threshold && deltaY > deltaX * 2) {
-      window.addEventListener('touchmove', useMove, {
-        passive: false
-      });
-    }
-  };
-  var handleTouchEnd = function handleTouchEnd() {
-    window.removeEventListener('touchmove', useMove);
-  };
-  var useMove = useMemo(function () {
-    return function (ev) {
-      return ev.preventDefault();
-    };
-  }, []);
-  return {
-    handleTouchStart: handleTouchStart,
-    handleTouchMove: handleTouchMove,
-    handleTouchEnd: handleTouchEnd,
-    snapPoints: snapPoints,
-    open: open
-  };
-}
-
-var SettingsBottomDrawer = function SettingsBottomDrawer(_ref) {
-  var draggerElement = _ref.draggerElement,
-    children = _ref.children;
-  var viewHandler = useViewHandler();
-  var _useDrawerHook = useDrawerHook(),
-    handleTouchStart = _useDrawerHook.handleTouchStart,
-    handleTouchMove = _useDrawerHook.handleTouchMove,
-    handleTouchEnd = _useDrawerHook.handleTouchEnd,
-    open = _useDrawerHook.open,
-    snapPoints = _useDrawerHook.snapPoints;
-  var container = document.getElementById('wcConfigurator');
-  if (!container) return /*#__PURE__*/jsx(Fragment, {});
-  if (!(snapPoints !== null && snapPoints !== void 0 && snapPoints.length)) return /*#__PURE__*/jsx(Fragment, {});
-  var contentHeight;
-  var snapPoint = viewHandler.uiState.snapPoints[viewHandler.settingsState.activeSnapPointIndex];
-  if (typeof snapPoint == 'string') {
-    contentHeight = snapPoint;
-  } else contentHeight = 'calc(' + snapPoint * 100 + '%' + (viewHandler.settingsState.activeSnapPointIndex == 3 ? ')' : ' -  36px)');
-  return /*#__PURE__*/jsx(Drawer.Root, {
-    open: open,
-    modal: false,
-    autoFocus: true,
-    handleOnly: true,
-    dismissible: true,
-    defaultOpen: false,
-    repositionInputs: false,
-    snapPoints: snapPoints,
-    container: container,
-    onClose: function onClose() {
-      return viewHandler.settingsState.setActiveSnapPointIndex(2);
-    },
-    closeThreshold: viewHandler.settingsState.activeSnapPointIndex == 0 ? 0.1 : 1,
-    activeSnapPoint: snapPoints[viewHandler.settingsState.activeSnapPointIndex],
-    setActiveSnapPoint: function setActiveSnapPoint(snapPoint) {
-      return viewHandler.settingsState.setActiveSnapPointIndex(snapPoints.indexOf(snapPoint));
-    },
-    children: /*#__PURE__*/jsx(Drawer.Portal, {
-      children: /*#__PURE__*/jsxs(Drawer.Content, {
-        className: drawerContent,
-        style: {
-          height: contentHeight,
-          opacity: viewHandler.uiState.isMobileLandscape ? '0' : undefined
-        },
-        children: [/*#__PURE__*/jsx(Drawer.Title, {
-          style: {
-            display: 'none'
-          },
-          children: "Settings Drawer"
-        }), /*#__PURE__*/jsxs(Drawer.Handle, {
-          className: classnames(tabGroups),
-          onTouchStart: handleTouchStart,
-          onTouchMove: handleTouchMove,
-          onTouchEnd: handleTouchEnd,
-          children: [/*#__PURE__*/jsx("div", {
-            className: drawerHandle,
-            children: /*#__PURE__*/jsx("div", {
-              className: drawerHandleLine
-            })
-          }), /*#__PURE__*/jsx("div", {
-            className: wcConfiguratorStepsMobile,
-            children: draggerElement
-          })]
-        }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-          className: classnames(swiperWrapper, swiperWrapper1),
-          children: children
-        })]
-      })
-    })
-  });
-};
-var SettingsBottomDrawer$1 = observer(SettingsBottomDrawer);
-
-export { SettingsBottomDrawer$1 as default };

package/build/esm/index-88635218.js

@@ -1,43 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-8d1b7631.js';
-import 'react';
-import classnames from 'classnames';
-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/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';
-
-var wcFoldArrow = "wcFoldArrow-sIgSx";
-var wcCancelArrow = "wcCancelArrow-PZ86-";
-var wcOpenArrow = "wcOpenArrow-TZzZy";
-var wcClosedArrow = "wcClosedArrow-fWMiX";
-var css_248z = ".wcFoldArrow-sIgSx {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.wcCancelArrow-PZ86- {\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%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcCancelArrow-PZ86-:hover {\n  transform: rotateZ(90deg);\n}\n\n.wcOpenArrow-TZzZy {\n  transform: rotateZ(180deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcClosedArrow-fWMiX {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["onClick", "iconAsDelete", "open"];
-var Arrow = function Arrow(_ref) {
-  var onClick = _ref.onClick,
-    iconAsDelete = _ref.iconAsDelete,
-    open = _ref.open,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("span", {
-    onClick: onClick,
-    onTouchEnd: onClick,
-    className: classnames(wcFoldArrow, iconAsDelete ? wcCancelArrow : undefined, !iconAsDelete ? open ? wcOpenArrow : wcClosedArrow : undefined, props.className)
-  });
-};
-
-export { Arrow as default };