@crystaldesign/diva-web-planner-react 26.7.0-rc.8 → 26.7.0-rc.9

package/build/esm/index-b91b62aa.js

@@ -1,65 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-var wrapper = "wrapper-ME1ik";
-var articleItem = "article-item-QRsJ3";
-var mobile = "mobile-OaLLm";
-var tablet = "tablet--AXuC";
-var small = "small--NOHl";
-var plus = "plus-V8-nJ";
-var imageWrapper = "imageWrapper-ZyJki";
-var sel = "sel-F3oym";
-var wcImage = "wcImage-GmO2-";
-var titleWrapper = "titleWrapper-Ai4x0";
-var title = "title-mY2cN";
-var trashIcon = "trash-icon-vdYHe";
-var css_248z = "/*Size Normal */\n\n.wrapper-ME1ik {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.article-item-QRsJ3 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .article-item-QRsJ3 {\n  width: 70px;\n}\n\n.small--NOHl.article-item-QRsJ3 {\n  width: 60px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .small--NOHl.article-item-QRsJ3 {\n  width: 46px;\n}\n\n.plus-V8-nJ {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.mobile-OaLLm .plus-V8-nJ {\n  width: 28px;\n  height: 28px;\n}\n.tablet--AXuC .plus-V8-nJ {\n  width: 32px;\n  height: 32px;\n}\n.small--NOHl.plus-V8-nJ {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.mobile-OaLLm .small--NOHl.plus-V8-nJ {\n  width: 22px;\n  height: 22px;\n}\n.tablet--AXuC .small--NOHl.plus-V8-nJ {\n  width: 26px;\n  height: 26px;\n}\n\n.article-item-QRsJ3:active,\n.article-item-QRsJ3:hover,\n.plus-V8-nJ:hover,\n.plus-V8-nJ:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper-ZyJki {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ.sel-F3oym:hover .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-F3oym .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GmO2- {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.plus-V8-nJ .imageWrapper-ZyJki {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.plus-V8-nJ .wcImage-GmO2- {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.sel-F3oym .wcImage-GmO2-,\n.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.plus-V8-nJ.sel-F3oym .wcImage-GmO2-,\n.plus-V8-nJ.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.titleWrapper-Ai4x0 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  opacity: 0;\n  display: none;\n}\n\n.title-mY2cN {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .title-mY2cN {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-QRsJ3:hover .title-mY2cN,\n.article-item-QRsJ3:focus .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:hover .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:focus .title-mY2cN {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.small--NOHl .title-mY2cN {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  max-height: 14px;\n}\n\n.trash-icon-vdYHe {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .trash-icon-vdYHe {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.sel-F3oym .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.article-item-QRsJ3.small--NOHl .trash-icon-vdYHe {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wrapper-ME1ik:not(.mobile-OaLLm) .article-item-QRsJ3:hover .trash-icon-vdYHe,\n.wrapper-ME1ik:not(.mobile-OaLLm) .small--NOHl.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .sel-F3oym.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trash-icon-vdYHe:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n";
-styleInject(css_248z);
-
-var addElementImage = "data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.1518%2021.4198C17.064%2021.4198%2021.8568%2016.627%2021.8568%2010.7148C21.8568%204.80262%2017.064%200.00982666%2011.1518%200.00982666C5.23957%200.00982666%200.446777%204.80262%200.446777%2010.7148C0.446777%2016.627%205.23957%2021.4198%2011.1518%2021.4198Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%3Cpath%20d%3D%22M11.2469%205.00983V16.6098%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.44678%2010.8097H17.0468%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
-
-var AddElement = function AddElement(_ref) {
-  var _viewHandler$settings;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var isSelected = ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) == 'add' || Object.keys(viewHandler.settingsState.articleInfos).length == 0;
-  var onClick = function onClick() {
-    var elements = viewHandler.paletteViewHandler.planner2Dot0Items.getAllItems();
-    var incompleteElement = elements.find(function (p) {
-      return p.incomplete;
-    });
-    var selectedElement = elements.find(function (p) {
-      var _viewHandler$settings2;
-      return p.basketId == ((_viewHandler$settings2 = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.basketId);
-    });
-    viewHandler.paletteViewHandler.elementOverviewSelectionChanged(true, incompleteElement, selectedElement, 'add');
-    if ((incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id) === undefined) viewHandler.viewPlannerHandler.onClearElementSelection();else viewHandler.viewPlannerHandler.onElementSelected(incompleteElement.setId, incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id);
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    children: /*#__PURE__*/jsx("div", {
-      id: 'add',
-      className: classnames(plus, viewHandler.settingsState.isScrollingDown ? small : undefined, isSelected ? sel : undefined),
-      onClick: onClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(imageWrapper),
-        children: /*#__PURE__*/jsx("img", {
-          className: classnames(wcImage),
-          src: addElementImage
-        })
-      })
-    })
-  });
-};
-var AddElement$1 = observer(AddElement);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': AddElement$1
-});
-
-export { AddElement$1 as A, articleItem as a, sel as b, title as c, trashIcon as d, wrapper as e, tablet as f, index as g, imageWrapper as i, mobile as m, small as s, titleWrapper as t, wcImage as w };

package/build/esm/index-b9e54b8a.js

@@ -1,160 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-4fd96e9e.js';
-import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-c0e095e2.js';
-import { 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 '@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-0897f49a.js';
-import 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-059eebe8.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import 'react-laag';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3e2666b1.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-import './index-c6afce04.js';
-import './index-39689b59.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle,
-    zIndexBase = _ref.zIndexBase;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: /*#__PURE__*/jsx(SettingsItemsWrapper, {
-      itemPalettesArr: Object.values(itemPalettes),
-      zIndexBase: zIndexBase
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };

package/build/esm/index-ba307cba.js

@@ -1,159 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Group from './index-f3d0486c.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-61acc4e4.js';
-import { jsx, jsxs, 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-0897f49a.js';
-import 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-059eebe8.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import 'react-laag';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3e2666b1.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-import './index-c77e246b.js';
-import 'react-collapsible';
-
-var container = "container-UypgK";
-var css_248z = ".container-UypgK {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var PaletteGroup = function PaletteGroup(_ref) {
-  var itemPalette = _ref.itemPalette,
-    groups = _ref.groups,
-    PaletteComponent = _ref.PaletteComponent,
-    contentInnerClassName = _ref.contentInnerClassName,
-    _ref$rowCount = _ref.rowCount,
-    rowCount = _ref$rowCount === void 0 ? 12 : _ref$rowCount;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(StandradGroup, {
-    contentInnerClassName: contentInnerClassName,
-    itemPalette: itemPalette,
-    groups: groups,
-    PaletteComponent: PaletteComponent,
-    rowCount: rowCount
-  });
-  var _useDivaCore = useDivaCore(),
-    width = _useDivaCore.state.dimensions.width;
-  var itemCount = 0;
-  if (width) while (width / rowCount < 60) {
-    rowCount = rowCount - 1;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    children: groups.map(function (group) {
-      var renderEmptyBox = false;
-      if (itemCount % rowCount === rowCount - 1 && group.items.length > 1) {
-        renderEmptyBox = true;
-        itemCount++;
-      }
-      itemCount = itemCount + group.items.length;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [renderEmptyBox && /*#__PURE__*/jsx("div", {
-          style: {
-            background: 'rgba(242, 242, 242, 0.6)',
-            width: 100 / rowCount + '%'
-          }
-        }), /*#__PURE__*/jsx(Group, {
-          PaletteComponent: PaletteComponent,
-          contentInnerClassName: contentInnerClassName,
-          paletteType: itemPalette.type,
-          group: group,
-          paletteId: itemPalette.id,
-          rowCount: rowCount
-        })]
-      });
-    })
-  });
-};
-var index = observer(PaletteGroup);
-
-export { index as default };

package/build/esm/index-c0e095e2.js

@@ -1,166 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3c8af97.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-0897f49a.js';
-import SettingsItemsGroup from './index-c6afce04.js';
-import ContentItemTeaser from './index-39689b59.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/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 'sift';
-import './index-1e79569b.js';
-import './index-da324a16.js';
-import './index-4c58c3c2.js';
-import './index-41c30ca2.js';
-import './index.module-28f2c902.js';
-import './index-059eebe8.js';
-import './index-e5636a52.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-36e06757.js';
-import 'react-dropdown';
-import './index-72df8b5c.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f6a50c4f.js';
-import './index-d22897d6.js';
-import './index-771985a5.js';
-import '@crystaldesign/content-box';
-import './index-e53d3866.js';
-import './index-0debf9a8.js';
-import './index-9d15e58b.js';
-import './index-c10b0795.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-08d4e77e.js';
-import './index-7af3fe57.js';
-import './index-db7e51e1.js';
-import './index-c5d98e72.js';
-import './index-7309f1af.js';
-import './index-519f1f0a.js';
-import './index-f68f4168.js';
-import 'react-laag';
-import './index.module-0cfc3909.js';
-import './index-5cac6c46.js';
-import './index-7841d60c.js';
-import './index-e843e92b.js';
-import './index-6df70720.js';
-import './index-ff466299.js';
-import './index.module-cc6d0a28.js';
-import './index-4f31e170.js';
-import './index-b7bc6a7d.js';
-import './index-9a1526b4.js';
-import './index-3ac8b214.js';
-import './index-66480609.js';
-import './index-3e2666b1.js';
-import './index-3cb57ae3.js';
-import './index-a581ebd2.js';
-import './index-cec84505.js';
-import './index-b91b62aa.js';
-import './index-125d5005.js';
-import './index-390e9d25.js';
-import './index-18b06c55.js';
-import 'rc-slider';
-import './index-d9027bed.js';
-import './index-aa1122c4.js';
-import './index-e371c413.js';
-import './index-500e611f.js';
-import './index-a47c915b.js';
-import 'react-confetti-explosion';
-import './index-8f61f3e8.js';
-import './index-b0a4d684.js';
-import './index-9a042b65.js';
-import 'react-qr-code';
-import './index-e287ac5c.js';
-import './useCustomDimensions-98495203.js';
-import './index-81a926bd.js';
-import './ussIsSticky-479c83b3.js';
-import './index-aa60dc29.js';
-import './index-31b9052d.js';
-import './index-77cb34b6.js';
-import './index.module-e5a455df.js';
-import './index-640b5058.js';
-import './index-b450eb39.js';
-import './index-225a3ece.js';
-import './index-c8656ebf.js';
-
-var SettingsItemsWrapper = function SettingsItemsWrapper(_ref) {
-  var itemPalettesArr = _ref.itemPalettesArr,
-    zIndexBase = _ref.zIndexBase;
-  var viewHandler = useViewHandler();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    partOfGroupArr = _useState2[0],
-    setPartOfGroupArr = _useState2[1];
-  useEffect(function () {
-    var newPartOfGroupArr = [];
-    var _loop = function _loop() {
-      var item = itemPalettesArr[i];
-      var optionStep = viewHandler.configuratorStructureHandler.getOptionStepByCodex(item.optionCodex);
-      var partOfGroup = optionStep === null || optionStep === void 0 ? void 0 : optionStep.partOfGroup;
-      var partOfGroupObj = newPartOfGroupArr.find(function (p) {
-        var _partOfGroup$groupNam;
-        return ((_partOfGroup$groupNam = partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.groupName) !== null && _partOfGroup$groupNam !== void 0 ? _partOfGroup$groupNam : item.configStepKey + item.id) === p.groupName;
-      });
-      if (!partOfGroupObj) {
-        var _partOfGroup$groupNam2;
-        var newGroup = {
-          groupName: (_partOfGroup$groupNam2 = partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.groupName) !== null && _partOfGroup$groupNam2 !== void 0 ? _partOfGroup$groupNam2 : item.configStepKey + item.id,
-          palettes: [item],
-          left: [],
-          right: []
-        };
-        newPartOfGroupArr.push(newGroup);
-        partOfGroupObj = newGroup;
-      } else {
-        partOfGroupObj.palettes.push(item);
-      }
-      if ((partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.position) === 'l') partOfGroupObj.left.push(item.id);else if ((partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.position) === 'r') partOfGroupObj.right.push(item.id);
-    };
-    for (var i = 0; i < itemPalettesArr.length; i++) {
-      _loop();
-    }
-    setPartOfGroupArr(newPartOfGroupArr);
-  }, [itemPalettesArr]);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: partOfGroupArr.map(function (item) {
-      var _item$palettes$0$opti;
-      if (item.palettes.length > 1) {
-        return /*#__PURE__*/jsx(SettingsItemsGroup, {
-          group: item
-        });
-      }
-      var teaser = item.palettes[0].contentItemTeaser;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [(teaser === null || teaser === void 0 ? void 0 : teaser.position) == 'TOP' && /*#__PURE__*/jsx(ContentItemTeaser, {
-          item: teaser
-        }), /*#__PURE__*/jsx(SettingsItem, {
-          item: item.palettes[0],
-          id: Number(item.palettes[0].id),
-          zIndexBase: zIndexBase
-        }, ((_item$palettes$0$opti = item.palettes[0].optionCodex) !== null && _item$palettes$0$opti !== void 0 ? _item$palettes$0$opti : item.palettes[0].configStepKey) + item.palettes[0].id), (teaser === null || teaser === void 0 ? void 0 : teaser.position) == 'BOTTOM' && /*#__PURE__*/jsx(ContentItemTeaser, {
-          item: teaser
-        })]
-      });
-    })
-  });
-};
-var SettingsItemsWrapper$1 = observer(SettingsItemsWrapper);
-
-export { SettingsItemsWrapper$1 as default };

package/build/esm/index-c0edae36.js

@@ -1,72 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e3c8af97.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } 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 styleIndicator = "styleIndicator-7N0ZJ";
-var mobile = "mobile-lyZP8";
-var styleIndicatorTextGroup = "styleIndicatorTextGroup-4bDAv";
-var styleIndicatorSubtitle = "styleIndicatorSubtitle-vVzrQ";
-var styleIndicatorLabel = "styleIndicatorLabel-8rCfE";
-var styleIndicatorImage = "styleIndicatorImage-DRo7q";
-var css_248z = ".styleIndicator-7N0ZJ {\n  border-radius: 14px !important;\n}\n\n.styleIndicator-7N0ZJ {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: styleIndicatorAppear-JwPL- 0.5s ease-out;\n}\n\n.mobile-lyZP8 {\n  border-radius: 10px !important;\n}\n\n.mobile-lyZP8 {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.mobile-lyZP8 .styleIndicatorTextGroup-4bDAv {\n  gap: 0;\n}\n\n.mobile-lyZP8 .styleIndicatorSubtitle-vVzrQ {\n  font-size: 8px;\n}\n\n.mobile-lyZP8 .styleIndicatorLabel-8rCfE {\n  font-size: 11px;\n}\n\n.styleIndicatorImage-DRo7q {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.mobile-lyZP8 .styleIndicatorImage-DRo7q {\n  width: 36px;\n  height: 28px;\n}\n\n.styleIndicatorImage-DRo7q img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.styleIndicatorTextGroup-4bDAv {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styleIndicatorSubtitle-vVzrQ {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.styleIndicatorLabel-8rCfE {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes styleIndicatorAppear-JwPL- {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n";
-styleInject(css_248z);
-
-var StyleIndicator = function StyleIndicator() {
-  var _aiState$enrichedAiRo;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var configuratorStructureHandler = viewHandler.configuratorStructureHandler;
-  var step = configuratorStructureHandler.getConfigStepByKey('STYLE_CONSULTANT');
-  var selectedStyle = aiState.aiStyleKeyInitializedByEvent ? (_aiState$enrichedAiRo = aiState.enrichedAiRoomRenderings()) === null || _aiState$enrichedAiRo === void 0 ? void 0 : _aiState$enrichedAiRo.find(function (r) {
-    return r.key === aiState.aiSelectedStyleKey;
-  }) : undefined;
-  if (!selectedStyle || !step) return /*#__PURE__*/jsx(Fragment, {});
-  var isMobileOnly = viewHandler.getIsInMobileView() && !viewHandler.uiState.isTablet;
-  return /*#__PURE__*/jsxs("li", {
-    className: classnames(styleIndicator, isMobileOnly ? mobile : undefined),
-    onClick: function onClick() {
-      return viewHandler.navigateToConfigStep(step.configStep.key);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: styleIndicatorImage,
-      children: /*#__PURE__*/jsx("img", {
-        src: selectedStyle.image,
-        alt: selectedStyle.name
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: styleIndicatorTextGroup,
-      children: [/*#__PURE__*/jsx("span", {
-        className: styleIndicatorSubtitle,
-        children: t('configurator.inspiration.yourStyle', 'Dein Stil')
-      }), /*#__PURE__*/jsx("span", {
-        className: styleIndicatorLabel,
-        children: selectedStyle.name
-      })]
-    })]
-  });
-};
-var StyleIndicator$1 = observer(StyleIndicator);
-
-export { StyleIndicator$1 as default };