@crystaldesign/diva-web-planner-react 26.3.0-beta.31 → 26.3.0-beta.32

package/build/esm/{index-9ba1ca70.js → index-e97ba3cb.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0c4af2cf.js';
-import SummaryOptionTree from './index-880c5baa.js';
-import SummaryArticles from './index-1eafb49f.js';
-import SettingsItemAccessoireTemplate from './index-8b96a87d.js';
-import Gallery from './index-a838aa60.js';
-import SettingsItemDefaultTemplate from './index-3f878c68.js';
-import Range from './index-7c85b92e.js';
-import SettingsItemRoomTemplate from './index-970fada8.js';
-import ViewPoint from './index-e46763e8.js';
-import NumberBox from './index-97b09940.js';
-import PlannerSwitch from './index-bd03ba3b.js';
-import Varaint from './index-1edd9049.js';
-import GalleryText from './index-2d10458f.js';
+import './index-2c5fcebb.js';
+import SummaryOptionTree from './index-03c70f2c.js';
+import SummaryArticles from './index-ed8770db.js';
+import SettingsItemAccessoireTemplate from './index-730f502a.js';
+import Gallery from './index-a9845019.js';
+import SettingsItemDefaultTemplate from './index-61449a33.js';
+import Range from './index-53f97462.js';
+import SettingsItemRoomTemplate from './index-d70fb0bb.js';
+import ViewPoint from './index-9a23b442.js';
+import NumberBox from './index-001ba1fd.js';
+import PlannerSwitch from './index-945800aa.js';
+import Varaint from './index-8a32be1c.js';
+import GalleryText from './index-687ae0a1.js';
 import 'react';
-import GalleryText2 from './index-96b86e97.js';
-import FaceLift from './index-b177992c.js';
-import PlannerOverviewItem from './index-fc36bc10.js';
-import Article from './index-1f7d9cc7.js';
+import GalleryText2 from './index-f3f86e53.js';
+import FaceLift from './index-197173a7.js';
+import PlannerOverviewItem from './index-01d1aa77.js';
+import Article from './index-48d72bcf.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -36,22 +36,22 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index.module-a1524dc2.js';
-import './index-d8069db0.js';
-import './index-42805d35.js';
-import './index-fb3da7a9.js';
-import './index-f31e87f2.js';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
 import 'react-countup';
-import './index-97e4f826.js';
-import './index-338270a7.js';
+import './index-b3e1927a.js';
+import './index-1bef5016.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index.module-d266f304.js';
-import './index-3d7806b8.js';
-import './index-2770ac07.js';
+import './index.module-8dfb8de3.js';
+import './index-62c24617.js';
+import './index-013824ae.js';
 import 'react-switch';
-import './index-51c9445d.js';
-import './index-a9929714.js';
+import './index-69a6c7a9.js';
+import './index-e54f3cbf.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 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; }
@@ -133,6 +133,9 @@ var itemPaletteTypeComponentMap = {
   CHECKOUT: function CHECKOUT() {
     return /*#__PURE__*/jsx(Fragment, {});
   },
+  STYLE_CONSULTANT: function STYLE_CONSULTANT() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
   GAL_TEXT_2: function GAL_TEXT_2(props) {
     return /*#__PURE__*/jsx(GalleryText2, _objectSpread({}, props));
   },

package/build/esm/{index-83c75d5a.js → index-ec075af5.js}

@@ -1,21 +1,21 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import classnames from 'classnames';
-import DockFilter from './index-e5256e8b.js';
-import RALFilter from './index-0e7381cf.js';
+import DockFilter from './index-41287e93.js';
+import RALFilter from './index-3ac989c2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-a1062c3a.js';
-import ToggleHeader from './index-d8eb65bc.js';
-import NumberInput from './index-7b946754.js';
-import InfoButton from './index-94915d29.js';
-import PDFButton from './index-1400e4aa.js';
-import SummaryVariantButton from './index-578b0f55.js';
-import SelectedOpv from './index-88d873d1.js';
-import InfoIcon from './index-97e4f826.js';
-import SettingsPosNr from './index-c736490d.js';
-import SettingsConfigSingle from './index-a606617b.js';
-import { u as useStickyScroll } from './ussIsSticky-8f2e6519.js';
+import Searchbar from './index-57f6de18.js';
+import ToggleHeader from './index-b939ed2c.js';
+import NumberInput from './index-cc35bccc.js';
+import InfoButton from './index-e3fdf59c.js';
+import PDFButton from './index-3230ee9f.js';
+import SummaryVariantButton from './index-6f486073.js';
+import SelectedOpv from './index-9199ff02.js';
+import InfoIcon from './index-b3e1927a.js';
+import SettingsPosNr from './index-e32c8bef.js';
+import SettingsConfigSingle from './index-1fd3021c.js';
+import { u as useStickyScroll } from './ussIsSticky-519f92fa.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -33,22 +33,22 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-883c22c3.js';
+import './index-64d3dee2.js';
 import 'react-dropdown';
-import './index-9674599a.js';
-import './index-45fa07f9.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
 import '@crystaldesign/content-box';
-import './index-e341c591.js';
-import './index-2770ac07.js';
+import './index-fd9f971c.js';
+import './index-013824ae.js';
 import 'react-switch';
-import './index-faf89d38.js';
+import './index-2f80673f.js';
 import 'react-laag';
-import './index-42805d35.js';
-import './index-fb3da7a9.js';
-import './index-f31e87f2.js';
+import './index-cd3e741e.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
 import 'react-countup';
-import './index-51c9445d.js';
-import './index-9d7d3497.js';
+import './index-69a6c7a9.js';
+import './index-25c28b84.js';
 import 'swiper/react';
 
 var headerWrapper = "header-wrapper-qVEmI";

package/build/esm/{index-45fa07f9.js → index-ec8583d4.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-e341c591.js';
+import FilterItem from './index-fd9f971c.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-07ad5139.js → index-ecf5d2ad.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-e1401df0.js';
-import Toggle from './index-2770ac07.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-640d8e72.js';
+import Toggle from './index-013824ae.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-97e4f826.js';
-import PricePreview from './index-fb3da7a9.js';
-import ReverseCheck from './index-338270a7.js';
+import InfoIcon from './index-b3e1927a.js';
+import PricePreview from './index-794c3b03.js';
+import ReverseCheck from './index-1bef5016.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,7 +25,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
-import './index-f31e87f2.js';
+import './index-ff96fb59.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-f36d1e01.js → index-ed26229c.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-b1011ee2.js';
+import ItemVariant from './index-d2709a16.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-1eafb49f.js → index-ed8770db.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-ee6ba46e.js → index-ede27736.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-140074e6.js → index-f091509b.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-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-d5d09a35.js';
+import Tooltip from './index-39b1626d.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-c19f7012.js';
+import FullscreenAr, { FullscreenArHeader } from './index-93582460.js';
 import QRCode from 'react-qr-code';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0f2624a2.js → index-f20a8a18.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-369e2e80.js';
-import Planner3DImage from './index-f37e657e.js';
-import PlannerAIRoom from './index-df5d31ef.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-2fa9f285.js';
+import Planner2DGrid from './index-d53bb038.js';
+import Planner3DImage from './index-2a246afa.js';
+import PlannerAIRoom from './index-6953360a.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-5ce5d60f.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-641f1d5f.js';
-import PlannerMsgContainer from './index-dc32b736.js';
-import PlannerUIVariant from './index-3c3857ad.js';
-import RotateInfo from './index-6c297a22.js';
-import OrbitInteraction from './index-51a91d00.js';
-import MobileNavIcons from './index-7e8a8c5c.js';
-import Logo from './index-2c0d4068.js';
+import Planner3DGrid from './index-d12c8833.js';
+import PlannerMsgContainer from './index-e0a2e0a6.js';
+import PlannerUIVariant from './index-f6c05be7.js';
+import RotateInfo from './index-54817203.js';
+import OrbitInteraction from './index-9acf9223.js';
+import MobileNavIcons from './index-ca0a2275.js';
+import Logo from './index-9a2c71bf.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -30,23 +30,25 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-4cb2a5b6.js';
+import './index-bb7c36ca.js';
+import 'swiper/react';
+import 'swiper/modules';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5cfa956e.js';
-import './index-140074e6.js';
+import './index-fcb01bc0.js';
+import './index-f091509b.js';
 import 'react-laag';
-import './index-d5d09a35.js';
+import './index-39b1626d.js';
 import 'react-qr-code';
-import './index-c19f7012.js';
-import './index-6864423f.js';
+import './index-93582460.js';
+import './index-96b506f3.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; }
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-7c919701.js');
+  return import('./index-8b2853cc.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-16055e8d.js');
+  return import('./index-2590c157.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;

package/build/esm/{index-96b86e97.js → index-f3f86e53.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.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-a1524dc2.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-775e575c.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-42805d35.js';
-import MetaData from './index-51c9445d.js';
+import GenericToolTip from './index-cd3e741e.js';
+import MetaData from './index-69a6c7a9.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-97e4f826.js';
-import PricePreview from './index-fb3da7a9.js';
-import ReverseCheck from './index-338270a7.js';
+import InfoIcon from './index-b3e1927a.js';
+import PricePreview from './index-794c3b03.js';
+import ReverseCheck from './index-1bef5016.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,7 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-f31e87f2.js';
+import './index-ff96fb59.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-7251887b.js → index-f3fe4228.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-8013486b.js → index-f4e3117f.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-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { createElement } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-97097655.js → index-f5c22c38.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-25e5397b.js';
+import RoomRound from './index-e656db05.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-3c3857ad.js → index-f6c05be7.js}

@@ -1,4 +1,4 @@
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-bd022c4e.js → index-f788f949.js}

@@ -4,15 +4,14 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useMemo, useState, useEffect, useRef } from 'react';
-import { n as notExpanded } from './index.module-a08bc293.js';
+import { n as notExpanded } from './index.module-bc2cb4a0.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import { ModuleRegistry, AllCommunityModule, themeQuartz, colorSchemeDarkBlue } from 'ag-grid-community';
-import { AgGridReact } from 'ag-grid-react';
-import ArticleSelector from './index-8953b9eb.js';
+import { u as useAgGrid } from './agGridLoader-f4cd9cf9.js';
+import ArticleSelector from './index-950e851f.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -51,7 +50,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-ModuleRegistry.registerModules([AllCommunityModule]);
 function getArticlePriceStatus(article) {
   var _article$catalogArtic2, _article$decisionDebu, _lastStack$prices;
   // FLAT articles have a fixed price from catalog, no config-dependent price logic
@@ -109,12 +107,13 @@ function PriceDetailTable(_ref) {
   var row = _ref.row,
     article = _ref.article,
     onClose = _ref.onClose;
+  var agGrid = useAgGrid();
   var pf = row.priceFeatureGroup;
   var idmPrices = (_article$catalogArtic3 = article.catalogArticle.idmPrices) === null || _article$catalogArtic3 === void 0 ? void 0 : _article$catalogArtic3.prices;
   var darkMode = typeof document !== 'undefined' && document.body.classList.contains('darkmode');
   var gridTheme = useMemo(function () {
-    return darkMode ? themeQuartz.withPart(colorSchemeDarkBlue) : themeQuartz;
-  }, [darkMode]);
+    return agGrid.themeQuartz ? darkMode && agGrid.colorSchemeDarkBlue ? agGrid.themeQuartz.withPart(agGrid.colorSchemeDarkBlue) : agGrid.themeQuartz : undefined;
+  }, [darkMode, agGrid.themeQuartz, agGrid.colorSchemeDarkBlue]);
   var fieldValueRowData = useMemo(function () {
     var _ref2, _pf$priceFeatureGroup, _pf$priceFeatureGroup2, _pf$priceFeatureGroup3, _pf$activeCombination, _pf$featureNos;
     return [{
@@ -195,6 +194,8 @@ function PriceDetailTable(_ref) {
     var _params$data;
     return (_params$data = params.data) !== null && _params$data !== void 0 && _params$data.isActive ? finishActive : finishInactive;
   };
+  if (!agGrid.loaded || !agGrid.AgGridReact || !gridTheme) return null;
+  var Grid = agGrid.AgGridReact;
   return /*#__PURE__*/jsxs("div", {
     className: priceDetailTable,
     children: [/*#__PURE__*/jsxs("h4", {
@@ -209,7 +210,7 @@ function PriceDetailTable(_ref) {
       })]
     }), /*#__PURE__*/jsx("div", {
       className: detailGridContainer,
-      children: /*#__PURE__*/jsx(AgGridReact, {
+      children: /*#__PURE__*/jsx(Grid, {
         rowData: fieldValueRowData,
         columnDefs: fieldValueColDefs,
         theme: gridTheme,
@@ -223,7 +224,7 @@ function PriceDetailTable(_ref) {
         children: "Finishes"
       }), /*#__PURE__*/jsx("div", {
         className: detailGridContainer,
-        children: /*#__PURE__*/jsx(AgGridReact, {
+        children: /*#__PURE__*/jsx(Grid, {
           rowData: finishRowData,
           columnDefs: finishColDefs,
           theme: gridTheme,
@@ -242,9 +243,10 @@ function PriceDetailTable(_ref) {
   });
 }
 var PriceAnalyzer = function PriceAnalyzer(_ref3) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3, _baseArticles$find, _selectedArticle$bask, _selectedArticle$arti, _ref6, _allArticlesMap$selec, _articleForPriceHisto, _articleForPriceHisto2, _articleForPriceHisto3, _lastStack$prices2, _selectedRow$priceFea3;
+  var _viewHandler$divaWebP, _baseArticles$find, _selectedArticle$bask, _selectedArticle$arti, _ref6, _allArticlesMap$selec, _articleForPriceHisto, _articleForPriceHisto2, _articleForPriceHisto3, _lastStack$prices2, _selectedRow$priceFea3;
   var props = Object.assign({}, (_objectDestructuringEmpty(_ref3), _ref3));
   var viewHandler = useViewHandler();
+  var agGrid = useAgGrid();
   var configChanged = viewHandler.settingsState.configChanged; // read during render so observer re-renders when it changes
   var allArticlesMap = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(false, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
   var allArticles = useMemo(function () {
@@ -252,8 +254,8 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
   }, [allArticlesMap]);
   var darkMode = typeof document !== 'undefined' && document.body.classList.contains('darkmode');
   var gridTheme = useMemo(function () {
-    return darkMode ? themeQuartz.withPart(colorSchemeDarkBlue) : themeQuartz;
-  }, [darkMode]);
+    return agGrid.themeQuartz ? darkMode && agGrid.colorSchemeDarkBlue ? agGrid.themeQuartz.withPart(agGrid.colorSchemeDarkBlue) : agGrid.themeQuartz : undefined;
+  }, [darkMode, agGrid.themeQuartz, agGrid.colorSchemeDarkBlue]);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     rerender = _useState2[0],
@@ -293,7 +295,6 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
       return !a.isPartListArticle;
     });
   }, [allArticles]);
-  (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getDivaArticles()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : {};
   var _useState3 = useState((_baseArticles$find = baseArticles.find(function (a) {
       return a.posNr === 1;
     })) !== null && _baseArticles$find !== void 0 ? _baseArticles$find : baseArticles[0]),
@@ -326,8 +327,8 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
         return !r;
       });
       if (basketIdToReselect || articleCodexToReselect) {
-        var _viewHandler$divaWebP4, _ref5;
-        var articles = (_viewHandler$divaWebP4 = viewHandler.divaWebPlanner.getDivaArticles(false, true)) !== null && _viewHandler$divaWebP4 !== void 0 ? _viewHandler$divaWebP4 : {};
+        var _viewHandler$divaWebP2, _ref5;
+        var articles = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.getDivaArticles(false, true)) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : {};
         var currentArticle = (_ref5 = basketIdToReselect ? articles[basketIdToReselect] : undefined) !== null && _ref5 !== void 0 ? _ref5 : articleCodexToReselect ? Object.values(articles).find(function (a) {
           return a.articleCodex === articleCodexToReselect;
         }) : undefined;
@@ -544,6 +545,27 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
   if (!isIDMFormat) return /*#__PURE__*/jsx(Fragment, {
     children: "Only implemented for IDM enricher data"
   });
+  if (!agGrid.loaded || !agGrid.AgGridReact) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "Price analyzer"
+      }), /*#__PURE__*/jsx(ArticleSelector, {
+        articleState: [selectedArticle, setSelectedArticle],
+        rerender: rerender,
+        filter: function filter(a) {
+          return !a.relatedToBasketId || a.isPartListArticle;
+        }
+      }), /*#__PURE__*/jsx("p", {
+        className: tableDescription,
+        children: "Tables require ag-grid (Go first to backoffice)."
+      })]
+    }));
+  }
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
     style: {
@@ -565,7 +587,7 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
       className: articleOverviewTable,
       children: /*#__PURE__*/jsx("div", {
         className: gridContainer,
-        children: /*#__PURE__*/jsx(AgGridReact, {
+        children: /*#__PURE__*/jsx(agGrid.AgGridReact, {
           ref: articleGridRef,
           rowData: articleOverviewRowData,
           columnDefs: articleOverviewColDefs,
@@ -587,7 +609,7 @@ var PriceAnalyzer = function PriceAnalyzer(_ref3) {
         className: optionsTableColumn,
         children: /*#__PURE__*/jsx("div", {
           className: gridContainer,
-          children: /*#__PURE__*/jsx(AgGridReact, {
+          children: /*#__PURE__*/jsx(agGrid.AgGridReact, {
             ref: priceHistoryGridRef,
             rowData: prices,
             columnDefs: priceHistoryColDefs,

package/build/esm/{index-a58a6c2a.js → index-f873990d.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
-import SettingsHeader from './index-8727e965.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
+import SettingsHeader from './index-9ac6cfde.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-8c5f5c85.js';
+import MobileDropdown from './index-29a630b9.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-97e4f826.js';
-import PricePreview from './index-fb3da7a9.js';
-import ReverseCheck from './index-338270a7.js';
+import InfoIcon from './index-b3e1927a.js';
+import PricePreview from './index-794c3b03.js';
+import ReverseCheck from './index-1bef5016.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,8 +25,8 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-9674599a.js';
-import './index-f31e87f2.js';
+import './index-bab8c7ca.js';
+import './index-ff96fb59.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-4d10984b.js → index-f91b7eb5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';