@crystaldesign/diva-web-planner-react 24.13.0-beta.8 → 24.13.0-rc.0

package/build/esm/{index-9aca582a.js → index-c7fd5322.js}

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

package/build/esm/{index-1b2b4042.js → index-ca9cb6f7.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-ad58dc0d.js';
-import Toggle from './index-1f1c27ae.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-d050b732.js';
+import Toggle from './index-502de25d.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-84b6bb30.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,6 +23,7 @@ import 'react-switch';
 
 var LOG = getLogger('Planner', 'ToggleName');
 var ToggleName = function ToggleName(_ref) {
+  var _item$selectedElement;
   var item = _ref.item,
     paletteId = _ref.paletteId;
   var viewHandler = useViewHandler();
@@ -53,26 +54,25 @@ var ToggleName = function ToggleName(_ref) {
     }
   }
   var checked = noItem.sel == false;
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
   return /*#__PURE__*/jsxs("div", {
     className: row,
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title, name, !checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
-      children: [/*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         dangerouslySetInnerHTML: {
           __html: noItem.text
         }
-      }), noItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: noItem,
-        style: {
-          bottom: 4
-        }
-      })]
+      })
     }), /*#__PURE__*/jsx("div", {
       className: classnames(colum),
       children: /*#__PURE__*/jsx("div", {
@@ -86,21 +86,22 @@ var ToggleName = function ToggleName(_ref) {
           state: checked
         })
       })
-    }), /*#__PURE__*/jsxs("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: classnames(colum, title, name, checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
-      children: [/*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         dangerouslySetInnerHTML: {
           __html: yesItem.text
         }
-      }), yesItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: yesItem,
-        style: {
-          bottom: 4
-        }
-      })]
+      })
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        bottom: 'calc(50% - 10px)',
+        right: '-5%'
+      }
     })]
   });
 };

package/build/esm/{index-e0fe8ad3.js → index-cbe63bf2.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-ad58dc0d.js';
-import Toggle from './index-1f1c27ae.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-d050b732.js';
+import Toggle from './index-502de25d.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-84b6bb30.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -55,6 +55,10 @@ var ToggleOption = function ToggleOption(_ref) {
       return /*#__PURE__*/jsx(Fragment, {});
     }
   }
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
   return /*#__PURE__*/jsxs("div", {
     className: row,
     ref: function ref(_ref2) {
@@ -77,11 +81,11 @@ var ToggleOption = function ToggleOption(_ref) {
           on: yesItem.text
         })
       })
-    }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-      item: item.selectedElements[0],
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
       style: {
         bottom: 'calc(50% - 10px)',
-        right: '5%'
+        right: '-5%'
       }
     })]
   });

package/build/esm/{index-8526ce37.js → index-ccd580d7.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-42b8f19f.js → index-ce782608.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-df793d15.js → index-ce871307.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-1e268599.js → index-cfcee96b.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-89729a6f.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-f8151ba6.js';
+import { h as header } from './index.module-bf01bf16.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-b8dd56e0.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-e2478d8f.js';
+import { n as notExpanded } from './index.module-1ac0ed3b.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ca7f5226.js → index-d259c425.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-8dceecd2.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-05ed12d3.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-d44d0b14.js → index-d3b97405.js}

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

package/build/esm/{index-0dcba316.js → index-d505f7a7.js}

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

package/build/esm/{index-c2796627.js → index-d680a811.js}

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

package/build/esm/{index-810a2159.js → index-d7359e5e.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-56b7139c.js';
+import { S as SettingsItem } from './index-6e2074a0.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-f6440915.js';
-import './index-d462acaa.js';
-import './index-6943a41a.js';
-import './index-5061ae3f.js';
-import './index-e0fe8ad3.js';
-import './index.module-ad58dc0d.js';
-import './index-1f1c27ae.js';
+import './index-d78eb82b.js';
+import './index-fa81e2cc.js';
+import './index-81acf3e0.js';
+import './index-5fdcbb06.js';
+import './index-cbe63bf2.js';
+import './index.module-d050b732.js';
+import './index-502de25d.js';
 import 'react-switch';
-import './index-b78f5625.js';
-import './index-465443f5.js';
+import './index-84b6bb30.js';
+import './index-fc45d61b.js';
 import 'react-dropdown';
-import './index-39ff84b2.js';
+import './index-fcb86845.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-bfcd13ef.js';
+import './index-145c5eb3.js';
+import './index-f4ef8b9c.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-df793d15.js';
-import './index-7ee7b1c2.js';
-import './index-1b2b4042.js';
-import './index-b338153f.js';
+import './index-37b7a4a9.js';
+import './index-ce871307.js';
+import './index-ec13aee2.js';
+import './index-ca9cb6f7.js';
+import './index-fe2ccbb6.js';
 import '@crystaldesign/products-component';
-import './index-d88e4a5e.js';
-import './index-e129aece.js';
-import './index-a7040739.js';
+import './index-75cd2df4.js';
+import './index-0c4bcdd3.js';
+import './index-93c88ab6.js';
 import 'react-laag';
-import './index-863c0444.js';
-import './index-9fb2d769.js';
-import './index-55b930d0.js';
-import './index-a31a856c.js';
-import './index-d44d0b14.js';
-import './index-6b5e94c0.js';
-import './index-49382814.js';
-import './index-43354ec6.js';
-import './index-a3c3abe0.js';
-import './index-faa47139.js';
-import './index.module-4ba045f6.js';
-import './index-47e1689c.js';
-import './index-81d24c41.js';
-import './index-0066154e.js';
-import './index-7530aff2.js';
-import './index-9c14bd74.js';
-import './index-cfe349e6.js';
-import './index-b69a4c48.js';
-import './index.module-1369eb90.js';
-import './index-7259cddd.js';
-import './index-f3ea653b.js';
+import './index-7df9cfe3.js';
+import './index-0b4fbf1f.js';
+import './index-7d811045.js';
+import './index-5aec159f.js';
+import './index-d3b97405.js';
+import './index-d7519be8.js';
+import './index-7a67d302.js';
+import './index-2eba8501.js';
+import './index-6e300317.js';
+import './index-4ba507f1.js';
+import './index.module-11c2316e.js';
+import './index-04c5da30.js';
+import './index-ee458da8.js';
+import './index-a77eaf6d.js';
+import './index-3a39d1fd.js';
+import './index-139b131b.js';
+import './index-b70740ac.js';
+import './index-dabf99d3.js';
+import './index.module-c7f71138.js';
+import './index-c1ffcb2f.js';
+import './index-a113a21c.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-6b5e94c0.js → index-d7519be8.js}

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

package/build/esm/{index-f6440915.js → index-d78eb82b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-d462acaa.js';
+import SettingsHeader from './index-fa81e2cc.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9806be7b.js → index-d9bd158e.js}

@@ -1,4 +1,4 @@
-import './index-e3be2bc4.js';
+import './index-c54e9a7f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-eb8cf8c7.js → index-da0fc0a1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-b69a4c48.js → index-dabf99d3.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1369eb90.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c7f71138.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-9fb2d769.js';
-import MetaData from './index-863c0444.js';
+import GenericToolTip from './index-0b4fbf1f.js';
+import MetaData from './index-7df9cfe3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-84b6bb30.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-06e227d9.js → index-dbe74394.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-c54e9a7f.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-89dc2440.js → index-e3eebe0d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-c54e9a7f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-3e2c4671.js';
+import ActionNavigation from './index-1cc04e2b.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-322caa25.js → index-e4b6410c.js}

@@ -1,7 +1,7 @@
 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-e3be2bc4.js';
+import { u as useViewHandler } from './index-c54e9a7f.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-815d5b2b.js → index-e557f7aa.js}

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

package/build/esm/{index-66ec2cfa.js → index-e61430aa.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1369eb90.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c7f71138.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-9fb2d769.js';
-import MetaData from './index-863c0444.js';
+import GenericToolTip from './index-0b4fbf1f.js';
+import MetaData from './index-7df9cfe3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-84b6bb30.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-9febd790.js → index-e71a2366.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-c54e9a7f.js';
 import 'react';
-import PlannerUI from './index-7aa58617.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-b50c6441.js';
+import PlannerUI from './index-b86a4761.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-c84be247.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,24 +17,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-f62eec39.js';
+import './index-8fdf9a11.js';
 import 'classnames';
-import './index-f70107bb.js';
-import './index-ad0ec7b7.js';
-import './index-f4d746e1.js';
-import './index-15f6f309.js';
-import './index-cabd9024.js';
-import './index-6decb5d3.js';
-import './index-2202d2fe.js';
-import './index-11e66128.js';
-import './index-a20b3219.js';
-import './index-499e233c.js';
-import './index-49fb3371.js';
-import './index-42b8f19f.js';
+import './index-860d4a7f.js';
+import './index-a0eda444.js';
+import './index-595fd7af.js';
+import './index-58313920.js';
+import './index-70517d20.js';
+import './index-537c90b8.js';
+import './index-106b7176.js';
+import './index-ac0d6eae.js';
+import './index-bc3d6f84.js';
+import './index-fa0f9576.js';
+import './index-f8cdd416.js';
+import './index-ce782608.js';
 import 'react-draggable';
-import './index-89210bd0.js';
-import './index-9806be7b.js';
-import './index-f661610d.js';
+import './index-955ce8ef.js';
+import './index-d9bd158e.js';
+import './index-2d8d7d96.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-5954d545.js → index-e8c40193.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-7f861c10.js';
+import RoomSerious from './index-60dc8566.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6e0257ff.js → index-e9f1aa0e.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-c54e9a7f.js';
 import classnames from 'classnames';
-import DockFilter from './index-39ea5a5f.js';
-import RALFilter from './index-39ff84b2.js';
+import DockFilter from './index-12e79dc0.js';
+import RALFilter from './index-fcb86845.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-df793d15.js';
-import ToggleHeader from './index-fadc5dbe.js';
-import NumberInput from './index-29ee3bc5.js';
-import InfoButton from './index-e7339ddb.js';
-import PDFButton from './index-06e227d9.js';
-import SummaryVariantButton from './index-ec16ec4f.js';
-import SelectedOpv from './index-d1761cce.js';
-import InfoIcon from './index-b78f5625.js';
+import Searchbar from './index-ce871307.js';
+import ToggleHeader from './index-32abc9dc.js';
+import NumberInput from './index-76de8d2b.js';
+import InfoButton from './index-71554b92.js';
+import PDFButton from './index-dbe74394.js';
+import SummaryVariantButton from './index-189b8723.js';
+import SelectedOpv from './index-10ed45c8.js';
+import InfoIcon from './index-84b6bb30.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,18 +27,18 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
+import './index-bfcd13ef.js';
 import 'react-dropdown';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-145c5eb3.js';
+import './index-f4ef8b9c.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-1f1c27ae.js';
+import './index-37b7a4a9.js';
+import './index-502de25d.js';
 import 'react-switch';
-import './index-4a8c5b9f.js';
+import './index-9c0e3d91.js';
 import 'react-laag';
-import './index-9fb2d769.js';
-import './index-863c0444.js';
+import './index-0b4fbf1f.js';
+import './index-7df9cfe3.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -50,7 +50,7 @@ var landscape = "landscape-DHu2r";
 var portrait = "portrait-8Z7gh";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
+var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {
@@ -135,8 +135,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
             },
             style: {
               bottom: 'calc(50% - 10px)'
-            },
-            size: 24
+            }
           }) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
             id: item.id,
             selectedElement: item.selectedElements[0]

package/build/esm/{index-b08eb814.js → index-ea7525af.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-e3be2bc4.js';
-import ProductHeader from './index-45a76f47.js';
+import { s as styleInject } from './index-c54e9a7f.js';
+import ProductHeader from './index-5673b4f0.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-9dd3bd32.js';
+import './index-a329d2db.js';
 import '@crystaldesign/content-box';
-import './index-5db76ce2.js';
+import './index-3ac530c4.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-b2f19a64.js → index-ea7f6833.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-c54e9a7f.js';
 import 'react';
-import OrbitInteractionStandard from './index-3ecc8e5b.js';
+import OrbitInteractionStandard from './index-4abb84c0.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';