@crystaldesign/diva-web-planner-react 26.3.0-beta.47 → 26.3.0-beta.49

package/build/esm/index-7104dd17.js

@@ -1,44 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-1ad1eb2b.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { 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/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 'react-switch';
-import 'react-countup';
-
-var logo = "logo-h99KB";
-var hidden = "hidden-uMA1f";
-var notHidden = "not-hidden-88ft-";
-var mobile = "mobile-W86xf";
-var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.mobile-W86xf.logo-h99KB {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n";
-styleInject(css_248z);
-
-var Logo = function Logo(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    logoUrl = _useDivaCore.state.organization.logoUrl;
-  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("img", {
-    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.isMobileLandscape ? notHidden : hidden),
-    src: logoUrl
-  });
-};
-var Logo$1 = observer(Logo);
-
-export { Logo$1 as default };

package/build/esm/index-7254405e.js

@@ -1,104 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-1ad1eb2b.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation, Grid } from 'swiper/modules';
-import ConceptItem from './index-c60dd0c1.js';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import CollapsibleTrigger from './index-0816a0de.js';
-import InfoBanner from './index-0a0a5b16.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 'react-switch';
-import 'react-countup';
-import './index-1ab4da24.js';
-
-var collapsible = "collapsible-RtG0L";
-var collapsibleContentInner = "collapsible-content-inner-pCgwK";
-var conceptFilter = "concept-filter-oYrcv";
-var conceptFilterSwiper = "concept-filter-swiper-l7E-n";
-var css_248z = ".collapsible-RtG0L {\n  margin-bottom: 16px;\n}\n\n.collapsible-content-inner-pCgwK {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n}\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  height: 198px;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url('data:application/font-woff;charset=utf-8;base64, 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');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-android .swiper-slide,\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-autoheight,\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.concept-filter-oYrcv.concept-filter-swiper-l7E-n .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n";
-styleInject(css_248z);
-
-var ConceptFilter = function ConceptFilter(_ref) {
-  var genericConceptItems = _ref.genericConceptItems,
-    bannerTitle = _ref.bannerTitle,
-    bannerText = _ref.bannerText,
-    _onClose = _ref.onClose;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var navigateToOnClick = function navigateToOnClick(index) {
-    swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(index);
-  };
-  return /*#__PURE__*/jsxs(Collapsible, {
-    open: true,
-    className: collapsible,
-    trigger: /*#__PURE__*/jsx(CollapsibleTrigger, {
-      open: false
-    }),
-    triggerWhenOpen: /*#__PURE__*/jsx(CollapsibleTrigger, {
-      open: true
-    }),
-    contentInnerClassName: collapsibleContentInner,
-    easing: "ease-out",
-    onClose: function onClose() {
-      _onClose === null || _onClose === void 0 || _onClose();
-    },
-    children: [/*#__PURE__*/jsx(InfoBanner, {
-      title: bannerTitle,
-      text: bannerText
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(conceptFilterSwiper, conceptFilter),
-      children: /*#__PURE__*/jsx(Swiper, {
-        onSwiper: setSwiperRef,
-        resizeObserver: true,
-        modules: [Navigation, Grid],
-        style: {
-          width: 'fit-content'
-        },
-        spaceBetween: 8,
-        scrollbar: true,
-        slideToClickedSlide: true,
-        wrapperClass: "no-swiping",
-        slidesPerView: 3,
-        grid: {
-          rows: 2
-        },
-        children: genericConceptItems.map(function (e, index) {
-          return /*#__PURE__*/jsx(SwiperSlide, {
-            onClick: function onClick(e) {
-              var clickRow = (index - index % 2) / 2;
-              var rowToNavigateTo = clickRow - 1;
-              navigateToOnClick(rowToNavigateTo >= 0 ? rowToNavigateTo : 0);
-              e.stopPropagation();
-            },
-            children: /*#__PURE__*/jsx(ConceptItem, {
-              item: e
-            }, e.key)
-          }, index);
-        })
-      })
-    })]
-  });
-};
-var ConceptGallery = observer(ConceptFilter);
-
-export { ConceptGallery as default };

package/build/esm/index-72a997f5.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-1ad1eb2b.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation, useDivaCore, DivaUtils } 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var container = "container-vxlYB";
-var totalPrice = "totalPrice-sBu4C";
-var price = "price-jVSu8";
-var css_248z = ".container-vxlYB {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.totalPrice-sBu4C {\n  float: left;\n  margin-left: 2rem;\n}\n\n.price-jVSu8 {\n  float: right;\n  margin-right: 2rem;\n}\n";
-styleInject(css_248z);
-
-var SummaryTotalPrice = function SummaryTotalPrice(props) {
-  var _viewHandler$productS;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !hidePrices && /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: totalPrice,
-        children: t('configurator.TotalPrice', 'TotalPrice')
-      }), /*#__PURE__*/jsx("div", {
-        className: price,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      })]
-    })
-  });
-};
-var TotalPrice = observer(SummaryTotalPrice);
-
-export { TotalPrice as default };

package/build/esm/index-73109d21.js

@@ -1,74 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1ad1eb2b.js';
-import { useState, useEffect } from 'react';
-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 'react-switch';
-import 'react-countup';
-
-var metaData = "meta-data-kJbmQ";
-var css_248z = ".meta-data-kJbmQ {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .meta-data-kJbmQ {\n  color: #fff;\n}\n";
-styleInject(css_248z);
-
-var MetaData = function MetaData(_ref) {
-  var style = _ref.style,
-    metaData$1 = _ref.metaData,
-    _ref$visible = _ref.visible,
-    _ref$visible2 = _ref$visible === void 0 ? useState('') : _ref$visible,
-    _ref$visible3 = _slicedToArray(_ref$visible2, 2),
-    metaDataVisible = _ref$visible3[0],
-    setMetaDataVisible = _ref$visible3[1];
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var displayMetaDatas = viewHandler.getViewConfig().displayMetaDatas;
-  var firstItem = metaData$1 === null || metaData$1 === void 0 ? void 0 : metaData$1.find(function (data) {
-    return displayMetaDatas === null || displayMetaDatas === void 0 ? void 0 : displayMetaDatas.includes(data.codex);
-  });
-  useEffect(function () {
-    if (!firstItem) return;
-    var textTmp = '';
-    for (var i = 0; i < firstItem.values.length; i++) {
-      if (textTmp !== '') textTmp = textTmp + ', ';
-      var _loop = function _loop(j) {
-        var data = metaData$1 === null || metaData$1 === void 0 ? void 0 : metaData$1.find(function (data) {
-          return data.codex === displayMetaDatas[j];
-        });
-        if (!data) return 1; // continue
-        if (textTmp !== '') textTmp = textTmp + ' ';
-        textTmp = textTmp + (data.name ? data.name + ': ' : '') + data.values[i];
-      };
-      for (var j = 0; j < displayMetaDatas.length; j++) {
-        if (_loop(j)) continue;
-      }
-    }
-    setText(textTmp);
-    setMetaDataVisible(textTmp);
-  }, []);
-  if (!metaDataVisible) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    style: style,
-    className: metaData,
-    children: text
-  });
-};
-
-export { MetaData as default };

package/build/esm/index-7351a5cb.js

@@ -1,168 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1ad1eb2b.js';
-import SummaryOptionTree from './index-432eb9e2.js';
-import SummaryArticles from './index-c50e6878.js';
-import SettingsItemAccessoireTemplate from './index-41ecd5d0.js';
-import Gallery from './index-a96e74f2.js';
-import SettingsItemDefaultTemplate from './index-55aaebf4.js';
-import Range from './index-3c662f4d.js';
-import SettingsItemRoomTemplate from './index-02ed878f.js';
-import ViewPoint from './index-ed5d9fe7.js';
-import NumberBox from './index-f7e9ec09.js';
-import PlannerSwitch from './index-ad48ec5a.js';
-import Varaint from './index-5dc885de.js';
-import GalleryText from './index-63be2002.js';
-import 'react';
-import GalleryText2 from './index-7d969ff1.js';
-import FaceLift from './index-097014b9.js';
-import PlannerOverviewItem from './index-0692f5bb.js';
-import Article from './index-0c727a6a.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'react-switch';
-import 'react-countup';
-import 'react-laag';
-import './index.module-9bb6f869.js';
-import './index-0a30ab08.js';
-import './index-1ab4da24.js';
-import './index-99e2493e.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index.module-3dcfe445.js';
-import './index-2b9d752a.js';
-import './index-73109d21.js';
-import './index-0ccd98fa.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-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 itemPaletteTypeComponentMap = {
-  ART: Article,
-  ART_2: FaceLift,
-  'PLANNER_2.0': PlannerOverviewItem,
-  PLANNERSWITCH: PlannerSwitch,
-  ACC: SettingsItemAccessoireTemplate,
-  ACC_CONFIG: SettingsItemAccessoireTemplate,
-  VERY_SMALL: SettingsItemDefaultTemplate,
-  SMALL: SettingsItemDefaultTemplate,
-  GAL_GROUP_DROPDOWN: function GAL_GROUP_DROPDOWN(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "normalimage.png"
-    }, props));
-  },
-  GAL_SMALL_GROUP_DROPDOWN: function GAL_SMALL_GROUP_DROPDOWN(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "small"
-    }, props));
-  },
-  GAL: Gallery,
-  GAL_SMALL: Gallery,
-  GAL_BIG: Gallery,
-  RANGE: Range,
-  NUMBER: NumberBox,
-  SLIDER: function SLIDER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  MULTI_TOGGLE: function MULTI_TOGGLE() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  MULTI_TOGGLE_ROUND: function MULTI_TOGGLE_ROUND() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  RADIO: function RADIO() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  RADIO_LIST: function RADIO_LIST() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  SUMMARY_ARTICLES: SummaryArticles,
-  SUMMARY_OPTIONTREE: SummaryOptionTree,
-  VARIANTS: Varaint,
-  STATICROOM: SettingsItemRoomTemplate,
-  VIEWPOINT: ViewPoint,
-  DROPDOWN_TEXT: function DROPDOWN_TEXT() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  DROPDOWN_IMAGE: function DROPDOWN_IMAGE() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE: function TOGGLE() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE_HEADER: function TOGGLE_HEADER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TOGGLE_NAME: function TOGGLE_NAME() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  DOOR_PLANNER: function DOOR_PLANNER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  TEXTBOX: function TEXTBOX() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  SHELFPLANNER: function SHELFPLANNER() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  PRODUCTS: function PRODUCTS() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  PROMOTED: function PROMOTED() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  CHECKOUT: function CHECKOUT() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  STYLE_CONSULTANT: function STYLE_CONSULTANT() {
-    return /*#__PURE__*/jsx(Fragment, {});
-  },
-  GAL_TEXT_2: function GAL_TEXT_2(props) {
-    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({}, props));
-  },
-  GAL_BIG_TEXT_2: function GAL_BIG_TEXT_2(props) {
-    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({
-      type: "big"
-    }, props));
-  },
-  GAL_SMALL_TEXT_2: function GAL_SMALL_TEXT_2(props) {
-    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({
-      type: "small"
-    }, props));
-  },
-  GAL_TEXT: function GAL_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({}, props));
-  },
-  GAL_BIG_TEXT: function GAL_BIG_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "big"
-    }, props));
-  },
-  GAL_SMALL_TEXT: function GAL_SMALL_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "small"
-    }, props));
-  },
-  GAL_VERY_SMALL_TEXT: function GAL_VERY_SMALL_TEXT(props) {
-    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
-      type: "verysmall"
-    }, props));
-  }
-};
-
-export { itemPaletteTypeComponentMap as default };

package/build/esm/index-7461470f.js

@@ -1,206 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-1ad1eb2b.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-1ab4da24.js';
-import { g as getKey } from './index-967b3d49.js';
-import { jsx, 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';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-63c2feb3.js';
-import './index-ac6d3069.js';
-import './index-f55f19ad.js';
-import './index-805f7b92.js';
-import './index.module-94546f1e.js';
-import './index-99e2493e.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-3fdf0b16.js';
-import 'react-dropdown';
-import './index-4b4c2ec4.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-142e1d7f.js';
-import './index-5a97cd26.js';
-import './index-f231bf02.js';
-import '@crystaldesign/content-box';
-import './index-2d58dbfd.js';
-import './index-d362300e.js';
-import './index-b769f30b.js';
-import './index-25ef0f48.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-3e464da5.js';
-import './index-c2588a60.js';
-import './index-7351a5cb.js';
-import './index-432eb9e2.js';
-import './index-c50e6878.js';
-import './index-41ecd5d0.js';
-import './index-a96e74f2.js';
-import 'react-laag';
-import './index.module-9bb6f869.js';
-import './index-0a30ab08.js';
-import './index-55aaebf4.js';
-import './index-3c662f4d.js';
-import './index-02ed878f.js';
-import './index-ed5d9fe7.js';
-import './index.module-3dcfe445.js';
-import './index-f7e9ec09.js';
-import './index-2b9d752a.js';
-import './index-ad48ec5a.js';
-import './index-5dc885de.js';
-import './index-63be2002.js';
-import './index-73109d21.js';
-import './index-7d969ff1.js';
-import './index-097014b9.js';
-import './index-0692f5bb.js';
-import './index-0ccd98fa.js';
-import './index-0c727a6a.js';
-import './index-95e7abd3.js';
-import './index-f271a367.js';
-import 'rc-slider';
-import './index-ae897d4f.js';
-import './index-8407edca.js';
-import './index-8f96c581.js';
-import './index-63299575.js';
-import './index-b73d1758.js';
-import 'react-confetti-explosion';
-import './index-ed48acae.js';
-import './index-097c5352.js';
-import './index-87bbcc18.js';
-import 'react-qr-code';
-import './index-a10fb8b0.js';
-import './useCustomDimensions-0a75fd35.js';
-import './index-b426aeb9.js';
-import './ussIsSticky-d04d9077.js';
-import './index-2feffe41.js';
-import './index-69ac1dd6.js';
-import './index-91706965.js';
-import './index.module-db94087a.js';
-import './index-9c2c0896.js';
-import './index-fb4d56f0.js';
-import './index-f97f8a09.js';
-import './index-37e18874.js';
-
-var wrapper = "wrapper-QG-9Z";
-var wcGroupedContainer = "wcGroupedContainer-jhNWc";
-var open = "open-tiFs0";
-var wcPaletteHeader = "wcPaletteHeader-TmsT4";
-var wcSizeGroupHeader = "wcSizeGroupHeader-40Cqv";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-5oMvI";
-var mobile = "mobile-CMV-0";
-var tablet = "tablet-JUtBt";
-var wcFoldingArrow = "wcFoldingArrow-DFXd-";
-var wcGroupOpen = "wcGroupOpen-6Lf4-";
-var css_248z = ".wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z:last-child {\n  margin-bottom: 20px;\n}\n\n.wcConfigurator-settings-j6rpE .wcGroupedContainer-jhNWc {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.open-tiFs0 .Collapsible__contentOuter {\n  overflow: visible !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-5oMvI {\n  font-size: 15px;\n  font-weight: 200;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  height: 24px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcGroupHeaderTitle-5oMvI {\n  font-size: 13px;\n}\n\n.wcGroupHeaderTitle-5oMvI:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  margin: 0px 6px;\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  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  width: 16px;\n  height: 16px;\n  margin-top: 4px;\n}\n\n.wcGroupOpen-6Lf4- .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentVisible = _useState4[0],
-    setContentVisible = _useState4[1];
-  var _useState5 = useState(!group.isFolded),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-    if (group.isFolded) {
-      setContentVisible(false);
-    } else {
-      setTimeout(function () {
-        return setContentVisible(true);
-      }, 800);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, contentVisible ? open : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-
-export { Group$1 as default };