@crystaldesign/diva-web-planner-react 25.14.0-rc.9 → 25.14.0

package/build/esm/{ArticleProperties-3fbcdd4c.js → ArticleProperties-571adaa7.js}

@@ -1,4 +1,4 @@
-import './index-6629fd9c.js';
+import './index-e6859ff0.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-c86bb5da.js → CatalogProperties-52373314.js}

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

package/build/esm/{DecisionVizualizer-380808a2.js → DecisionVizualizer-a76d0859.js}

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

package/build/esm/{OptionProperties-5e5f327f.js → OptionProperties-2ed79104.js}

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

package/build/esm/{OptionValueProperties-fc409e03.js → OptionValueProperties-5dbd5782.js}

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

package/build/esm/{Planner2DGrid-bf52b2d9.js → Planner2DGrid-18acff2b.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-6629fd9c.js';
+import './index-e6859ff0.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-593ffef9.js → Planner3DImage-ba0a96b8.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-6629fd9c.js';
+import './index-e6859ff0.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-67c096bb.js → index-005ea599.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-6629fd9c.js';
+import { u as useViewHandler } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-6a7d2368.js';
-import SlideFilter from './index-d3a3c52f.js';
+import RalDropdownFilter from './index-217ac457.js';
+import SlideFilter from './index-a5d3cd44.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-dropdown';
-import './index-48af7dcc.js';
+import './index-55bb552c.js';
 import '@crystaldesign/content-box';
-import './index-428b4fd7.js';
+import './index-4bb4a6b7.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-0c2e7b67.js → index-00dabd2c.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-d4ad01b9.js';
-import TabGroupVertical from './index-d16c3e81.js';
-import TabSearch from './index-ecf82f31.js';
+import TabGroupHorizontal from './index-3f0f3a1d.js';
+import TabGroupVertical from './index-7bdd6f45.js';
+import TabSearch from './index-882ec527.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,8 +22,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3e1c0ccb.js';
-import './index-22fc7c29.js';
+import './index-03f7fb4a.js';
+import './index-281625db.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-ae2ea6eb.js → index-028d27cd.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useEffect } from 'react';
-import Inputbox from './index-fe003564.js';
-import Settings from './index-fc104d1c.js';
-import TabGroup from './index-0c2e7b67.js';
+import Inputbox from './index-04de5218.js';
+import Settings from './index-b1564aa3.js';
+import TabGroup from './index-00dabd2c.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-09c9e228.js';
-import NavigationButtons from './index-80a27d65.js';
-import ContentItemWrapper from './index-7c25b9ba.js';
+import Toolbar from './index-329faf23.js';
+import NavigationButtons from './index-3f848074.js';
+import ContentItemWrapper from './index-9659482f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -26,141 +26,141 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c4773936.js';
-import './index-012fea91.js';
-import './index-fb58fcb0.js';
-import './index-0922c81a.js';
+import './index-c46aee11.js';
+import './index-490b83ab.js';
+import './index-d29dc952.js';
+import './index-db60da35.js';
 import 'sift';
-import './index-48b3567a.js';
-import './index-60928461.js';
-import './index-eeef666c.js';
-import './index-9dc61ed7.js';
-import './index.module-91976f27.js';
-import './index-07b59e16.js';
+import './index-bf2c52ce.js';
+import './index-1907f587.js';
+import './index-e3002a52.js';
+import './index-1be41740.js';
+import './index.module-f8091199.js';
+import './index-cc767509.js';
 import 'react-switch';
-import './index-133f94b1.js';
-import './index-53ae6dff.js';
-import './index-90349d6e.js';
+import './index-e7eab657.js';
+import './index-da182307.js';
+import './index-f67b79f5.js';
 import 'react-countup';
-import './index-9434bd7e.js';
+import './index-dc8c3166.js';
 import 'react-dropdown';
-import './index-67c096bb.js';
-import './index-6a7d2368.js';
-import './index-48af7dcc.js';
-import './index-d3a3c52f.js';
+import './index-005ea599.js';
+import './index-217ac457.js';
+import './index-55bb552c.js';
+import './index-a5d3cd44.js';
 import '@crystaldesign/content-box';
-import './index-428b4fd7.js';
-import './index-92e8c435.js';
-import './index-f8403e5f.js';
-import './index-c4ea57bf.js';
-import './index-29945b82.js';
-import './index-a271d1ee.js';
-import './index-44d3284a.js';
-import './index-68843660.js';
-import './index-b6509082.js';
+import './index-4bb4a6b7.js';
+import './index-169f6455.js';
+import './index-9039d9df.js';
+import './index-f5631db4.js';
+import './index-e7715111.js';
+import './index-758d1dfb.js';
+import './index-122366ad.js';
+import './index-af0cb90c.js';
+import './index-60d60d26.js';
 import 'react-laag';
-import './index.module-acaad1cd.js';
-import './index-20612a91.js';
-import './index-88c79fc9.js';
-import './index-cb3761a0.js';
-import './index-5cd6e6d9.js';
-import './index-56db7968.js';
-import './index-ece37763.js';
-import './index.module-11f862c2.js';
-import './index-1323662a.js';
-import './index-037588ff.js';
-import './index-49a45802.js';
-import './index-c7ff8111.js';
-import './index-bfe913e5.js';
-import './index-7e5066f2.js';
-import './index-4cb5aa56.js';
-import './index-260cecb0.js';
-import './index-884eb99a.js';
-import './index-c678af5b.js';
-import './index-1ff1d4e7.js';
-import './index-2a36d394.js';
+import './index.module-c4befa11.js';
+import './index-5cc4d978.js';
+import './index-590aecfd.js';
+import './index-22167f36.js';
+import './index-9f55042c.js';
+import './index-819c1f4e.js';
+import './index-6e2cba26.js';
+import './index.module-4513ea3f.js';
+import './index-82b32888.js';
+import './index-8b6ad55a.js';
+import './index-f08a9c13.js';
+import './index-f66366ac.js';
+import './index-81dcaaf6.js';
+import './index-4b760128.js';
+import './index-46974339.js';
+import './index-bcfc4486.js';
+import './index-c8236769.js';
+import './index-88111515.js';
+import './index-7cd63800.js';
+import './index-077ead69.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-466e80db.js';
+import './index-3a5882d8.js';
 import 'rc-slider';
-import './index-95e5a317.js';
-import './index-b6fc40a4.js';
-import './index-ebfb18b5.js';
-import './index-b1f0f156.js';
+import './index-12b9e3ac.js';
+import './index-add591d7.js';
+import './index-ba6f193a.js';
+import './index-1029b005.js';
 import 'react-confetti-explosion';
-import './index-698c73fb.js';
-import './index-abf8f9ab.js';
-import './index-3fc416e7.js';
+import './index-5ea8b97c.js';
+import './index-308680cd.js';
+import './index-c65c825c.js';
 import 'react-qr-code';
-import './index-cf12e657.js';
-import './useCustomDimensions-7c131574.js';
-import './index-41ed1349.js';
-import './ussIsSticky-a5a9b166.js';
-import './index-e3fc4a76.js';
-import './index-8baeb90f.js';
-import './index-1bc7a405.js';
-import './index.module-a3d6c2f9.js';
-import './index-0c96fb4b.js';
-import './index-82e43381.js';
-import './index-6b12cb4c.js';
-import './index-7fa7a269.js';
-import './index.module-24e3137a.js';
-import './index-22bd1ac3.js';
-import './index-d0a5f7f5.js';
-import './index-daf3f5d9.js';
-import './index-62a49d56.js';
+import './index-5e148067.js';
+import './useCustomDimensions-61152a6e.js';
+import './index-b035c4ae.js';
+import './ussIsSticky-d2d1fbe4.js';
+import './index-d0a8f7db.js';
+import './index-6f594ef4.js';
+import './index-49a16803.js';
+import './index.module-c90e373a.js';
+import './index-e29be227.js';
+import './index-290a5b82.js';
+import './index-1f7dd4d3.js';
+import './index-9d379f59.js';
+import './index.module-6c4bd8e5.js';
+import './index-ef38853b.js';
+import './index-215969bf.js';
+import './index-6475f7e2.js';
+import './index-cb6c7ed0.js';
 import '@mui/material';
-import './index-d4ad01b9.js';
-import './index-3e1c0ccb.js';
-import './index-d16c3e81.js';
-import './index-22fc7c29.js';
-import './index-ecf82f31.js';
-import './index-7da53f8d.js';
-import './index-6965f796.js';
-import './index.module-fda479b0.js';
-import './index-dd404557.js';
-import './index-a4b24596.js';
-import './index-b7e440ab.js';
-import './index-255ae0af.js';
+import './index-3f0f3a1d.js';
+import './index-03f7fb4a.js';
+import './index-7bdd6f45.js';
+import './index-281625db.js';
+import './index-882ec527.js';
+import './index-13df6d0b.js';
+import './index-aadd42bb.js';
+import './index.module-cef4fe08.js';
+import './index-a7571846.js';
+import './index-12ad80c7.js';
+import './index-94fbca5b.js';
+import './index-e94f0faf.js';
 import 'react-collapsible';
-import './index-c1e3cbba.js';
-import './index-3639f424.js';
-import './index-03a02d0e.js';
-import './index.module-ef083ec7.js';
+import './index-ec53fa08.js';
+import './index-9b2f1cb2.js';
+import './index-92baf4ae.js';
+import './index.module-8d0645a9.js';
 import 'react-json-view-lite';
-import './react-json-viewer-e29a2bd3.js';
-import './index-f2719e15.js';
-import './index.module-2c3ac159.js';
-import './DecisionVizualizer-380808a2.js';
+import './react-json-viewer-52b75dd8.js';
+import './index-be38c45e.js';
+import './index.module-6d113e59.js';
+import './DecisionVizualizer-a76d0859.js';
 import 'react-draggable';
-import './index-acf0370e.js';
-import './index-03a27138.js';
-import './index-da9e0830.js';
+import './index-ce89ea34.js';
+import './index-cf8699a7.js';
+import './index-c214d1fc.js';
 import 'jsoneditor';
-import './index-d1667f25.js';
-import './index-b693c2cf.js';
-import './index-ce243388.js';
-import './index-50ad96cb.js';
-import './index-4ddea151.js';
-import './index-16dc9b3e.js';
-import './index-99dad9a1.js';
-import './index-8049869e.js';
-import './index.module-35f4a2d5.js';
+import './index-af3cab79.js';
+import './index-9d309124.js';
+import './index-156cceb1.js';
+import './index-224f49ac.js';
+import './index-3b279f8b.js';
+import './index-826f4678.js';
+import './index-98af96cd.js';
+import './index-a4ff4945.js';
+import './index.module-88e0a6a5.js';
 import 'react-select';
-import './index-bef74c75.js';
-import './index-3ab8ebe7.js';
-import './index-280b7fa5.js';
-import './index-74b55806.js';
-import './index-ab56581c.js';
-import './index-c1bf161b.js';
-import './index-a1434ef8.js';
-import './index-b6be4718.js';
-import './index-4f315d37.js';
-import './CatalogProperties-c86bb5da.js';
-import './ArticleProperties-3fbcdd4c.js';
-import './OptionProperties-5e5f327f.js';
-import './OptionValueProperties-fc409e03.js';
-import './index-85b31141.js';
+import './index-e359d925.js';
+import './index-9eb4c3ff.js';
+import './index-b9939564.js';
+import './index-456869f4.js';
+import './index-430bd03d.js';
+import './index-e0f8f4bc.js';
+import './index-5e3794c3.js';
+import './index-2705d394.js';
+import './index-bd1363ef.js';
+import './CatalogProperties-52373314.js';
+import './ArticleProperties-571adaa7.js';
+import './OptionProperties-2ed79104.js';
+import './OptionValueProperties-5dbd5782.js';
+import './index-ea4e2422.js';
 import '@crystaldesign/content-item';
 
 var wcConfigurator = "wcConfigurator-XqlAg";

package/build/esm/{index-4a353561.js → index-035f4994.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-3e1c0ccb.js → index-03f7fb4a.js}

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

package/build/esm/{index-fe003564.js → index-04de5218.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-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-c64153aa.js → index-0665a5a5.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-af19d84c.js';
+import Functions from './index-6032f61e.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-7c131574.js';
+import { u as useCustomDimensions } from './useCustomDimensions-61152a6e.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
-import PriceCounter from './index-90349d6e.js';
+import PriceCounter from './index-f67b79f5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -43,7 +43,7 @@ var rabattVisible = "rabatt-visible-vvkfB";
 var tablet = "tablet-n1n5E";
 var fullscreen = "fullscreen-94axf";
 var sideMenuButton = "side-menu-button-NA9Lt";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.wcPriceinfoContainer-bH9C- {\n  display: flex;\n  flex-direction: column;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.wrapper-y4VmL h1,\n.wc-formatted-price--PHbM,\n.wc-formatted-brutto-price-MDFl1,\n.dimensions-wxroF {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wc-formatted-price--PHbM {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.rabatt-visible-vvkfB .wc-formatted-price--PHbM {\n  color: rgb(220, 38, 38);\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.rabatt-visible-vvkfB .wc-formatted-brutto-price-MDFl1 {\n  height: 12px;\n  opacity: 1;\n}\n\n.dimensions-wxroF {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.portrait-Otsjq:not(.tablet-n1n5E) .dimensions-wxroF {\n  display: none;\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-price--PHbM {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-brutto-price-MDFl1 {\n  font-size: 11px;\n}\n\n.landscape-TuCY- .wc-formatted-price--PHbM {\n  font-size: 15px;\n}\n\n.portrait-Otsjq .wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-price--PHbM {\n  font-size: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-brutto-price-MDFl1 {\n  font-size: 14px;\n}\n\n.tablet-n1n5E .wcPriceinfo-Zmaer {\n  font-size: 16px;\n}\n\n.tablet-n1n5E h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.side-menu-button-NA9Lt {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.tablet-n1n5E .side-menu-button-NA9Lt {\n  width: 22px;\n  height: 22px;\n}\n";
+var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.portrait-Otsjq .functionWrapper-3sgkI {\n  margin: 6px 12px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 12px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.wcPriceinfoContainer-bH9C- {\n  display: flex;\n  flex-direction: column;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.wrapper-y4VmL h1,\n.wc-formatted-price--PHbM,\n.wc-formatted-brutto-price-MDFl1,\n.dimensions-wxroF {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.wc-formatted-price--PHbM {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.rabatt-visible-vvkfB .wc-formatted-price--PHbM {\n  color: rgb(220, 38, 38);\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.rabatt-visible-vvkfB .wc-formatted-brutto-price-MDFl1 {\n  height: 12px;\n  opacity: 1;\n}\n\n.dimensions-wxroF {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.portrait-Otsjq:not(.tablet-n1n5E) .dimensions-wxroF {\n  display: none;\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-price--PHbM {\n  font-size: 14px;\n}\n\n.portrait-Otsjq .wc-formatted-brutto-price-MDFl1 {\n  font-size: 11px;\n}\n\n.landscape-TuCY- .wc-formatted-price--PHbM {\n  font-size: 15px;\n}\n\n.portrait-Otsjq .wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-price--PHbM {\n  font-size: 16px;\n}\n\n.tablet-n1n5E .wc-formatted-brutto-price-MDFl1 {\n  font-size: 14px;\n}\n\n.tablet-n1n5E .wcPriceinfo-Zmaer {\n  font-size: 16px;\n}\n\n.tablet-n1n5E h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.side-menu-button-NA9Lt {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.tablet-n1n5E .side-menu-button-NA9Lt {\n  width: 22px;\n  height: 22px;\n}\n";
 styleInject(css_248z);
 
 var LOG = getLogger('Planner', 'InfoBox');

package/build/esm/{index-2a36d394.js → index-077ead69.js}

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