@crystaldesign/diva-web-planner-react 26.8.0-beta.2 → 26.8.0-beta.21

package/build/esm/index-3c2288e2.js

@@ -1,52 +0,0 @@
-import { c as usePlannerUIHandler } from './index-d8efc5f4.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 AVL = function AVL(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVL.avl, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVL.avlSel : undefined)
-  });
-};
-var AVL$1 = observer(AVL);
-
-export { AVL$1 as default };

package/build/esm/index-3c4550c0.js

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

package/build/esm/index-3c9fdf61.js

@@ -1,68 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-d8efc5f4.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 TabSearch = function TabSearch(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    var searchGotResetted = !!viewHandler.tabGroupState.filterTabgroup && !search;
-    viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
-    if (searchGotResetted) {
-      setTimeout(function () {
-        return viewHandler.tabGroupState.scrollToCurTabgroup();
-      }, 200);
-    }
-  }, [search]);
-  useEffect(function () {
-    if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
-      setSearch('');
-    }
-  }, [viewHandler.tabGroupState.filterTabgroup]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("input", {
-      value: search,
-      type: "text",
-      onChange: function onChange(e) {
-        return setSearch(e.target.value);
-      },
-      placeholder: t('filter.global')
-    }), !!search && /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return setSearch('');
-      }
-    })]
-  }));
-};
-var TabSearch$1 = observer(TabSearch);
-
-export { TabSearch$1 as default };

package/build/esm/index-3e263822.js

@@ -1,42 +0,0 @@
-import './index-d8efc5f4.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 DistanceToGround = function DistanceToGround(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      left: item.position.x + '%',
-      top: 100 - item.position.y + '%'
-    },
-    id: "distanceToGround",
-    className: classnames(plannerUIProps.classes.dimension.distanceToGround),
-    children: /*#__PURE__*/jsx("div", {
-      children: item.dimensionVal + ' cm'
-    })
-  });
-};
-var DistanceToGround$1 = observer(DistanceToGround);
-
-export { DistanceToGround$1 as default };

package/build/esm/index-3e4a61cf.js

@@ -1,91 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-import FilterItem from './index-bb5588f3.js';
-import { jsx, 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';
-
-var colorFilterIcon = "data:image/jpeg;base64,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";
-
-var container = "container-UEbzL";
-var colorFilter = "colorFilter-CK-4p";
-var deselectColor = "deselectColor-vefuo";
-var css_248z = ".container-UEbzL {\n  position: relative;\n}\n\n.colorFilter-CK-4p {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.deselectColor-vefuo {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%226%22 viewBox%3D%220 0 6 6%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 1L3 3M3 3L5 5M3 3L1 5M3 3L1 1%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n";
-styleInject(css_248z);
-
-var SlideFilter = function SlideFilter(_ref) {
-  var _viewHandler$settings;
-  var visibleColorItems = _ref.visibleColorItems,
-    id = _ref.id,
-    deleteCurValue = _ref.deleteCurValue;
-  var viewHandler = useViewHandler();
-  var contents = visibleColorItems.map(function (item) {
-    return {
-      swiperSlideStyle: {
-        backgroundColor: 'transparent',
-        width: 60
-      },
-      content: /*#__PURE__*/jsx(FilterItem, {
-        id: id,
-        item: item
-      })
-    };
-  });
-  var jsXFilter = /*#__PURE__*/jsx(ContentBoxComponent, {
-    settings: {
-      contentBoxProps: {
-        type: 'SliderContainer',
-        sliderType: 'slideX',
-        resistanceRatio: 0,
-        height: 'auto',
-        slidesPerView: 7,
-        contents: contents,
-        centeredSlides: true
-
-        // autoPlay: 3,
-      }
-    }
-  });
-  var onClick = function onClick() {
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'filter') viewHandler.settingsState.updateInfoBox();else viewHandler.settingsState.updateInfoBox({
-      type: 'filter',
-      id: id,
-      content: jsXFilter
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    "data-test-id": "slide-filter",
-    children: [((_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue) && /*#__PURE__*/jsx("div", {
-      className: deselectColor,
-      onClick: deleteCurValue
-    }), /*#__PURE__*/jsx("img", {
-      className: colorFilter,
-      src: colorFilterIcon,
-      onClick: onClick
-    })]
-  });
-};
-var SlideFilter$1 = observer(SlideFilter);
-
-export { SlideFilter$1 as default };

package/build/esm/index-3eebe6d4.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-d8efc5f4.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import ConfettiExplosion from 'react-confetti-explosion';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 bigExplodeProps = {
-  force: 0.6,
-  duration: 5000,
-  particleCount: 200,
-  floorHeight: 1600,
-  floorWidth: 1600
-};
-var ConfettiInSummary = function ConfettiInSummary(props) {
-  var _theme$palette$primar, _theme$palette, _theme$palette$primar2, _theme$palette2, _theme$palette$primar3, _theme$palette3;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  var delay = viewHandler.getViewConfig().navigateMobileSwiper && viewHandler.getIsInMobileView();
-  var _useState = useState(!delay),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  useEffect(function () {
-    if (!delay) return;
-    setTimeout(function () {
-      setVisible(true);
-    }, 300);
-  }, []);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    shouldShowConfetti = _useState4[0],
-    setShouldShowConfetti = _useState4[1];
-  useEffect(function () {
-    var _viewHandler$uiState$, _viewHandler$uiState$2;
-    var confettiCooldownInHours = (_viewHandler$uiState$ = (_viewHandler$uiState$2 = viewHandler.uiState.ViewConfig.showConfettiInSummary) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.confettiCooldownInHours) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : 0;
-
-    //handeling strict mode
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId && localStorage.getItem('lastConfettiChange') == viewHandler.settingsState.configChanged.toString()) return;
-    if (confettiCooldownInHours > 0) {
-      var lastConfettiTime = localStorage.getItem('lastConfettiTime');
-      if (lastConfettiTime) {
-        var diff = Date.now() - Number(lastConfettiTime);
-        if (diff < confettiCooldownInHours * 60 * 60 * 1000) {
-          setShouldShowConfetti(false);
-          return;
-        }
-      }
-      // Set the timestamp only when we're actually going to show confetti
-      localStorage.setItem('lastConfettiTime', Date.now().toString());
-      localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-      setShouldShowConfetti(true);
-      return;
-    }
-
-    // Session-based logic (confettiCooldownInHours == 0)
-
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId) {
-      setShouldShowConfetti(false);
-      return;
-    }
-    // Set the session ID only when we're actually going to show confetti
-    localStorage.setItem('lastConfettiSessionId', DivaUtils.SessionId);
-    localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-    setShouldShowConfetti(true);
-  }, []);
-  if (!viewHandler.uiState.ViewConfig.showConfettiInSummary) return /*#__PURE__*/jsx(Fragment, {});
-  if (!shouldShowConfetti) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
-  var confettiProps = viewHandler.uiState.ViewConfig.showConfettiInSummary.confettiProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      width: '100%'
-    },
-    children: visible && /*#__PURE__*/jsx(ConfettiExplosion, _objectSpread(_objectSpread(_objectSpread({
-      zIndex: 1000001
-    }, bigExplodeProps), confettiProps !== null && confettiProps !== void 0 ? confettiProps : {}), {}, {
-      colors: [(_theme$palette$primar = (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) !== null && _theme$palette$primar !== void 0 ? _theme$palette$primar : '', (_theme$palette$primar2 = (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.dark) !== null && _theme$palette$primar2 !== void 0 ? _theme$palette$primar2 : '', (_theme$palette$primar3 = (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.light) !== null && _theme$palette$primar3 !== void 0 ? _theme$palette$primar3 : '']
-    }))
-  });
-};
-var ConfettiInSummary$1 = observer(ConfettiInSummary);
-
-export { ConfettiInSummary$1 as default };

package/build/esm/index-3f4844e2.js

@@ -1,145 +0,0 @@
-import { s as styleInject } from './index-d8efc5f4.js';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-a720ab65.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import 'react-dropdown';
-import './index-225e2edf.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-
-var container = "container-UuJhj";
-var title = "title-f6urG";
-var css_248z = ".container-UuJhj {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n  margin-bottom: 3px !important;\n  background: rgba(242, 242, 242, 0.6) !important;\n  padding-top: 5px !important;\n}\n\n.title-f6urG {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    paletteId = _ref.paletteId,
-    rowCount = _ref.rowCount,
-    paletteType = _ref.paletteType,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var items = group.items;
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  return /*#__PURE__*/jsx(Fragment, {
-    children: items.map(function (item, i) {
-      return /*#__PURE__*/jsxs("div", {
-        className: classnames(container, contentInnerClassName),
-        style: {
-          width: 'calc(' + 100 / rowCount + '%' + (i === 0 ? ' - 3px' : '') + ' - 5px)',
-          borderRadius: i === items.length - 1 && i === 0 ? '8px' : i === 0 ? '8px 0px 0px 8px' : i === items.length - 1 ? '0px 8px 8px 0px' : undefined,
-          marginLeft: i === 0 ? 3 : undefined,
-          paddingRight: '5px'
-        },
-        children: [/*#__PURE__*/jsx(PaletteComponent, {
-          paletteId: paletteId,
-          item: item,
-          paletteType: paletteType,
-          style: {
-            '--galleryItemRowCount': '1',
-            '--galleryItemRowCountSmall': '1',
-            paddingTop: 'unset'
-          }
-        }, getKey(item)), /*#__PURE__*/jsx("span", {
-          className: title,
-          children: i === 0 ? name : ''
-        })]
-      });
-    })
-  });
-};
-
-export { Group as default };