@crystaldesign/diva-web-planner-react 24.15.0-beta.25 → 24.15.0-beta.27

package/build/esm/{ArticleProperties-9ba5b1dc.js → ArticleProperties-065a373a.js}

@@ -1,4 +1,4 @@
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-627476cd.js → CatalogProperties-5552695a.js}

@@ -1,4 +1,4 @@
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-8da7523a.js → IconHandler-c49e28b1.js}

@@ -1,4 +1,4 @@
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-2bdc47b8.js → OptionProperties-235dea6d.js}

@@ -1,4 +1,4 @@
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-6f780e53.js → OptionValueProperties-78908c06.js}

@@ -1,4 +1,4 @@
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-b7239bab.js → Planner2DGrid-c210d680.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-d3aaf8cd.js';
+import './index-6df691c0.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-90edc322.js → Planner3DImage-93127189.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-d3aaf8cd.js';
+import './index-6df691c0.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-5c0bf42b.js → index-016cd344.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
-import Toggle from './index-bb2b4c00.js';
+import Toggle from './index-99019637.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-e0e16ac2.js';
+import BasketActionSerious from './index-c88c73d1.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-ecc4ca78.js → index-02658286.js}

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

package/build/esm/{index-2fe824d0.js → index-0728e62e.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-d3aaf8cd.js';
+import { s as styleInject } from './index-6df691c0.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-b21e01f6.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-d0abe45d.js';
-import PlannerUI from './index-450894eb.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-c28a18ed.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-2534d52b.js';
+import PlannerUI from './index-28c52bb6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -19,23 +19,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-1154eaca.js';
-import './index-ef395ab7.js';
-import './index-0e00dc4c.js';
-import './index-e7c520a0.js';
-import './index-564cc0e7.js';
-import './index-62a0a63c.js';
-import './index-6e91344c.js';
-import './index-f1c2f83f.js';
-import './index-4bac819a.js';
-import './index-6b0e5511.js';
-import './index-3aa38061.js';
-import './index-2193bedf.js';
-import './index-16b4f952.js';
+import './index-c5ec6a3c.js';
+import './index-2657b480.js';
+import './index-7d4439ed.js';
+import './index-73c7c738.js';
+import './index-b8631493.js';
+import './index-ae0302ce.js';
+import './index-ab5be988.js';
+import './index-5b6022f1.js';
+import './index-a35976d0.js';
+import './index-14bba05b.js';
+import './index-3d05f696.js';
+import './index-3738378c.js';
+import './index-1a936693.js';
 import 'react-draggable';
-import './index-ce11699e.js';
-import './index-95c75fae.js';
-import './index-bedeef94.js';
+import './index-9db7e889.js';
+import './index-d4bf61b5.js';
+import './index-a4ffefa6.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var mobile = "mobile-ZE7fr";

package/build/esm/{index-91ecfb43.js → index-080cd319.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-9ea9a755.js';
-import SVGViewer from './index-d4689957.js';
+import ArticleOverview from './index-f93486a0.js';
+import SVGViewer from './index-e68f6f51.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,14 +18,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-f1cba42f.js';
-import './index.module-6afdf9d8.js';
+import './index.module-ffd75389.js';
+import './index.module-ab609e8b.js';
 import 'classnames';
-import './index.module-64dd0cc1.js';
+import './index.module-601a4b3f.js';
 import 'react-collapsible';
-import './index-63744f84.js';
-import './index.module-4403308e.js';
-import './index-398476ef.js';
+import './index-49627217.js';
+import './index.module-ba5f0ffb.js';
+import './index-aea64d87.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-d2314c01.js → index-0d5f1d20.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-d3aaf8cd.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Image3DNavBar from './index-97a6a6b3.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-09107d3a.js';
-import Logo from './index-f5ed0702.js';
+import Image3DNavBar from './index-1e556bf4.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-59a3b96f.js';
+import Logo from './index-d3423531.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1fab91e0.js → index-0e27cd18.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as wcFunctionsContainer, c as wcIcon } from './index.module-b673a78f.js';
+import { a as wcFunctionsContainer, c as wcIcon } from './index.module-32a99807.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-19374650.js';
+import Share from './index-60fdf6d1.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-aeeb3a3d.js → index-10745c37.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d3aaf8cd.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-4acb9781.js';
+import ShelfDeleteButton from './index-b27bc8ff.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6d50c219.js → index-1175c8dd.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-2854b7f9.js';
+import RoomRound from './index-8bbb1aaa.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-2a720b3f.js → index-13683666.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import Image3DNavBar from './index-97a6a6b3.js';
+import Image3DNavBar from './index-1e556bf4.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-628c791a.js → index-13c2d4b5.js}

@@ -1,12 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
-import SettingsHeader from './index-db3afb5e.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
+import SettingsHeader from './index-f9f730d5.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-5f92f2d8.js';
+import MobileDropdown from './index-6b9f0f7f.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-391e0d38.js';
+import InfoIcon from './index-9e025ea6.js';
+import PricePreview from './index-74f39aff.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,14 +20,15 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-55e3a9f2.js';
+import './index-d8824de9.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";
 var wcDropDownSelect = "wcDropDownSelect-sB9TS";
 var dropDownArea = "dropDownArea-2LjDI";
 var image = "image-Ox-79";
-var css_248z = ".wrapper-xpzd5 {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.dropDownArea-2LjDI .deltaPrice-rxxE7 {\n  right: 16px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n";
+var label = "label-l3TV3";
+var css_248z = ".wrapper-xpzd5 {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -77,20 +79,26 @@ var DropDowmText = function DropDowmText(_ref) {
       var _item = _step.value;
       mobileOptions.push({
         text: _item.text,
-        codex: _item.codex,
-        price: _item.deltaPrice !== undefined && _item.deltaPrice !== 0 ? DivaUtils.formatPrice(Math.abs(_item.deltaPrice)) : undefined
+        codex: _item.codex
       });
       var option = {
         label: /*#__PURE__*/jsxs("div", {
-          children: [_item.text, _item.deltaPrice !== undefined && _item.deltaPrice !== 0 && /*#__PURE__*/jsx("span", {
-            children: (_item.deltaPrice > 0 ? ' + ' : ' - ') + DivaUtils.formatPrice(Math.abs(_item.deltaPrice))
+          className: label,
+          children: [_item.text, _item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+            asyncPricePreview: _item.pricePreviewPromise
           })]
         }),
         text: _item.text,
         value: _item.codex
       };
       if (_item.sel) {
-        selOption = option;
+        selOption = {
+          label: /*#__PURE__*/jsx("div", {
+            className: label,
+            children: _item.text
+          }),
+          value: _item.codex
+        };
         selectedMobileOption = _item.codex;
       }
       options.push(option);

package/build/esm/{index-6b0e5511.js → index-14bba05b.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-d3aaf8cd.js';
+import { a as usePlannerUIHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-a147d5d6.js → index-173167a2.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-d3aaf8cd.js';
-import DivaUtils from '@crystaldesign/diva-utils';
+import { s as styleInject } from './index-6df691c0.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
+import PricePreview from './index-74f39aff.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -12,15 +12,16 @@ 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 'mobx-react-lite';
+import 'classnames';
 
 var wcGalleryTooltip = "wcGalleryTooltip-eM-oy";
 var hexColor = "hexColor-XaOK4";
 var textClass = "text-class-6-Jq8";
 var descClass = "desc-class-KzLCw";
-var priceClass = "price-class-wkXc-";
 var css_248z = ".wcGalleryTooltip-eM-oy {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.wcGalleryTooltip-eM-oy img,\n.hexColor-XaOK4 {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.hexColor-XaOK4 {\n  height: 260px;\n}\n\n.wcGalleryTooltip-eM-oy {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.text-class-6-Jq8 {\n  padding: 5px 20px 2px 20px;\n}\n\n.desc-class-KzLCw {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.price-class-wkXc- {\n  padding: 0px 20px;\n}\n";
 styleInject(css_248z);
 
@@ -32,9 +33,9 @@ var GenericToolTip = function GenericToolTip(_ref) {
     text = _ref.text,
     desciption = _ref.desciption,
     codex = _ref.codex,
-    price = _ref.price,
     hexColor$1 = _ref.hexColor,
-    layerProps = _ref.layerProps;
+    layerProps = _ref.layerProps,
+    pricePreviewPromise = _ref.pricePreviewPromise;
   var imageSrc = image === null || image === void 0 ? void 0 : image.replace('_gal', '').replace('_low', '');
   var _useDivaCore = useDivaCore(),
     theme = _useDivaCore.state.theme;
@@ -63,9 +64,8 @@ var GenericToolTip = function GenericToolTip(_ref) {
     }), codex && /*#__PURE__*/jsx("div", {
       className: descClass,
       children: codex
-    }), !!price && /*#__PURE__*/jsx("div", {
-      className: priceClass,
-      children: DivaUtils.formatPrice(price)
+    }), pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+      asyncPricePreview: pricePreviewPromise
     })]
   }));
 };

package/build/esm/{index-3ade4e37.js → index-177c1426.js}

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

package/build/esm/{index-16b4f952.js → index-1a936693.js}

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

package/build/esm/{index-388c6da6.js → index-1caf2d17.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-e22947d8.js';
+import VerticalTabGroupItemStandard from './index-6cdb6d89.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-8da7523a.js';
+import './IconHandler-c49e28b1.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-97a6a6b3.js → index-1e556bf4.js}

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

package/build/esm/{index-aeda8a12.js → index-1fa814f3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-d3aaf8cd.js';
+import { s as styleInject } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-6a1c13f7.js → index-20c1a064.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-f3c27f1f.js → index-2559fea6.js}

@@ -1,15 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-23e63303.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b0ccd92b.js';
 import classnames from 'classnames';
-import IsActive from './index-ca860464.js';
+import IsActive from './index-30b25a59.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-a147d5d6.js';
-import InfoIcon from './index-391e0d38.js';
+import GenericToolTip from './index-173167a2.js';
+import InfoIcon from './index-9e025ea6.js';
+import PricePreview from './index-74f39aff.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -38,6 +39,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var Gallery = function Gallery(_ref) {
   var _item$freeText, _renderLayer;
   var itemP = _ref.item,
+    hidePricePreview = _ref.hidePricePreview,
     paletteId = _ref.paletteId,
     style = _ref.style,
     _ref$isActive = _ref.isActive,
@@ -112,12 +114,14 @@ var Gallery = function Gallery(_ref) {
           className: item.isFav ? wcFavoriteSel : wcFavorite
         })]
       })
-    })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
+    })), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+      asyncPricePreview: item.pricePreviewPromise
+    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: /*'RAL: ' + item.rals?.[0] + '     ' +*/item.text,
       desciption: metaDataVisible,
-      price: item.deltaPrice,
       image: item.image,
       layerProps: layerProps,
+      pricePreviewPromise: item.pricePreviewPromise,
       hexColor: item.hexColor
     }, item.codex)))]
   });

package/build/esm/{index-96a9769c.js → index-25e37884.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-d3aaf8cd.js';
+import './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-4f4aeb69.js';
+import Group from './index-b2b9d2cc.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,7 +18,8 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-collapsible';
-import './index-391e0d38.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-ef395ab7.js → index-2657b480.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-d3aaf8cd.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-0e00dc4c.js';
-import AVR from './index-e7c520a0.js';
-import Outline from './index-564cc0e7.js';
-import RotationClockwise from './index-62a0a63c.js';
-import RotationCounterClockwise from './index-6e91344c.js';
-import Trash from './index-f1c2f83f.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-4bac819a.js';
+import AVL from './index-7d4439ed.js';
+import AVR from './index-73c7c738.js';
+import Outline from './index-b8631493.js';
+import RotationClockwise from './index-ae0302ce.js';
+import RotationCounterClockwise from './index-ab5be988.js';
+import Trash from './index-5b6022f1.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-a35976d0.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-3aa38061.js';
-import BoxCopy from './index-2193bedf.js';
-import Move3DGrid from './index-16b4f952.js';
-import Rotation3DGrid from './index-ce11699e.js';
+import PosNr from './index-3d05f696.js';
+import BoxCopy from './index-3738378c.js';
+import Move3DGrid from './index-1a936693.js';
+import Rotation3DGrid from './index-9db7e889.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-95c75fae.js';
-import DistanceToGround from './index-bedeef94.js';
+import ElementCopy from './index-d4bf61b5.js';
+import DistanceToGround from './index-a4ffefa6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-6b0e5511.js';
+import './index-14bba05b.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-a28c9502.js → index-27f8df73.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d3aaf8cd.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-8f5dcf91.js → index-281f8063.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-d3aaf8cd.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-64dd0cc1.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-f1cba42f.js';
+import { n as notExpanded } from './index.module-601a4b3f.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-ffd75389.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';