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

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

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

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

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

package/build/esm/{DecisionVizualizer-787db924.js → DecisionVizualizer-a76d0859.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-4cef71b1.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-672964ec.js → OptionProperties-2ed79104.js}

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

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

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

package/build/esm/{Planner2DGrid-01447e41.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-4cef71b1.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-ee81849b.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-4cef71b1.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-4a578e66.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-4cef71b1.js';
+import { u as useViewHandler } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-91541643.js';
-import SlideFilter from './index-a965dcda.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-92dd0ea4.js';
+import './index-55bb552c.js';
 import '@crystaldesign/content-box';
-import './index-96842d88.js';
+import './index-4bb4a6b7.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-32f6a963.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-4cef71b1.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-ff5c2766.js';
-import TabGroupVertical from './index-392345b9.js';
-import TabSearch from './index-0bca2eaa.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-edc6358a.js';
-import './index-cd8b2003.js';
+import './index-03f7fb4a.js';
+import './index-281625db.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

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

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-4cef71b1.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useEffect } from 'react';
-import Inputbox from './index-7660cff7.js';
-import Settings from './index-99ae83a1.js';
-import TabGroup from './index-32f6a963.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-ddb2db5a.js';
-import NavigationButtons from './index-8e5076bb.js';
-import ContentItemWrapper from './index-bccdb21c.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-560055e7.js';
-import './index-e4d845b2.js';
-import './index-53daf32d.js';
-import './index-3106c5d8.js';
+import './index-c46aee11.js';
+import './index-490b83ab.js';
+import './index-d29dc952.js';
+import './index-db60da35.js';
 import 'sift';
-import './index-fd82847f.js';
-import './index-74fa3b18.js';
-import './index-c2b38a92.js';
-import './index-f3d73b2b.js';
-import './index.module-657be687.js';
-import './index-4cc6e2a1.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-30848183.js';
-import './index-83e7ec16.js';
-import './index-04ec8fe2.js';
+import './index-e7eab657.js';
+import './index-da182307.js';
+import './index-f67b79f5.js';
 import 'react-countup';
-import './index-3d1a6bdf.js';
+import './index-dc8c3166.js';
 import 'react-dropdown';
-import './index-4a578e66.js';
-import './index-91541643.js';
-import './index-92dd0ea4.js';
-import './index-a965dcda.js';
+import './index-005ea599.js';
+import './index-217ac457.js';
+import './index-55bb552c.js';
+import './index-a5d3cd44.js';
 import '@crystaldesign/content-box';
-import './index-96842d88.js';
-import './index-22c56132.js';
-import './index-b83396e3.js';
-import './index-5e08cc31.js';
-import './index-e1ebfcf6.js';
-import './index-abfa4afa.js';
-import './index-b6667f39.js';
-import './index-716774a8.js';
-import './index-90028fca.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-60fe5732.js';
-import './index-17fa4d4a.js';
-import './index-2d5a4805.js';
-import './index-eec682d9.js';
-import './index-851ed4ec.js';
-import './index-55294feb.js';
-import './index-cc989a3a.js';
-import './index.module-95c9cfe3.js';
-import './index-df293009.js';
-import './index-4913f6c3.js';
-import './index-0a9da5ab.js';
-import './index-88e92f7a.js';
-import './index-b2c4d799.js';
-import './index-7d8b59f7.js';
-import './index-93337d94.js';
-import './index-20214e57.js';
-import './index-4b085034.js';
-import './index-9b410d69.js';
-import './index-2a818f26.js';
-import './index-12f748b7.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-eee15c60.js';
+import './index-3a5882d8.js';
 import 'rc-slider';
-import './index-189b17e5.js';
-import './index-072cba9e.js';
-import './index-eec753fc.js';
-import './index-4bdda8c6.js';
+import './index-12b9e3ac.js';
+import './index-add591d7.js';
+import './index-ba6f193a.js';
+import './index-1029b005.js';
 import 'react-confetti-explosion';
-import './index-42637511.js';
-import './index-fde1383d.js';
-import './index-80a7a1ad.js';
+import './index-5ea8b97c.js';
+import './index-308680cd.js';
+import './index-c65c825c.js';
 import 'react-qr-code';
-import './index-9ec6a644.js';
-import './useCustomDimensions-007e85d3.js';
-import './index-cfef4228.js';
-import './ussIsSticky-cd0c723e.js';
-import './index-4f32ebef.js';
-import './index-bdccc076.js';
-import './index-295f6e04.js';
-import './index.module-c57916bd.js';
-import './index-993d8a57.js';
-import './index-11f3a29b.js';
-import './index-f6dcc32a.js';
-import './index-49b7caa2.js';
-import './index.module-72be1658.js';
-import './index-1ab49691.js';
-import './index-7dff4646.js';
-import './index-5bda39f2.js';
-import './index-d5e2387b.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-ff5c2766.js';
-import './index-edc6358a.js';
-import './index-392345b9.js';
-import './index-cd8b2003.js';
-import './index-0bca2eaa.js';
-import './index-bef9dd99.js';
-import './index-664343ec.js';
-import './index.module-205f6f7b.js';
-import './index-6c1bd669.js';
-import './index-803de5e8.js';
-import './index-83e08938.js';
-import './index-ee9e7f5a.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-8f64a30b.js';
-import './index-c4e89aff.js';
-import './index-26ff9436.js';
-import './index.module-4482a038.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-190a9502.js';
-import './index-545630be.js';
-import './index.module-d9e3d965.js';
-import './DecisionVizualizer-787db924.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-88c299df.js';
-import './index-9b81cbe1.js';
-import './index-8d1bc35e.js';
+import './index-ce89ea34.js';
+import './index-cf8699a7.js';
+import './index-c214d1fc.js';
 import 'jsoneditor';
-import './index-b41bbe34.js';
-import './index-4c332689.js';
-import './index-a26328d0.js';
-import './index-c35a078e.js';
-import './index-4505ac00.js';
-import './index-c1183a14.js';
-import './index-046ff5ed.js';
-import './index-e615960a.js';
-import './index.module-70f9f184.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-97c823ce.js';
-import './index-6fe74190.js';
-import './index-8dce0793.js';
-import './index-86b9fed5.js';
-import './index-8457464f.js';
-import './index-3ffab1c3.js';
-import './index-6dad9cb6.js';
-import './index-642bd37a.js';
-import './index-890a6f19.js';
-import './CatalogProperties-4a571340.js';
-import './ArticleProperties-ef866abf.js';
-import './OptionProperties-672964ec.js';
-import './OptionValueProperties-30c5711e.js';
-import './index-55f47fd9.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-29800c3c.js → index-035f4994.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4cef71b1.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-edc6358a.js → index-03f7fb4a.js}

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

package/build/esm/{index-7660cff7.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-4cef71b1.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-64bdc693.js → index-0665a5a5.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-4cef71b1.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-7e442897.js';
+import Functions from './index-6032f61e.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-007e85d3.js';
+import { u as useCustomDimensions } from './useCustomDimensions-61152a6e.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
-import PriceCounter from './index-04ec8fe2.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-12f748b7.js → index-077ead69.js}

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