@crystaldesign/diva-web-planner-react 25.5.0-beta.2 → 25.5.0-beta.21

package/build/esm/{index-b3bdca56.js → index-1f22e9a8.js}

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

package/build/esm/{index-57771e84.js → index-23aa0403.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-c953349f.js → index-25c650d1.js}

@@ -1,23 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-8d9d187e.js';
-import Sidebar from './index-6d6e5c07.js';
-import OptionTree from './index-7d7171e9.js';
-import PartListTable from './index-54cf75ab.js';
-import MaskEditor from './index-25a6b8a6.js';
-import SVGAnalyzer from './index-c0fe91b0.js';
-import { l as list } from './index.module-984d0ce3.js';
-import EkTextViewer from './index-e6cc1cae.js';
-import CatalogMakeup from './index-75554ac0.js';
-import DecisionAnalyzer from './index-ce9c8ab8.js';
-import RTVAnalyzer from './index-7847e57e.js';
-import J3DEditor from './index-9f22ac80.js';
-import PropertiesEditor from './index-274ee809.js';
-import ArticleOverview from './index-f600a8e4.js';
-import PriceAnalyzer from './index-249e90c7.js';
+import Product from './index-076300a7.js';
+import Sidebar from './index-002276ec.js';
+import OptionTree from './index-4f4ce304.js';
+import PartListTable from './index-9e4fab9f.js';
+import MaskEditor from './index-f41f3341.js';
+import SVGAnalyzer from './index-4f54030d.js';
+import { l as list } from './index.module-371fb519.js';
+import EkTextViewer from './index-76a4c9ac.js';
+import CatalogMakeup from './index-a547bb51.js';
+import DecisionAnalyzer from './index-2f558f2e.js';
+import RTVAnalyzer from './index-63c68792.js';
+import J3DEditor from './index-f30c3d23.js';
+import PropertiesEditor from './index-382edf7a.js';
+import ArticleOverview from './index-329298c4.js';
+import PriceAnalyzer from './index-7ae1c082.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -32,120 +32,124 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-99e49a40.js';
-import './index-cd4e8f98.js';
+import './index-bb700433.js';
+import './index-7dd48581.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-b319db0b.js';
-import './index-96e19b0d.js';
+import './index-5691c856.js';
+import './index-b4f90fbb.js';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-cd6dec40.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-a4feac81.js';
+import './index-48fd18e0.js';
+import './index-a16567a0.js';
+import './index-a557554b.js';
+import './index-b9777d25.js';
+import './index.module-c5964264.js';
+import './index-bf91dc3f.js';
 import 'react-switch';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
+import './index-67db8188.js';
+import './index-d21ec3f7.js';
+import './index-6b7c43a9.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-1b04a88b.js';
+import './index-cf2b3286.js';
+import './index-27227383.js';
+import './index-158d80fe.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
+import './index-42dc35ff.js';
+import './index-6bad99f0.js';
+import './index-497d0043.js';
+import './index-4b917cac.js';
+import './index-c43b3c64.js';
+import './index-4c21e997.js';
 import 'react-laag';
-import './index-95a76687.js';
-import './index-992cfd03.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-a21faefc.js';
+import './index-a2961ce2.js';
+import './index-582f329b.js';
+import './index-a08bfd8f.js';
+import './index-6545066c.js';
+import './index-aa0d060b.js';
+import './index-b110c09c.js';
+import './index-7f4c9e80.js';
+import './index-0fbdc8fe.js';
+import './index-c6707602.js';
+import './index.module-5dabc30d.js';
+import './index-b4a1ec62.js';
+import './index-fa54d12a.js';
+import './index-e91df780.js';
+import './index-3ea56475.js';
+import './index-d3507d6f.js';
+import './index-b2971f91.js';
+import './index-94011fa9.js';
+import './index.module-80e82e37.js';
+import './index-a04e36ad.js';
+import './index-8bf3032e.js';
+import './index-1af5ba53.js';
+import './index-6a76b60c.js';
+import './index.module-8387d2e1.js';
+import './index-df9236e8.js';
+import './index-5ad6496f.js';
+import './index-d1e6b97f.js';
+import './index.module-a11afe75.js';
+import './index-fd3c9e93.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-7d17dda2.js';
+import './index-ca44fcc3.js';
+import './index-5a03675e.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
-import './index-8b130683.js';
-import './index-f9542f47.js';
-import './index-d6f56077.js';
-import './index-acadee0a.js';
-import './index.module-8c4d89de.js';
-import './index-9ee8e9d6.js';
-import './index-04f41a0d.js';
-import './index-0a4833a5.js';
-import './index-8352d6d5.js';
-import './index-d248c9ed.js';
-import './index-16f9cb1b.js';
-import './index-3137a86a.js';
-import './index-263a0d2c.js';
-import './index-5f524959.js';
-import './index-57771e84.js';
+import './index-d14683a7.js';
+import './index-31d10217.js';
+import './index-9447f12e.js';
+import './index-072bb5a4.js';
+import './index-86cf2f61.js';
+import './index-d7ee3620.js';
+import './index.module-f056e291.js';
+import './index-a2a33197.js';
+import './index-55db588a.js';
+import './index-9ad44f7a.js';
+import './index-0b99aa6b.js';
+import './index-9eb0551d.js';
+import './index-abb85521.js';
+import './index-93f4595e.js';
+import './index-c87d35de.js';
+import './index-79198573.js';
+import './index-23aa0403.js';
 import 'react-qr-code';
-import './index-cb32deb6.js';
-import './index-5e6bb517.js';
-import './index-dc6efcd7.js';
-import './index-6e20eab3.js';
-import './index-58947102.js';
-import './index-cf70f6b7.js';
+import './index-8aaf9aa6.js';
+import './index-58e70d18.js';
+import './index-ddffbfae.js';
+import './index-758ad5e7.js';
+import './index-5872245f.js';
+import './index-2d417be2.js';
 import 'react-collapsible';
-import './index-ece08e64.js';
-import './index-0508316f.js';
-import './index.module-efcdd4e5.js';
+import './index-7237c5ef.js';
+import './index-132a7513.js';
+import './index.module-04c7b7c6.js';
 import 'react-json-view-lite';
-import './react-json-viewer-784c96c9.js';
-import './index.module-98e21631.js';
-import './DecisionVizualizer-bc9430e5.js';
+import './react-json-viewer-760b1c6d.js';
+import './index.module-b62ef671.js';
+import './DecisionVizualizer-ed0d7ab4.js';
+import './index-865e39fd.js';
+import './index-624019dc.js';
 import 'jsoneditor';
-import './index-2638cdc6.js';
-import './index-2fa90fce.js';
-import './index-b3888675.js';
-import './index.module-f436fa34.js';
-import './index-af781a57.js';
-import './index-7a448585.js';
-import './index.module-eeb23611.js';
-import './index-f44b17c6.js';
-import './index-f0faabe6.js';
-import './index-daba8bdb.js';
-import './CatalogProperties-2b253e8e.js';
-import './ArticleProperties-21232432.js';
-import './OptionProperties-ecc1d6a8.js';
-import './OptionValueProperties-8285dd82.js';
+import './index-180e05b1.js';
+import './index-7bbce16a.js';
+import './index-6c3d48a3.js';
+import './index.module-0711bca3.js';
+import './index-14aacc54.js';
+import './index-a20565bd.js';
+import './index.module-9f622d43.js';
+import './index-5444d72f.js';
+import './index-96943644.js';
+import 'react-select';
+import './index-34ed84e7.js';
+import './index-3afb0e47.js';
+import './CatalogProperties-bc5a7e0d.js';
+import './ArticleProperties-86853a91.js';
+import './OptionProperties-2232bde4.js';
+import './OptionValueProperties-427e9a28.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-75736621.js → index-27227383.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-decc0e6e.js';
+import { s as styleInject } from './index-e3c7468f.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-045ea3ba.js → index-2b3c4bc5.js}

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

package/build/esm/{index-841e43bd.js → index-2b653029.js}

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

package/build/esm/{index-43effd92.js → index-2c361bdf.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-7aeb0d98.js';
-import { S as SettingsItem } from './index-96e19b0d.js';
+import SubTabGroupHeader from './index-43b98c15.js';
+import { S as SettingsItem } from './index-b4f90fbb.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,68 +21,68 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-cd6dec40.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-a4feac81.js';
+import './index-48fd18e0.js';
+import './index-a16567a0.js';
+import './index-a557554b.js';
+import './index-b9777d25.js';
+import './index.module-c5964264.js';
+import './index-bf91dc3f.js';
 import 'react-switch';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
+import './index-67db8188.js';
+import './index-d21ec3f7.js';
+import './index-6b7c43a9.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
+import './index-1b04a88b.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-cf2b3286.js';
+import './index-27227383.js';
+import './index-158d80fe.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
+import './index-42dc35ff.js';
+import './index-6bad99f0.js';
+import './index-497d0043.js';
+import './index-4b917cac.js';
+import './index-c43b3c64.js';
+import './index-4c21e997.js';
 import 'react-laag';
-import './index-95a76687.js';
-import './index-992cfd03.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-a21faefc.js';
+import './index-a2961ce2.js';
+import './index-582f329b.js';
+import './index-a08bfd8f.js';
+import './index-6545066c.js';
+import './index-aa0d060b.js';
+import './index-b110c09c.js';
+import './index-7f4c9e80.js';
+import './index-0fbdc8fe.js';
+import './index-c6707602.js';
+import './index.module-5dabc30d.js';
+import './index-b4a1ec62.js';
+import './index-fa54d12a.js';
+import './index-e91df780.js';
+import './index-3ea56475.js';
+import './index-d3507d6f.js';
+import './index-b2971f91.js';
+import './index-94011fa9.js';
+import './index.module-80e82e37.js';
+import './index-a04e36ad.js';
+import './index-8bf3032e.js';
+import './index-1af5ba53.js';
+import './index-6a76b60c.js';
+import './index.module-8387d2e1.js';
+import './index-df9236e8.js';
+import './index-5ad6496f.js';
+import './index-d1e6b97f.js';
+import './index.module-a11afe75.js';
+import './index-fd3c9e93.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-7d17dda2.js';
+import './index-ca44fcc3.js';
+import './index-5a03675e.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
+import './index-d14683a7.js';
+import './index-31d10217.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-cf70f6b7.js → index-2d417be2.js}

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

package/build/esm/{index-ce9c8ab8.js → index-2f558f2e.js}

@@ -4,15 +4,16 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-e3c7468f.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-984d0ce3.js';
-import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-bc9430e5.js';
+import { n as notExpanded } from './index.module-371fb519.js';
+import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-ed0d7ab4.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-784c96c9.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import './react-json-viewer-760b1c6d.js';
+import ArticleSelector from './index-96943644.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/classCallCheck';
@@ -22,6 +23,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
+import 'react-select';
 
 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; }
@@ -64,38 +66,45 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
       if (set) set.logDecisions = false;
     };
   }, [viewHandler.uiState.isLoading]);
-  var article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr == 1;
-  });
-  var _useState3 = useState(),
+  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+      return a.posNr == 1;
+    })),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedRow = _useState4[0],
-    setSelectedRow = _useState4[1];
+    article = _useState4[0],
+    setArticle = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  if (!article) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    selectedRow = _useState6[0],
+    setSelectedRow = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filter = _useState8[0],
+    setFilter = _useState8[1];
+  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable),
     style: {
       zIndex: 800
     },
-    children: /*#__PURE__*/jsx("a", {
+    children: [/*#__PURE__*/jsx("a", {
       className: header,
       children: "Decision analyzer - plann article"
-    })
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
   }));
   var isIDMFormat = article.CatalogData.isIDMFormat;
   var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
-  if (!longestStack) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable),
     style: {
       zIndex: 800
     },
-    children: /*#__PURE__*/jsx("a", {
+    children: [/*#__PURE__*/jsx("a", {
       className: header,
       children: "Decision analyzer - change config"
-    })
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
   }));
   var entries = _toConsumableArray(Array(longestStack).keys());
   var _onClick = function onClick(nr, row) {
@@ -175,6 +184,8 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
         },
         placeholder: "filter option ohne OPT"
       })]
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
     }), /*#__PURE__*/jsxs("div", {
       children: [/*#__PURE__*/jsxs("table", {
         className: table,

package/build/esm/{index-b09182c7.js → index-2fa32ae5.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-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-e3c7468f.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -24,7 +24,7 @@ var css_248z = "/* This keeps child nodes hidden while the element loads */\n#ar
 styleInject(css_248z);
 
 var PlannerRTV = function PlannerRTV() {
-  var _ref, _viewHandler$uiState$;
+  var _ref, _viewHandler$uiState$, _viewHandler$divaWebP;
   var viewHandler = useViewHandler();
   var modelViewer = useRef();
   var _useTranslation = useTranslation(),
@@ -130,7 +130,8 @@ var PlannerRTV = function PlannerRTV() {
       uiConfig: {
         templateConfig: (_ref = (_viewHandler$uiState$ = viewHandler.uiState.templateConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$['Product/ProductCenter/PlannerUI/PlannerUIVariants']) !== null && _ref !== void 0 ? _ref : 'standard',
         posNumIcon: plannerViewConfig.posNumIcon,
-        posTrashIcon: plannerViewConfig.posTrashRotIcon
+        posTrashIcon: plannerViewConfig.posTrashRotIcon,
+        hideUiIcons: (_viewHandler$divaWebP = viewHandler.divaWebPlanner.hidePlannerUiIcons()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : false
       },
       callbacks: {
         setGlb: openAr ? (/*#__PURE__*/function () {

package/build/esm/{index-3a8161b0.js → index-30ac6472.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-decc0e6e.js';
+import { s as styleInject } from './index-e3c7468f.js';
 import 'react';
-import PlannerUI from './index-d991cb41.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-eab22870.js';
+import PlannerUI from './index-73c0d23c.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-6cd01bf0.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,24 +18,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-eff5ac42.js';
+import './index-0ce8877f.js';
 import 'classnames';
-import './index-69379e31.js';
-import './index-4f52a43e.js';
-import './index-e2b00879.js';
-import './index-b2e2ed13.js';
-import './index-d1f99318.js';
-import './index-716dafbb.js';
-import './index-292081d9.js';
-import './index-1399917a.js';
-import './index-8030876a.js';
-import './index-c232e590.js';
-import './index-0f151e9f.js';
-import './index-06d9f730.js';
+import './index-575251c6.js';
+import './index-57c58d48.js';
+import './index-66b4fc4e.js';
+import './index-7b1f12e6.js';
+import './index-8154e07d.js';
+import './index-184d8851.js';
+import './index-05cd13a3.js';
+import './index-18b9aa0d.js';
+import './index-79254cd3.js';
+import './index-e940f244.js';
+import './index-34cf56a6.js';
+import './index-656df99f.js';
 import 'react-draggable';
-import './index-195e92cd.js';
-import './index-33f29212.js';
-import './index-bb58ecb1.js';
+import './index-3c6ed537.js';
+import './index-66871751.js';
+import './index-de150857.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";