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

package/build/esm/{ArticleProperties-3ed2bc09.js → ArticleProperties-44caf726.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-29aac79b.js → CatalogProperties-7fbd858c.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-028887c0.js → DecisionVizualizer-7042e6c9.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-37d209a7.js → OptionProperties-0c57ac3f.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -69,13 +69,6 @@ var properties = [{
     children: "Diesee Option ist Breite und Tiefe zugleich f\xFCr preisberechung usw. (bei Runde Teppiche)"
   }),
   type: 'boolean'
-}, {
-  catalogKey: 'pairWithOptionsToGroup',
-  codex: 'PAIROPTION',
-  desc: /*#__PURE__*/jsx(Fragment, {
-    children: "mit welcher Option diese option zu gruppieren ist?? evtl. nachschauen bei welchen Katalog dies hinterleget ist"
-  }),
-  type: 'string'
 }, {
   catalogKey: 'requiresUserInput',
   codex: 'REQUIRES_USER_INPUT',
@@ -83,6 +76,13 @@ var properties = [{
     children: "Inputfelder bei Superior Seating forcieren den User kein Inputfeld zu \xFCberspringen"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'partOfGroup',
+  codex: 'GROUP_OPTIONS_LEFT_AND_RIGHT',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Gruppenoptionen werden in der Gruppe an der Position hinterlegt. \"Groupname;r\" = rechts, \"Groupname;l\" = links"
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'contentItemId',
   codex: 'CONTENT_ITEM',
@@ -203,6 +203,13 @@ var properties = [{
     children: "JSON object welches eine separates Filtern mit zus\xE4tzlichen \"Konzeptgruppen\" erm\xF6glicht"
   }),
   type: 'complicated'
+}, {
+  catalogKey: 'contentItemTeaser',
+  codex: 'CONTENT_ITEM_TEASER',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "JSON object welches ein Content Item Teaser hinterlegt. \"id\" (contentItemId), \"title\", \"description\", \"buttonText\", \"position\" \"BOTTOM\" | \"TOP\", \"emoji\""
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'isDefaultSiblingOption',
   codex: 'DEFAULT_SIBLING_OPTION',

package/build/esm/{OptionValueProperties-8ae80e8d.js → OptionValueProperties-7add50ca.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-25c87e6c.js → Planner2DGrid-07b2f8f3.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-b846f84c.js → Planner3DImage-984ad022.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-07fc9d97.js → index-0062a3a5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f56598ef.js → index-0189827e.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-9a10a853.js';
+import RoomRound from './index-1d896d1f.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-2b01a8f8.js → index-02517336.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';
-import SettingsHeader from './index-5d42500f.js';
+import SettingsHeader from './index-ab68b2f2.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-78a28e58.js → index-03c53257.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-6a6fa128.js → index-03e09218.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-54ebafe9.js → index-042b8212.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-ce995557.js → index-04b4e21a.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-4503ddcc.js';
+import InfoIcon from './index-5b49f5ff.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-08143576.js → index-0669bcf6.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-24a64000.js';
-import { u as useCustomDimensions } from './useCustomDimensions-a6283cf9.js';
+import ArQrCodeIcon from './index-76e201bb.js';
+import { u as useCustomDimensions } from './useCustomDimensions-0c7d22e4.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-0dd6f8c4.js';
+import './index-6094b12e.js';
 import 'react-qr-code';
-import './index-969cc1d3.js';
+import './index-fc0ed7ca.js';
 
 var wrapper = "wrapper-IoYoU";
 var subWrapper = "subWrapper-Gf23J";

package/build/esm/{index-7dc35efb.js → index-07592828.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-a417a56b.js → index-090f8878.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d46df5b2.js → index-092c1392.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import 'react';
-import Toggle from './index-3e9e1be5.js';
+import Toggle from './index-09a4e5f8.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-3e9e1be5.js → index-09a4e5f8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-ccc389f0.js → index-0a4f73af.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-a2443751.js → index-0bac6ef7.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import Collapsible from 'react-collapsible';
-import CodexTester from './index-69ab9b2e.js';
+import CodexTester from './index-b68acfbf.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-dfa539e7.js → index-0caf03d4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-556dd898.js → index-0d44b64c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3a839009.js → index-0eafe791.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-356da533.js → index-12490889.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { useState, Suspense } from 'react';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import PriceCounter from './index-2d058a23.js';
+import PriceCounter from './index-7dd817c0.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';

package/build/esm/{index-89c900fd.js → index-1269d21d.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-9aeea32f.js → index-12a0fec1.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-99d22eb6.js';
+import { u as useViewHandler } from './index-3922f706.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-69fa5a10.js';
+import { g as wcPlanner3DGrid } from './index.module-216316a4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-aa11a960.js → index-14387edb.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import PriceCounter from './index-2d058a23.js';
+import PriceCounter from './index-7dd817c0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/index-14f2779c.js

@@ -0,0 +1,65 @@
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var header = "header-88iFZ";
+var wrapper = "wrapper-zFPaP";
+var title = "title-Mime-";
+var sel = "sel--F5X-";
+var collapseArrow = "collapseArrow-iq67x";
+var open = "open-t8G5n";
+var mobile = "mobile-Ksq3e";
+var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.title-Mime-:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
+styleInject(css_248z);
+
+var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
+  var openState = _ref.openState,
+    curState = _ref.curState,
+    tabs = _ref.tabs;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    onClick: function onClick() {
+      return openState[1](!openState[0]);
+    },
+    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      className: wrapper,
+      children: tabs.map(function (b, index) {
+        return /*#__PURE__*/jsxs("div", {
+          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
+          onClick: function onClick(e) {
+            curState[1](b);
+            if (!openState[0]) openState[1](true);
+            e.stopPropagation();
+          },
+          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
+        }, b);
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(collapseArrow)
+    })]
+  });
+};
+var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
+
+export { SubTabGroupHeader$1 as default };

package/build/esm/{index-8ca044f2.js → index-154f455e.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import Toggle from './index-3e9e1be5.js';
+import Toggle from './index-09a4e5f8.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-76118ce4.js → index-15a396d0.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-99d22eb6.js';
+import { u as useViewHandler } from './index-3922f706.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-53c8f4a8.js → index-17f6596e.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-3922f706.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/index-18385cf3.js

@@ -0,0 +1,158 @@
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
+import 'react';
+import { S as SettingsItem } from './index-315c2632.js';
+import ContentItemTeaser from './index-fcb0bcd8.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'sift';
+import './index-ddb28baf.js';
+import './index-ab68b2f2.js';
+import './index-dc74f2b9.js';
+import './index-1269d21d.js';
+import './index-808b7fea.js';
+import './index.module-4a1f9648.js';
+import './index-09a4e5f8.js';
+import 'react-switch';
+import './index-5b49f5ff.js';
+import './index-12490889.js';
+import './index-7dd817c0.js';
+import 'react-countup';
+import './index-4f64269f.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-3d49e263.js';
+import 'react-dropdown';
+import './index-b553bf54.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-542657c4.js';
+import './index-d0387365.js';
+import './index-e26359d7.js';
+import '@crystaldesign/content-box';
+import './index-07592828.js';
+import './index-b56ad6e1.js';
+import './index-2040fce6.js';
+import './index-28317cce.js';
+import './index-e8f24354.js';
+import './index-d9cf5ea2.js';
+import './index-090f8878.js';
+import './index-44cc790a.js';
+import './index-8345bf55.js';
+import 'react-laag';
+import './index.module-401da9ac.js';
+import './index-5280d1f9.js';
+import './index-e2323b2e.js';
+import './index-4a86c4ea.js';
+import './index-a1463d4a.js';
+import './index-4b54c335.js';
+import './index-85c391dc.js';
+import './index.module-2fa24b76.js';
+import './index-493aec05.js';
+import './index-9a471e4a.js';
+import './index-5470cc03.js';
+import './index-9de490bd.js';
+import './index-3ecca788.js';
+import './index-b9420b72.js';
+import './index-732df399.js';
+import './index-cc427821.js';
+import './index-c1f7fb67.js';
+import './index-bb2cc2ef.js';
+import './index-b36a443f.js';
+import './index-c73c3f99.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-02517336.js';
+import 'rc-slider';
+import './index-c47055d4.js';
+import './index-042b8212.js';
+import './index-2fcac75f.js';
+import './index-d5f73e2e.js';
+import './index-5f5d1e51.js';
+import 'react-confetti-explosion';
+import './index-0669bcf6.js';
+import './index-76e201bb.js';
+import './index-6094b12e.js';
+import 'react-qr-code';
+import './index-fc0ed7ca.js';
+import './useCustomDimensions-0c7d22e4.js';
+import './index-14387edb.js';
+import './ussIsSticky-3abe86c0.js';
+import './index-c57eec62.js';
+import './index-c2289d9c.js';
+import './index-33202420.js';
+import './index.module-741c9efd.js';
+import './index-8a8c19dd.js';
+import './index-54cfcc07.js';
+import './index-8859be10.js';
+
+var wrapper = "wrapper-u-Jk1";
+var left = "left-T5gs2";
+var right = "right-VMURD";
+var verticalSeparator = "verticalSeparator-StcmY";
+var css_248z = ".wrapper-u-Jk1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .wrapper-u-Jk1 {\n  gap: 8px;\n}\n\n.left-T5gs2 {\n  flex: 1;\n}\n\n.right-VMURD {\n  flex: 1;\n}\n\n.verticalSeparator-StcmY {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}";
+styleInject(css_248z);
+
+var SettingsItemsGroup = function SettingsItemsGroup(_ref) {
+  var group = _ref.group;
+  useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: left,
+      children: group.left.map(function (id) {
+        var _item$contentItemTeas, _item$optionCodex, _item$contentItemTeas2;
+        var item = group.palettes.find(function (p) {
+          return p.id === id;
+        });
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [((_item$contentItemTeas = item.contentItemTeaser) === null || _item$contentItemTeas === void 0 ? void 0 : _item$contentItemTeas.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
+            item: item.contentItemTeaser
+          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
+            item: item,
+            id: Number(item.id)
+          }, (_item$optionCodex = item.optionCodex) !== null && _item$optionCodex !== void 0 ? _item$optionCodex : item.configStepKey + item.id), ((_item$contentItemTeas2 = item.contentItemTeaser) === null || _item$contentItemTeas2 === void 0 ? void 0 : _item$contentItemTeas2.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
+            item: item.contentItemTeaser
+          }) : /*#__PURE__*/jsx(Fragment, {})]
+        });
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: verticalSeparator
+    }), /*#__PURE__*/jsx("div", {
+      className: right,
+      children: group.right.map(function (id) {
+        var _item$contentItemTeas3, _item$optionCodex2, _item$contentItemTeas4;
+        var item = group.palettes.find(function (p) {
+          return p.id === id;
+        });
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [((_item$contentItemTeas3 = item.contentItemTeaser) === null || _item$contentItemTeas3 === void 0 ? void 0 : _item$contentItemTeas3.position) === 'TOP' ? /*#__PURE__*/jsx(ContentItemTeaser, {
+            item: item.contentItemTeaser
+          }) : /*#__PURE__*/jsx(Fragment, {}), /*#__PURE__*/jsx(SettingsItem, {
+            item: item,
+            id: Number(item.id)
+          }, (_item$optionCodex2 = item.optionCodex) !== null && _item$optionCodex2 !== void 0 ? _item$optionCodex2 : item.configStepKey + item.id), ((_item$contentItemTeas4 = item.contentItemTeaser) === null || _item$contentItemTeas4 === void 0 ? void 0 : _item$contentItemTeas4.position) === 'BOTTOM' ? /*#__PURE__*/jsx(ContentItemTeaser, {
+            item: item.contentItemTeaser
+          }) : /*#__PURE__*/jsx(Fragment, {})]
+        });
+      })
+    })]
+  });
+};
+
+export { SettingsItemsGroup as default };

package/build/esm/{index-b64455bb.js → index-188b12ec.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-63feadbd.js';
+import GenericToolTip from './index-e2323b2e.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-29528745.js';
+import MetaData from './index-b9420b72.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,8 +22,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-356da533.js';
-import './index-2d058a23.js';
+import './index-12490889.js';
+import './index-7dd817c0.js';
 import 'react-countup';
 
 var wrapper = "wrapper-q2VFw";

package/build/esm/{index-cfb0a910.js → index-1978e17b.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-3922f706.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-606706ca.js';
+import ActionNavigation from './index-fb02339e.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-48de1584.js';
+import './index.module-498a75ab.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";