@crystaldesign/diva-web-planner-react 25.11.0-rc.0 → 25.11.0-rc.2

package/build/esm/{ArticleProperties-70859e49.js → ArticleProperties-f27bb842.js}

@@ -1,4 +1,4 @@
-import './index-27b81e8a.js';
+import './index-33330003.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-8cf43cee.js → CatalogProperties-a8e8c488.js}

@@ -1,4 +1,4 @@
-import './index-27b81e8a.js';
+import './index-33330003.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-7af1b0b7.js → DecisionVizualizer-326d0e1f.js}

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

package/build/esm/{OptionProperties-0151558b.js → OptionProperties-b99cfe85.js}

@@ -1,4 +1,4 @@
-import './index-27b81e8a.js';
+import './index-33330003.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{OptionValueProperties-68bffd50.js → OptionValueProperties-6d77fca1.js}

@@ -1,4 +1,4 @@
-import './index-27b81e8a.js';
+import './index-33330003.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

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

package/build/esm/{Planner3DImage-990f3dbf.js → Planner3DImage-d1b4842e.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-27b81e8a.js';
+import './index-33330003.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-2aded90d.js → index-01ac7b22.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-33330003.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-3d8226ee.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-8f636ead.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,8 +20,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-8701e57c.js';
-import './index-53b57469.js';
+import './index-6241d7ae.js';
+import './index-29ce8cbb.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/{index-c8d7b009.js → index-02227294.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-33330003.js';
 import 'react';
-import SettingsItemHeader from './index-62abe750.js';
+import SettingsItemHeader from './index-48716ee1.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,35 +21,35 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-cdaf1863.js';
-import './index-8104c9a2.js';
-import './index-a0481bbe.js';
+import './index-cfe7fbf1.js';
+import './index-c46838d1.js';
+import './index-07431d18.js';
 import 'react-dropdown';
-import './index-9c57c5a3.js';
-import './index-12f0d4c7.js';
+import './index-de25c9e0.js';
+import './index-e7bf4f8a.js';
 import '@crystaldesign/content-box';
-import './index-6ba0be86.js';
-import './index-fe868e0b.js';
-import './index-f6015103.js';
-import './index-cfb1a242.js';
+import './index-28e142c9.js';
+import './index-84474c56.js';
+import './index-35b1a6dd.js';
+import './index-5e40fa9c.js';
 import 'react-switch';
-import './index-9d627814.js';
-import './index-c9f24c48.js';
-import './index-89b93832.js';
-import './index-209f2b54.js';
-import './index-b3082f1b.js';
-import './index-6689313b.js';
+import './index-df21992e.js';
+import './index-af2aea1c.js';
+import './index-d3e69a94.js';
+import './index-7f9d3865.js';
+import './index-5c280a02.js';
+import './index-2673b0d5.js';
 import 'react-laag';
-import './index-3a4bbe45.js';
-import './index-4cc3d4b8.js';
+import './index-de86b85b.js';
+import './index-e9960584.js';
 import 'react-countup';
-import './index-be24b5d3.js';
-import './index-8701e57c.js';
-import './index-698d4658.js';
-import './index-88e83ca5.js';
+import './index-2dd68219.js';
+import './index-6241d7ae.js';
+import './index-8f7a365f.js';
+import './index-8e1fb936.js';
 import 'swiper/react';
-import './index-b075b194.js';
-import './ussIsSticky-51f9410b.js';
+import './index-c939a7b9.js';
+import './ussIsSticky-34cf1df4.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-cff6196e.js → index-02d4a263.js}

@@ -1,6 +1,6 @@
-import './index-27b81e8a.js';
+import './index-33330003.js';
 import 'react';
-import PartListTable from './index-59ad1a24.js';
+import PartListTable from './index-564d484f.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-07cdc951.js';
+import './index.module-2eab105f.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-6621803b.js → index-03aa9054.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-1968883e.js';
+import VerticalTabGroupItemStandard from './index-7cbc702a.js';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-fd098d7b.js → index-0453f70b.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-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-f53e2a5d.js → index-05710c88.js}

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

package/build/esm/{index-a7f5b104.js → index-05d78d0b.js}

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

package/build/esm/{index-233cef75.js → index-069bb8b1.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-f8cc8290.js';
-import Product from './index-b2e46893.js';
-import Settings from './index-36789f6c.js';
-import NavigationButtons from './index-fd9bae9b.js';
-import BasketAction from './index-24afd878.js';
-import TabGroup from './index-146111fe.js';
+import Inputbox from './index-0913ef46.js';
+import Product from './index-56562dad.js';
+import Settings from './index-9563484b.js';
+import NavigationButtons from './index-48e158da.js';
+import BasketAction from './index-c43f46bb.js';
+import TabGroup from './index-f31053fc.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-9258248f.js';
+import BasketMobile from './index-c1244281.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-f32a3f5c.js';
+import ProgressBar from './index-29ee38f3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,87 +28,87 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-14ab2d52.js';
-import './index-860f7a45.js';
-import './index-37e77cc2.js';
-import './index-46afd1d7.js';
+import './index-6b72141d.js';
+import './index-6009acd9.js';
+import './index-36b85bb6.js';
+import './index-5846196f.js';
 import 'sift';
-import './index-5dd906a1.js';
-import './index-35d28204.js';
-import './index-f53e2a5d.js';
-import './index-76c62221.js';
-import './index.module-09444f53.js';
-import './index-cfb1a242.js';
+import './index-685c424c.js';
+import './index-dfdba5c1.js';
+import './index-05710c88.js';
+import './index-70fbecf6.js';
+import './index.module-112c18e8.js';
+import './index-5e40fa9c.js';
 import 'react-switch';
-import './index-8701e57c.js';
-import './index-4cc3d4b8.js';
+import './index-6241d7ae.js';
+import './index-e9960584.js';
 import 'react-countup';
-import './index-159ae569.js';
+import './index-48229049.js';
 import 'react-dropdown';
-import './index-8104c9a2.js';
-import './index-a0481bbe.js';
-import './index-9c57c5a3.js';
-import './index-12f0d4c7.js';
+import './index-c46838d1.js';
+import './index-07431d18.js';
+import './index-de25c9e0.js';
+import './index-e7bf4f8a.js';
 import '@crystaldesign/content-box';
-import './index-6ba0be86.js';
-import './index-fe868e0b.js';
-import './index-923e1df0.js';
-import './index-1c8a9a1c.js';
-import './index-9006f2d5.js';
-import './index-53b57469.js';
-import './index-9308c419.js';
-import './index-d9999f88.js';
-import './index-d9332172.js';
+import './index-28e142c9.js';
+import './index-84474c56.js';
+import './index-18dd707e.js';
+import './index-cb9b7766.js';
+import './index-6727c234.js';
+import './index-29ce8cbb.js';
+import './index-660e891f.js';
+import './index-3f2870c7.js';
+import './index-c374c4cd.js';
 import 'react-laag';
-import './index.module-692506ac.js';
-import './index-d608b8e9.js';
-import './index-3a4bbe45.js';
-import './index-d72005c0.js';
-import './index-5d6d23c3.js';
-import './index-afafffbc.js';
-import './index-f20137ff.js';
-import './index.module-3773458a.js';
-import './index-c909c178.js';
-import './index-fea7d555.js';
-import './index-dff175dc.js';
-import './index-ec208ef4.js';
-import './index-f4f6f69c.js';
-import './index-be24b5d3.js';
-import './index-00e2693c.js';
-import './index-85175cbf.js';
-import './index-03cdb2a4.js';
-import './index-b06bb52a.js';
-import './index-4f446e79.js';
-import './index-37aed965.js';
+import './index.module-5b9cd524.js';
+import './index-c81b8f53.js';
+import './index-de86b85b.js';
+import './index-1bc02417.js';
+import './index-1ccb5184.js';
+import './index-ae7a92a0.js';
+import './index-8f0097c0.js';
+import './index.module-56f604fe.js';
+import './index-f4b1e5d3.js';
+import './index-0ded1c4e.js';
+import './index-200f98e2.js';
+import './index-15797a56.js';
+import './index-5e302069.js';
+import './index-2dd68219.js';
+import './index-11810ba6.js';
+import './index-17c8ae52.js';
+import './index-3c43dc2b.js';
+import './index-6428bedb.js';
+import './index-8b8b96a6.js';
+import './index-1f1f7bc8.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bb16e2dd.js';
+import './index-b81ebd7f.js';
 import 'rc-slider';
-import './index-8e79c0b6.js';
-import './index-775b3202.js';
-import './index-5765f999.js';
-import './index-ec9c0c37.js';
+import './index-51ad9b0c.js';
+import './index-7252c50d.js';
+import './index-2cae2c4e.js';
+import './index-ee6ac5d2.js';
 import 'react-confetti-explosion';
-import './index-e8da0eaa.js';
-import './index-e26eda26.js';
-import './index-2abea2d1.js';
+import './index-a5a92ff5.js';
+import './index-19307b9f.js';
+import './index-1861fed8.js';
 import 'react-qr-code';
-import './index-56dedad0.js';
-import './useCustomDimensions-ad6958b9.js';
-import './index-b5f1069b.js';
-import './ussIsSticky-51f9410b.js';
-import './index-e0c16944.js';
-import './index.module-4ccc0d2c.js';
-import './index-98ba7391.js';
-import './index-036258c9.js';
-import './index-6fe1238a.js';
-import './index-4a78587c.js';
+import './index-70f15133.js';
+import './useCustomDimensions-5b4bd79c.js';
+import './index-cba299df.js';
+import './ussIsSticky-34cf1df4.js';
+import './index-bfe79ccf.js';
+import './index.module-51623c37.js';
+import './index-38cad3f6.js';
+import './index-bfe5970d.js';
+import './index-4968be1f.js';
+import './index-cc174675.js';
 import 'vaul';
-import './index-5ce52ab5.js';
-import './index-54b4ec7f.js';
-import './index-8a8c1cb7.js';
-import './index-826f1849.js';
-import './index-2b3817d8.js';
+import './index-fa45ebff.js';
+import './index-667408f0.js';
+import './index-c440f8fd.js';
+import './index-d8dd2a6f.js';
+import './index-c11bc5cc.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-0630cf50.js → index-07131175.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-33330003.js';
 import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-a0481bbe.js → index-07431d18.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-9c57c5a3.js';
+import Arrow from './index-de25c9e0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f8cc8290.js → index-0913ef46.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-a162896e.js → index-0ad67dff.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-33330003.js';
 import { useState, useEffect } from 'react';
-import { w as wrapper } from './index.module-17c0b2c9.js';
+import { w as wrapper } from './index.module-e755a2a4.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6b8918c4.js → index-0d69775f.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-33330003.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-9c57c5a3.js';
+import Arrow from './index-de25c9e0.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-fea7d555.js → index-0ded1c4e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-33330003.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-ea1ddcf3.js → index-0e09eeb9.js}

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

package/build/esm/{index-e74ac15d.js → index-0f549793.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-127c8a7e.js';
+import Option from './index-19d694ae.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-8701e57c.js';
-import PricePreview from './index-4cc3d4b8.js';
+import InfoIcon from './index-6241d7ae.js';
+import PricePreview from './index-e9960584.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,12 +22,12 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-3773458a.js';
-import './index.module-692506ac.js';
-import './index-d608b8e9.js';
+import './index.module-56f604fe.js';
+import './index.module-5b9cd524.js';
+import './index-c81b8f53.js';
 import 'react-laag';
-import './index-be24b5d3.js';
-import './index-3a4bbe45.js';
+import './index-2dd68219.js';
+import './index-de86b85b.js';
 import 'react-countup';
 
 var container = "container-GW-AX";

package/build/esm/index-0fe421c2.js

@@ -0,0 +1,117 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { s as styleInject } from './index-33330003.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import Collapsible from 'react-collapsible';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var productDetailWrapper = "product-detail-wrapper-sb1Re";
+var left = "left-qcwue";
+var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
+styleInject(css_248z);
+
+var Article = function Article(_ref) {
+  var article = _ref.article;
+  var features = _toConsumableArray(article.articleOptionStates.values()).filter(function (item) {
+    return item.option.name.startsWith('ArtikelnummerStelle');
+  }).sort(function (a, b) {
+    return a.option.name.localeCompare(b.option.name);
+  });
+  var isDiomexUsecase = article.CatalogData.useDiomexConfigLogic;
+  var usedFeatures = features.filter(function (item) {
+    var _item$valCodex;
+    return !((_item$valCodex = item.valCodex) !== null && _item$valCodex !== void 0 && _item$valCodex.endsWith('_NO_VALUE'));
+  });
+  return /*#__PURE__*/jsx(Collapsible, {
+    trigger: /*#__PURE__*/jsx("div", {
+      className: productDetailWrapper,
+      children: article.posNr + ' - ' + article.name + ' >>'
+    }),
+    triggerWhenOpen: /*#__PURE__*/jsx("div", {
+      className: productDetailWrapper,
+      children: article.posNr + ' - ' + article.name + ' <<'
+    }),
+    children: /*#__PURE__*/jsxs("div", {
+      className: productDetailWrapper,
+      children: [/*#__PURE__*/jsx("a", {
+        children: "ArtNr:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.configArticleCodex
+      }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("a", {
+          children: "ArtCodex:"
+        }), /*#__PURE__*/jsx("a", {
+          className: left,
+          children: article.articleCodex
+        })]
+      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+        children: "Name:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.catalogArticleName
+      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+        children: "Ma\xDFe:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.actSizeText
+      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+        children: "Bestell-Nr:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.retailArticleNr || article.typeNr
+      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+        children: "Modell:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
+      }), /*#__PURE__*/jsx("hr", {}), isDiomexUsecase && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), usedFeatures.map(function (item) {
+          var _item$val;
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx("a", {
+              children: item.option.name
+            }), /*#__PURE__*/jsx("a", {
+              className: left,
+              children: (_item$val = item.val) === null || _item$val === void 0 ? void 0 : _item$val.name
+            }), /*#__PURE__*/jsx("hr", {})]
+          });
+        }), /*#__PURE__*/jsx("hr", {})]
+      }), /*#__PURE__*/jsx(Collapsible, {
+        trigger: /*#__PURE__*/jsxs("div", {
+          children: ['Varianten >>', " "]
+        }),
+        triggerWhenOpen: 'Varianten <<',
+        children: article.getVariantBasketData().map(function (item) {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx("a", {
+              children: item.OPTName + ' (' + item.OPT + ')'
+            }), /*#__PURE__*/jsx("a", {
+              className: left,
+              children: item.OPVName + ' (' + item.OPV + ')'
+            }), /*#__PURE__*/jsx("hr", {})]
+          });
+        })
+      }), /*#__PURE__*/jsx("hr", {})]
+    })
+  });
+};
+var Article$1 = observer(Article);
+
+export { Article$1 as default };

package/build/esm/{index-00e2693c.js → index-11810ba6.js}

@@ -1,16 +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-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-33330003.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-692506ac.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-5b9cd524.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-3a4bbe45.js';
-import MetaData from './index-be24b5d3.js';
+import GenericToolTip from './index-de86b85b.js';
+import MetaData from './index-2dd68219.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-8701e57c.js';
-import PricePreview from './index-4cc3d4b8.js';
+import InfoIcon from './index-6241d7ae.js';
+import PricePreview from './index-e9960584.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';