@crystaldesign/diva-web-planner-react 24.10.0-beta.9 → 24.10.0-rc.10

package/build/esm/{index-f2e6d2f6.js → index-730248de.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-df938e09.js';
+import { s as styleInject } from './index-6d5e37e3.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-b49a0be9.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-102db393.js';
-import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-f9bd5140.js';
-import PlannerUI from './index-20d749e6.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-ea6ea802.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-a337d9b5.js';
+import { w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-c2d1da09.js';
+import PlannerUI from './index-e524f8fc.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,24 +19,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-fd97b7f7.js';
+import './index-0e96247b.js';
 import 'classnames';
-import './index-4e0d8790.js';
-import './index-c7037cae.js';
-import './index-5f61ba86.js';
-import './index-a1af1ca2.js';
-import './index-75a7fa89.js';
-import './index-cb0d64bf.js';
-import './index-6e08c864.js';
-import './index-a535a583.js';
-import './index-1ce1a5b1.js';
-import './index-e9ca2d7b.js';
-import './index-24c89cb3.js';
-import './index-c74868ca.js';
+import './index-0d5f065b.js';
+import './index-55cbf956.js';
+import './index-7ca7a002.js';
+import './index-a4b7c9fe.js';
+import './index-4d8b7831.js';
+import './index-ed948c0e.js';
+import './index-a71bfad9.js';
+import './index-a9b555da.js';
+import './index-037be9dc.js';
+import './index-0512b867.js';
+import './index-99e4cfb9.js';
+import './index-ba4926ab.js';
 import 'react-draggable';
-import './index-694eb473.js';
-import './index-69e73410.js';
-import './index-3e65a7d1.js';
+import './index-bff86636.js';
+import './index-1f33a563.js';
+import './index-6bdc5678.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n}\n";

package/build/esm/{index-75b9078e.js → index-736c1b5c.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-df938e09.js';
-import ProductHeader from './index-78af59b5.js';
+import { s as styleInject } from './index-6d5e37e3.js';
+import ProductHeader from './index-185b9a72.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-193f9247.js';
-import './index-51798d46.js';
-import './index.module-c0301db6.js';
+import './index-9b495a1a.js';
 import '@crystaldesign/content-box';
 
 var productHeader = "productHeader-19YtG";

package/build/esm/{index-481b7db0.js → index-769d3fe2.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-de82ea96.js';
-import Product from './index-7c946a2b.js';
-import Settings from './index-6580c12a.js';
-import NavigationButtons from './index-9d12a29c.js';
-import BasketAction from './index-0373e245.js';
-import TabGroup from './index-0b8f5b10.js';
+import Inputbox from './index-3555fd81.js';
+import Product from './index-9df2d6d9.js';
+import Settings from './index-cb2abc08.js';
+import NavigationButtons from './index-d3a84d32.js';
+import BasketAction from './index-c04929f6.js';
+import TabGroup from './index-547b4ee0.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-2cffc8f1.js';
+import BarrierActions from './index-16a65612.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,71 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-64c57a00.js';
-import './index-52b386be.js';
-import './index-ad5c8e67.js';
-import './index-84fe256f.js';
-import './index-a0eaa471.js';
+import './index-41927d7b.js';
+import './index-5aace551.js';
+import './index-96509aaa.js';
+import './index-399c4d8f.js';
+import './index-5a662cf4.js';
 import 'react-laag';
-import './index-b6220a84.js';
-import './index-59392ae7.js';
-import './index-64383149.js';
+import './index-409414ad.js';
+import './index-831f97fb.js';
+import './index-4117ba92.js';
 import 'sift';
-import './index-2b3883fc.js';
-import './index-350d8b1f.js';
-import './index-ed3c1695.js';
-import './index-082300ef.js';
-import './index.module-2e57dd5c.js';
-import './index-16633363.js';
+import './index-8783bbc0.js';
+import './index-60a9bb1b.js';
+import './index-2d9fcb2d.js';
+import './index-b53492e8.js';
+import './index.module-161259fd.js';
+import './index-b8bcaa97.js';
 import 'react-switch';
-import './index-b20e169e.js';
-import './index-353eecb9.js';
+import './index-1f2a5880.js';
+import './index-1beee556.js';
 import 'react-dropdown';
-import './index-fbc6f320.js';
-import './index-5134ead7.js';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
+import './index-31007c77.js';
+import './index-88c90c7f.js';
+import './index-22786a03.js';
+import './index-908cdf40.js';
 import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-2ddf5238.js';
-import './index-0f9d0da4.js';
-import './index-1b39597e.js';
+import './index-62deda33.js';
+import './index-6bddbb12.js';
+import './index-142af4a9.js';
+import './index-4608a7f6.js';
+import './index-29351fd3.js';
 import '@crystaldesign/products-component';
-import './index-9f99a8fa.js';
-import './index-3c193068.js';
-import './index-5ca2154a.js';
-import './index-dfc6ce9a.js';
-import './index-fc153606.js';
-import './index-b3608d4a.js';
-import './index-4c84882c.js';
-import './index-75a0c65b.js';
-import './index-f4863358.js';
-import './index-cad87ce4.js';
-import './index-f752e8a0.js';
-import './index-f9309d78.js';
-import './index-dd56d95b.js';
-import './index.module-73422bd1.js';
-import './index-e8a7abed.js';
-import './index-c6b25ae7.js';
-import './index-1fa70e4d.js';
-import './index-5ec90b25.js';
-import './index-26008a76.js';
-import './index-fab630a6.js';
-import './index-b7634732.js';
-import './index.module-fe43cac5.js';
-import './index-2f04aeae.js';
-import './index-0b97bad0.js';
-import './index-a7437a21.js';
-import './index-dfa0c3ac.js';
-import './index-a8e4a404.js';
-import 'react-collapsible';
-import './index-e3902551.js';
-import './index-67da9d0f.js';
-import './index-de1b4a37.js';
-import './index-03ad9eca.js';
-import './index-ff308b3a.js';
-import './index-7e8566e9.js';
+import './index-bed87284.js';
+import './index-f3b97d31.js';
+import './index-431e1db0.js';
+import './index-ee146e07.js';
+import './index-0d1f740f.js';
+import './index-01347949.js';
+import './index-d3ea8e48.js';
+import './index-97cc9d83.js';
+import './index-3a8f22fc.js';
+import './index-42fcf0d2.js';
+import './index-234a793f.js';
+import './index-096176b1.js';
+import './index-a4103c43.js';
+import './index.module-44029914.js';
+import './index-19c1bb58.js';
+import './index-54c317b0.js';
+import './index-88508a8b.js';
+import './index-1b99008e.js';
+import './index-b28c2f52.js';
+import './index-e99ebd28.js';
+import './index-7c8b01c4.js';
+import './index.module-3f850010.js';
+import './index-817b4a6b.js';
+import './index-0ca9d660.js';
+import './index-5c3bc453.js';
+import './index-cc6f1c84.js';
+import './index-26a2a59a.js';
+import './index-93aaea4e.js';
+import './index-05ed7ac6.js';
+import './index-9b8a0beb.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-54b78793.js → index-76d18198.js}

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

package/build/esm/{index-b7634732.js → index-7c8b01c4.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.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-fe43cac5.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-3f850010.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-fc153606.js';
-import MetaData from './index-dfc6ce9a.js';
+import GenericToolTip from './index-0d1f740f.js';
+import MetaData from './index-ee146e07.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b20e169e.js';
+import InfoIcon from './index-1f2a5880.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-5f61ba86.js → index-7ca7a002.js}

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

package/build/esm/{index-9cb145fa.js → index-7df39345.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-b3d5888e.js';
+import PlannerMsgItem from './index-3e1e7201.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -31,7 +31,7 @@ var wcPlannerWarningText = "wcPlanner_WarningText-byrqX";
 var wcPlannerInfoText = "wcPlanner_InfoText-qP0nc";
 var wcClose = "wcClose-zokxf";
 var wcPlannerInfoContainerCollapsed = "wcPlanner_InfoContainerCollapsed-6uydm";
-var css_248z = ".wcPlanner_MsgContainerParent-WfaBR {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 101;\n}\n\n.expanded-U8H0E.wcPlanner_MsgContainerParent-WfaBR {\n  left: 27%;\n  max-width: 30%;\n}\n.wcPlanner_MsgContainer-pAU-r {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 1.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: fadein-3hKT0 0.5s;\n}\n\n.wcPlanner_MsgContainer_Hide-d6Efu {\n  animation: cssAnimation-PxysF 5s forwards;\n}\n\n@keyframes fadein-3hKT0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes cssAnimation-PxysF {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.wcPlanner_InfoContainer-31NTl {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.wcPlanner_WarningContainer-iDg2J {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-QHnJP {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_InfoImg-E-1pp {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 26 26%22 style%3D%22enable-background%3Anew 0 0 26 26%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2213%22 cy%3D%2213.2%22 r%3D%2211.8%22%2F%3E%3Cpath class%3D%22st1%22 d%3D%22M13%2C11.6v7.8%22%2F%3E%3Ccircle cx%3D%2213%22 cy%3D%227.9%22 r%3D%220.8%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_WarningImg-Jbeq8 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcPlanner_MsgText-JYxg8 {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.wcConfigurator-is-mobile-landscape--lWJs .wcPlanner_MsgText-JYxg8,\n.wcConfigurator-is-mobile-portrait-ipbTW .wcPlanner_MsgText-JYxg8 {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.wcPlanner_WarningText-byrqX {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-qP0nc {\n  color: black;\n}\n\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcClose-zokxf {\n  transform: rotate(180deg);\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcPlanner_InfoText-qP0nc {\n  display: none;\n}\n\n/* pfister style */\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  display: none;\n}\n\n/*SUS style \n.wcConfigurator-product .wcPlanner_MsgContainerParent {\n  top: unset;\n  bottom: 5%;\n  left: 5%;\n  max-width: 70%;\n}\n\n.wcConfigurator-is-mobile-landscape .wcConfigurator-product .wcPlanner_MsgContainerParent,\n.wcConfigurator-is-mobile-portrait .wcConfigurator-product .wcPlanner_MsgContainerParent {\n  left: unset;\n  right: 5%;\n}\n\n.wcConfigurator-product .wcPlanner_MsgContainer {\n  transform: none;\n}\n\n.smv-thumbnails .smv-selector[data-type=\"spin\"]:before {\n  background-color: rgba(128, 128, 128, 0.56);\n  background-image: url(https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.11.svg);\n}\n.wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent {\n  left: 1%;\n}\n\n.wcConfigurator-is-mobile-portrait .wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent,\n.wcConfigurator-is-mobile-landscape .wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent {\n  max-width: 70%;\n}\n.wcPlanner_MsgContainerParent .wcPlanner_InfoContainer {\n  border: unset;\n  box-shadow: 0 0 3px #ccc;\n}\n\n.wcPlanner_MsgContainerParent .wcPlanner_msgImg.wcPlanner_InfoImg {\n  display: none;\n}\n\n.wcPlanner_MsgContainerParent .wcPlanner_InfoContainerCollapsed .wcPlanner_msgImg.wcPlanner_InfoImg {\n  display: none;\n}\n\n.wcPlanner_MsgContainerParent .wcPlanner_MsgText {\n  margin-left: unset;\n}\n.wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent .wcClose {\n  background-image: none;\n  top: 0px;\n  right: 0px;\n  height: 100%;\n  width: 35px;\n  background-color: rgba(240, 240, 240, 0.7);\n  -webkit-transition: background-color 200ms linear;\n  -ms-transition: background-color 200ms linear;\n  transition: background-color 200ms linear;\n}\n\n.wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent .wcClose:hover {\n  background-color: rgba(230, 230, 230, 0.7);\n}\n\n.wcCloseButton {\n  width: 0;\n  height: 0;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n  border-right: 7px solid #999999;\n  top: calc(50% - 7px);\n  left: calc(50% - 5px);\n  position: absolute;\n  -webkit-transition: border-color 200ms linear;\n  -ms-transition: border-color 200ms linear;\n  transition: border-color 200ms linear;\n}\n\n.wcPlanner_MsgText.wcPlanner_InfoText {\n  color: #828282;\n  font-size: 15px;\n  line-height: 20px;\n}\n\n.wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent .wcClose:hover > .wcCloseButton {\n  border-right: 7px solid #222222;\n}\n\n.wcConfigurator-is-mobile-portrait .wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent,\n.wcConfigurator-is-mobile-landscape .wcConfigurator-product .wcConfigurator-product-center .wcPlanner_MsgContainerParent {\n  left: unset;\n}\n\n.wcPlanner_MsgContainer.wcPlanner_InfoContainer {\n  height: calc(84px - 2.4rem);\n}\n\n.wcPlanner_MsgContainer.wcPlanner_InfoContainer.wcPlanner_InfoContainerCollapsed {\n  padding-right: 1rem;\n}\n\n.wcConfigurator-is-mobile-landscape .wcPlanner_MsgContainer {\n  padding: 0.2rem calc(1.2rem + 20px) 0.2rem 1.2rem;\n}\n\n.wcConfigurator-is-mobile-landscape .wcPlanner_MsgText {\n  font-size: 15px;\n}\n\n\n*/\n";
+var css_248z = ".wcPlanner_MsgContainerParent-WfaBR {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 101;\n}\n\n.expanded-U8H0E.wcPlanner_MsgContainerParent-WfaBR {\n  left: 27%;\n  max-width: 30%;\n}\n.wcPlanner_MsgContainer-pAU-r {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 1.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: fadein-3hKT0 0.5s;\n}\n\n.wcPlanner_MsgContainer_Hide-d6Efu {\n  animation: cssAnimation-PxysF 5s forwards;\n}\n\n@keyframes fadein-3hKT0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes cssAnimation-PxysF {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.wcPlanner_InfoContainer-31NTl {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.wcPlanner_WarningContainer-iDg2J {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-QHnJP {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_InfoImg-E-1pp {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 26 26%22 style%3D%22enable-background%3Anew 0 0 26 26%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2213%22 cy%3D%2213.2%22 r%3D%2211.8%22%2F%3E%3Cpath class%3D%22st1%22 d%3D%22M13%2C11.6v7.8%22%2F%3E%3Ccircle cx%3D%2213%22 cy%3D%227.9%22 r%3D%220.8%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_WarningImg-Jbeq8 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcPlanner_MsgText-JYxg8 {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.wcConfigurator-is-mobile-landscape--lWJs .wcPlanner_MsgText-JYxg8,\n.wcConfigurator-is-mobile-portrait-ipbTW .wcPlanner_MsgText-JYxg8 {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.wcPlanner_WarningText-byrqX {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-qP0nc {\n  color: black;\n}\n\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcClose-zokxf {\n  transform: rotate(180deg);\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-6uydm .wcPlanner_InfoText-qP0nc {\n  display: none;\n}\n\n/* pfister style */\n.wcPlanner_MsgContainerParent-WfaBR .wcClose-zokxf {\n  display: none;\n}\n";
 styleInject(css_248z);
 
 var PlannerMsgContainer = function PlannerMsgContainer(_ref) {
@@ -90,6 +90,6 @@ var PlannerMsgContainer = function PlannerMsgContainer(_ref) {
     })
   });
 };
-var PlannerMsgContainer$1 = observer(PlannerMsgContainer);
+var index = observer(PlannerMsgContainer);
 
-export { PlannerMsgContainer$1 as default };
+export { index as default };

package/build/esm/{index-8902ce99.js → index-7e9fdecc.js}

@@ -1,4 +1,4 @@
-import './index-df938e09.js';
+import './index-6d5e37e3.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-ae3973cc.js → index-7ee3a8d4.js}

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-de82ea96.js';
-import Product from './index-7c946a2b.js';
-import Settings from './index-6580c12a.js';
-import TabGroup from './index-0b8f5b10.js';
-import NavigationButtons from './index-9d12a29c.js';
+import Inputbox from './index-3555fd81.js';
+import Product from './index-9df2d6d9.js';
+import Settings from './index-cb2abc08.js';
+import TabGroup from './index-547b4ee0.js';
+import NavigationButtons from './index-d3a84d32.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-ec445682.js';
+import BasketActionStandard from './index-a90307d3.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-69bbf527.js';
-import ProgressBar from './index-a9e92851.js';
-import BarrierActions from './index-2cffc8f1.js';
+import BasketMobile from './index-e9f0e838.js';
+import ProgressBar from './index-a4e2ac94.js';
+import BarrierActions from './index-16a65612.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,71 +26,67 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-64c57a00.js';
-import './index-52b386be.js';
-import './index-ad5c8e67.js';
-import './index-84fe256f.js';
-import './index-a0eaa471.js';
+import './index-41927d7b.js';
+import './index-5aace551.js';
+import './index-96509aaa.js';
+import './index-399c4d8f.js';
+import './index-5a662cf4.js';
 import 'react-laag';
-import './index-b6220a84.js';
-import './index-59392ae7.js';
-import './index-64383149.js';
+import './index-409414ad.js';
+import './index-831f97fb.js';
+import './index-4117ba92.js';
 import 'sift';
-import './index-2b3883fc.js';
-import './index-350d8b1f.js';
-import './index-ed3c1695.js';
-import './index-082300ef.js';
-import './index.module-2e57dd5c.js';
-import './index-16633363.js';
+import './index-8783bbc0.js';
+import './index-60a9bb1b.js';
+import './index-2d9fcb2d.js';
+import './index-b53492e8.js';
+import './index.module-161259fd.js';
+import './index-b8bcaa97.js';
 import 'react-switch';
-import './index-b20e169e.js';
-import './index-353eecb9.js';
+import './index-1f2a5880.js';
+import './index-1beee556.js';
 import 'react-dropdown';
-import './index-fbc6f320.js';
-import './index-5134ead7.js';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
+import './index-31007c77.js';
+import './index-88c90c7f.js';
+import './index-22786a03.js';
+import './index-908cdf40.js';
 import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-2ddf5238.js';
-import './index-0f9d0da4.js';
-import './index-1b39597e.js';
+import './index-62deda33.js';
+import './index-6bddbb12.js';
+import './index-142af4a9.js';
+import './index-4608a7f6.js';
+import './index-29351fd3.js';
 import '@crystaldesign/products-component';
-import './index-9f99a8fa.js';
-import './index-3c193068.js';
-import './index-5ca2154a.js';
-import './index-dfc6ce9a.js';
-import './index-fc153606.js';
-import './index-b3608d4a.js';
-import './index-4c84882c.js';
-import './index-75a0c65b.js';
-import './index-f4863358.js';
-import './index-cad87ce4.js';
-import './index-f752e8a0.js';
-import './index-f9309d78.js';
-import './index-dd56d95b.js';
-import './index.module-73422bd1.js';
-import './index-e8a7abed.js';
-import './index-c6b25ae7.js';
-import './index-1fa70e4d.js';
-import './index-5ec90b25.js';
-import './index-26008a76.js';
-import './index-fab630a6.js';
-import './index-b7634732.js';
-import './index.module-fe43cac5.js';
-import './index-2f04aeae.js';
-import './index-0b97bad0.js';
-import './index-a7437a21.js';
-import './index-dfa0c3ac.js';
-import './index-a8e4a404.js';
-import 'react-collapsible';
-import './index-e3902551.js';
-import './index-67da9d0f.js';
-import './index-de1b4a37.js';
-import './index-03ad9eca.js';
-import './index-ff308b3a.js';
-import './index-7e8566e9.js';
+import './index-bed87284.js';
+import './index-f3b97d31.js';
+import './index-431e1db0.js';
+import './index-ee146e07.js';
+import './index-0d1f740f.js';
+import './index-01347949.js';
+import './index-d3ea8e48.js';
+import './index-97cc9d83.js';
+import './index-3a8f22fc.js';
+import './index-42fcf0d2.js';
+import './index-234a793f.js';
+import './index-096176b1.js';
+import './index-a4103c43.js';
+import './index.module-44029914.js';
+import './index-19c1bb58.js';
+import './index-54c317b0.js';
+import './index-88508a8b.js';
+import './index-1b99008e.js';
+import './index-b28c2f52.js';
+import './index-e99ebd28.js';
+import './index-7c8b01c4.js';
+import './index.module-3f850010.js';
+import './index-817b4a6b.js';
+import './index-0ca9d660.js';
+import './index-5c3bc453.js';
+import './index-cc6f1c84.js';
+import './index-26a2a59a.js';
+import './index-93aaea4e.js';
+import './index-05ed7ac6.js';
+import './index-9b8a0beb.js';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";

package/build/esm/{index-2f04aeae.js → index-817b4a6b.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-1fa70e4d.js';
-import SettingsHeader from './index-52b386be.js';
-import ReplaceSwitch from './index-0b97bad0.js';
+import StepInfo from './index-88508a8b.js';
+import SettingsHeader from './index-5aace551.js';
+import ReplaceSwitch from './index-0ca9d660.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-0a3def68.js → index-81eeb7f1.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-df938e09.js';
+import { u as useViewHandler } from './index-6d5e37e3.js';
 import 'react';
-import Toggle from './index-16633363.js';
+import Toggle from './index-b8bcaa97.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0755d683.js → index-81fcff25.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import { s as styleInject, u as useViewHandler } from './index-6d5e37e3.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-dfc6ce9a.js';
-import GenericToolTip from './index-fc153606.js';
+import MetaData from './index-ee146e07.js';
+import GenericToolTip from './index-0d1f740f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';