@crystaldesign/diva-web-planner-react 26.6.7-rc.0 → 26.6.7

package/build/esm/index-be22d93d.js

@@ -1,47 +0,0 @@
-import './index-bbdfb97a.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { 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';
-
-var ElementCopy = function ElementCopy(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.copy.ElementCopy, plannerUIProps.classes.buttonGeneral)
-  });
-};
-var ElementCopy$1 = observer(ElementCopy);
-
-export { ElementCopy$1 as default };

package/build/esm/index-be2b6588.js

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

package/build/esm/index-be7a52a8.js

@@ -1,96 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-bbdfb97a.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation, Grid } from 'swiper/modules';
-import RoomItem from './index-9c4f9dc2.js';
-import classnames from 'classnames';
-import InfoBanner from './index-23081351.js';
-import UploadItem from './index-b14a4a7c.js';
-import CustomInput from './index-fdf81349.js';
-import { jsxs, jsx, Fragment } 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';
-import './index.module-613d19d3.js';
-import './index-04a7a9b4.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-var roomGallery = "room-gallery-6uX3f";
-var roomFilter = "room-filter--61x0";
-var roomFilterSwiper = "room-filter-swiper-sgtL0";
-var css_248z = ".room-gallery-6uX3f {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  background: var(--roomGalleryBackground, linear-gradient(to right, #b7cbdc, #e9eff3));\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\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.room-filter--61x0.room-filter-swiper-sgtL0 .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .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.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-android .swiper-slide,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n";
-styleInject(css_248z);
-
-var RoomGallery = function RoomGallery(_ref) {
-  var roomItems = _ref.roomItems,
-    selectedRoom = _ref.selectedRoom;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var viewHandler = useViewHandler();
-  var navigateToOnClick = function navigateToOnClick(index) {
-    swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(index);
-  };
-  var timeframeLimitReachedOverOneDay = viewHandler.aiState.isTimeframeLimitReached && viewHandler.aiState.isTimeframeLimitReached !== 'daily';
-  return /*#__PURE__*/jsxs("div", {
-    className: roomGallery,
-    children: [/*#__PURE__*/jsx(InfoBanner, {}), !timeframeLimitReachedOverOneDay && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(roomFilterSwiper, roomFilter),
-        children: /*#__PURE__*/jsx(Swiper, {
-          onSwiper: setSwiperRef,
-          resizeObserver: true,
-          modules: [Navigation, Grid],
-          spaceBetween: viewHandler.uiState.isInMobileView ? 4 : 8,
-          scrollbar: true,
-          slideToClickedSlide: true,
-          wrapperClass: "no-swiping",
-          slidesPerView: 3,
-          style: {
-            marginTop: '16px'
-          },
-          grid: {
-            rows: 2
-          },
-          children: roomItems.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: e.uploadItem ? /*#__PURE__*/jsx(UploadItem, {
-                item: e
-              }, e.key) : /*#__PURE__*/jsx(RoomItem, {
-                item: e
-              }, e.key)
-            }, index);
-          })
-        })
-      }), /*#__PURE__*/jsx(CustomInput, {
-        selectedRoom: selectedRoom
-      })]
-    })]
-  });
-};
-var RoomGallery$1 = observer(RoomGallery);
-
-export { RoomGallery$1 as default };

package/build/esm/index-bea5c228.js

@@ -1,149 +0,0 @@
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-bbdfb97a.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useRef, useCallback, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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';
-
-var productsGrid = "products-grid-b9XWQ";
-var productsGridDisabled = "products-grid-disabled-1BegM";
-var skeleton = "skeleton-XdjqR";
-var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.products-grid-disabled-1BegM {\n  pointer-events: none;\n}\n\n.mobile .products-grid-b9XWQ {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
-styleInject(css_248z);
-
-var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt, _settingsState$promot, _viewHandler$divaWebP;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore(),
-    openComponent = _useDivaCore.actions.openComponent,
-    productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state = _useDivaCore.state,
-    organization = _useDivaCore$state.organization,
-    hidePrices = _useDivaCore$state.hidePrices;
-  var viewHandler = useViewHandler();
-  var settingsState = viewHandler.settingsState;
-  var productsConfig = viewHandler.getViewConfig().productsConfig;
-  var isOpeningProductRef = useRef(false);
-  var didStartLoadingRef = useRef(false);
-  var onAddProduct = useCallback(function (productId) {
-    if (viewHandler.uiState.isLogicLoading || settingsState.promotedOptimisticProductId != null || isOpeningProductRef.current) return;
-    isOpeningProductRef.current = true;
-    didStartLoadingRef.current = false;
-    settingsState.setPromotedOptimisticProductId(productId);
-    openComponent({
-      type: 'DIVA_WEBPLANNER',
-      parameters: {
-        productId: productId
-      },
-      internal: {
-        forceReload: '1',
-        keepCache: '1'
-      }
-    });
-  }, [openComponent, settingsState, viewHandler.uiState]);
-  var configProductId = (_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId();
-  var selectedProduct = (_settingsState$promot = settingsState.promotedOptimisticProductId) !== null && _settingsState$promot !== void 0 ? _settingsState$promot : configProductId;
-  useEffect(function () {
-    if (!isOpeningProductRef.current) return;
-    if (viewHandler.uiState.isLogicLoading) {
-      didStartLoadingRef.current = true;
-      return;
-    }
-    if (didStartLoadingRef.current) {
-      isOpeningProductRef.current = false;
-      didStartLoadingRef.current = false;
-      settingsState.setPromotedOptimisticProductId(null);
-    }
-  }, [settingsState, viewHandler.uiState.isLogicLoading]);
-  useEffect(function () {
-    settingsState.setPromotedOptimisticProductId(null);
-  }, [organization._id, settingsState]);
-  var catalogCodex = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogCodex;
-  useEffect(function () {
-    var _viewHandler$divaWebP2;
-    if (viewHandler.uiState.isLogicLoading) return;
-    settingsState.loadPromotedProducts(productHandler, organization._id, catalogCodex, (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.getCurPlannerType(), productsConfig);
-  }, [organization._id, viewHandler.uiState.isLogicLoading, catalogCodex]);
-  var groups = settingsState.promotedGroups;
-  var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
-  var areProductsDisabled = viewHandler.uiState.isLogicLoading || settingsState.promotedOptimisticProductId != null || isOpeningProductRef.current;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(productsGrid, areProductsDisabled ? productsGridDisabled : undefined),
-      "aria-disabled": areProductsDisabled,
-      children: [groups.map(function (group, i) {
-        var _ref2;
-        return /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: {
-              type: 'ProductGallery',
-              products: group.items,
-              groupVariantsByField: ['dc_color', 'dc_mainColor'],
-              onClick: onAddProduct,
-              imageWrapperStyle: {
-                aspectRatio: 'unset'
-              },
-              wrapperStyle: group.items.find(function (i) {
-                return i._id == selectedProduct;
-              }) ? {
-                border: '1px solid var(--diva-theme-palette-primary-main)',
-                borderRadius: '5px'
-              } : undefined,
-              imageStyle: {
-                aspectRatio: '14.5 / 10',
-                objectFit: 'scale-down',
-                objectPosition: 'bottom'
-              },
-              hidePrices: (_ref2 = hidePrices || viewHandler.getViewConfig().promotedHidePrices) !== null && _ref2 !== void 0 ? _ref2 : false
-            }
-          }
-        }, group._id);
-      }), skeletons.map(function (index) {
-        return /*#__PURE__*/jsx("div", {
-          className: skeleton,
-          children: /*#__PURE__*/jsx("div", {
-            children: index
-          })
-        }, index);
-      })]
-    })]
-  });
-};
-var getSkeletons = function getSkeletons(maxCount, itemsCount) {
-  var skeletonsCount = 0;
-  if (maxCount > itemsCount) {
-    skeletonsCount = maxCount - itemsCount;
-  }
-  var skeletons = [];
-  if (skeletonsCount) {
-    for (var i = skeletonsCount - 1; i >= 0; i--) {
-      skeletons.push(maxCount - i);
-    }
-  }
-  return skeletons;
-};
-var PromotedProducts$1 = observer(PromotedProducts);
-
-export { PromotedProducts$1 as default };

package/build/esm/index-bef8d4c9.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-bbdfb97a.js';
-import { useEffect } from 'react';
-import Settings from './index-34b39633.js';
-import TabGroup from './index-04b36d55.js';
-import { observer } from 'mobx-react-lite';
-import Inputbox from './index-8f28539b.js';
-import { jsx, Fragment, jsxs } 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';
-import './index-3bcdb4a8.js';
-import './index-c6e30dc7.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-607ce1b1.js';
-import './index-e8768440.js';
-import './index-105eab2c.js';
-import 'sift';
-import './index-0d3bfd91.js';
-import './index-2b5bdfe1.js';
-import './index-caff71dc.js';
-import './index-5cb692e9.js';
-import './index.module-d6f043d2.js';
-import './index-04a7a9b4.js';
-import './index-755074ae.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-db439036.js';
-import 'react-dropdown';
-import './index-7f2e9c31.js';
-import './index-4b3e6bbf.js';
-import './index-69271b96.js';
-import './index-9a965a68.js';
-import '@crystaldesign/content-box';
-import './index-e9a81262.js';
-import './index-2f37b9f2.js';
-import './index-bea5c228.js';
-import './index-014a5003.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-575022e0.js';
-import './index-ce21cd4d.js';
-import './index-6a697eea.js';
-import './index-ea5e3e90.js';
-import './index-69fd5e9e.js';
-import './index-079ef135.js';
-import './index-4b48794b.js';
-import 'react-laag';
-import './index.module-25687dd9.js';
-import './index-3f40a92d.js';
-import './index-66fd1759.js';
-import './index-8a330776.js';
-import './index-4fda4c71.js';
-import './index-d896efe9.js';
-import './index.module-fe49e10f.js';
-import './index-6051ac01.js';
-import './index-ec31a7cb.js';
-import './index-79fbb400.js';
-import './index-2e39dac3.js';
-import './index-1641324b.js';
-import './index-7635bafb.js';
-import './index-0e0e6ac6.js';
-import './index-a1cef81d.js';
-import './index-4c03ac5c.js';
-import './index-10d8be2f.js';
-import './index-b7364bb1.js';
-import './index-a253bbbf.js';
-import './index-4ca1affe.js';
-import 'rc-slider';
-import './index-c44088dc.js';
-import './index-e4d1ba18.js';
-import './index-d5bb9bda.js';
-import './index-dd2aabd2.js';
-import './index-eb98a8c6.js';
-import 'react-confetti-explosion';
-import './index-d0331808.js';
-import './index-7167c5bc.js';
-import './index-5a146745.js';
-import 'react-qr-code';
-import './index-c648d661.js';
-import './useCustomDimensions-8be02680.js';
-import './index-c0a41b5b.js';
-import './ussIsSticky-2f6bc37b.js';
-import './index-290c519e.js';
-import './index-be7a52a8.js';
-import './index-9c4f9dc2.js';
-import './index.module-613d19d3.js';
-import './index-23081351.js';
-import './index-b14a4a7c.js';
-import './index-fdf81349.js';
-import './index-688fe1aa.js';
-import './index-49b01da7.js';
-import './index-f4a37353.js';
-import './index.module-0226fe2f.js';
-import './index-737069b2.js';
-import './index-2ae3382c.js';
-import './index-a31442c6.js';
-import './index-e3b53900.js';
-import '@mui/material';
-import './index-0e3e6e21.js';
-import './index-ffed620d.js';
-import './index-45703fc2.js';
-import './index-f4e09e5d.js';
-import './index-98c25b7b.js';
-
-var wcConfigurator = "wcConfigurator-IeI91";
-var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
-var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
-styleInject(css_248z);
-
-var Classification = function Classification(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps,
-        tabSearchClass: tabSearchClass
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-    })
-  });
-};
-var cssVariables = {
-  '--settingsBackgroundColor': '#f4f4f4',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--primaryColor': '#455864',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Classification);
-
-export { index as default };

package/build/esm/index-bfb5e6c6.js

@@ -1,48 +0,0 @@
-import './index-bbdfb97a.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { 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';
-
-var RotationClockwise = function RotationClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationClockwise$1 = observer(RotationClockwise);
-
-export { RotationClockwise$1 as default };