@crystaldesign/diva-web-planner-react 26.3.0-beta.16 → 26.3.0-beta.18

package/build/esm/{index.module-517477f8.js → index.module-498ae038.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wrapper = "wrapper-TcEZn";
 var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n";

package/build/esm/{index.module-42ad8abc.js → index.module-4a7ecdbc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-2eea7ec6.js → index.module-902b832a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-ea18a28c.js → index.module-997fb0a0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-ff7952ee.js → index.module-9ec3692b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-728e5fe3.js → index.module-a78fa49d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-7d48bd47.js → index.module-e6c7cf34.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-81ca083b.js → index.module-f39a010f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{react-json-viewer-a6420aa4.js → react-json-viewer-cd9bc7d1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4c9b6676.js';
+import { s as styleInject } from './index-beea7e3b.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

package/build/esm/{useCustomDimensions-4c4561e5.js → useCustomDimensions-f9400665.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4c9b6676.js';
+import { u as useViewHandler } from './index-beea7e3b.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-e7451430.js → ussIsSticky-bfc91c35.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-4c9b6676.js';
+import './index-beea7e3b.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/umd/1389.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 1389.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1389,6340,6135,8544,9154,1051,8657,7318],{21389:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(63762),l=t(46770),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),v=t(3565),C=t.n(v),g=t(19216),b=t.n(g),w=t(44589),y=t.n(w),P=t(37598),j={};j.styleTagTransform=y(),j.setAttributes=C(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(88683),O=t(29154),Z=t(7318),F=t(98544),k=t(48657),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const E=(0,s.Pi)((function Article(e){var n,t,i=e.item,r=e.paletteId,s=i,u=(0,a.NP)(),x=(0,S.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,v=(0,c.useState)(""),C=(0,o.Z)(v,2),g=C[0],b=C[1],w={},y={},j=void 0,E=!1,D={},N=(0,l.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,l.sJ)({isOpen:N[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||s.contentItemId||(E=N[0],D=N[1],w=z.triggerProps,y=z.layerProps,j=z.renderLayer);var _=u.getViewConfig().dontShowBasePrice||h||!s.price,A=u.settingsState.plannerReplaceMode&&!(1==r&&u.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,_?P.CE:void 0,"wcConfigurator_Article",s.sel?P.pA:void 0,A?P.y8:void 0),onClick:function onClick(){return u.paletteViewHandler.clickedOnPlannerPalette(s,r)}},w),D),{},{children:[(0,I.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,I.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(s.image,")")}}),(0,I.jsxs)("div",{className:d()(P.G8),children:[(0,I.jsx)("div",{className:d()(P.db,g?P.jm:void 0),dangerouslySetInnerHTML:{__html:s.title}}),(0,I.jsx)(O.default,{metaData:s.metaData,visible:[g,b]},s.codex),E&&(null===(n=j)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=s.longDescription)&&void 0!==t?t:s.title,desciption:g,codex:s.articleCodex,image:s.image,layerProps:y,price:s.price},s.codex))),(0,I.jsx)("div",{className:d()(P.cD),children:s.sizeInfo})]}),s.contentItemId&&(0,I.jsx)(F.default,{item:s,style:{bottom:8}},s.articleCodex)]}),!_&&(0,I.jsx)(k.default,{price:s.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(87363),g=t(63762),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,g.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,C.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,C.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(84887),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.Z,g);C.Z&&C.Z.locals&&C.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:C.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],v=(0,r.useState)(0),C=(0,i.Z)(v,2),g=C[0],b=C[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},Z=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const F=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],v=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(C.aH,"left"==i?C.t$:C.F2,C.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||v(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(C.aH,h&&!g?C.pn:void 0,p.getIsInMobileView()?C.ai:void 0,"left"==i?C.t$:C.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(23327),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],v=f[1];return(0,r.useEffect)((function(){h||v(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(C.Cu,h?C.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:C.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:C.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:C._W,children:d}),a&&(0,j.jsx)("div",{className:C._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},37598:(e,n,t)=>{t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>a,ZP:()=>C,cD:()=>v,db:()=>x,iZ:()=>m,jm:()=>p,pA:()=>l,vc:()=>f,y8:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Planner*/\n\n.index-module--xf3EF {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xf3EF.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--xf3EF .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--xf3EF .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--xf3EF .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--xf3EF .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--xf3EF .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xf3EF .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--xf3EF .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--xf3EF .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--xf3EF .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--xf3EF .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var a="index-module--xf3EF",l="index-module--hky1u",s="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",x="index-module--ZOQJv",p="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",h="index-module--aPfw3",v="index-module--KvaU1";const C=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1389,6340,6135,8544,9154,1051,8657,7318],{21389:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(63762),l=t(46770),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),v=t(3565),C=t.n(v),g=t(19216),b=t.n(g),w=t(44589),y=t.n(w),P=t(37598),j={};j.styleTagTransform=y(),j.setAttributes=C(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(88683),O=t(29154),F=t(7318),Z=t(98544),k=t(48657),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const E=(0,s.Pi)((function Article(e){var n,t,i=e.item,r=e.paletteId,s=i,u=(0,a.NP)(),x=(0,S.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,v=(0,c.useState)(""),C=(0,o.Z)(v,2),g=C[0],b=C[1],w={},y={},j=void 0,E=!1,D={},N=(0,l.XI)({delayEnter:1500,hideOnScroll:!0}),A=(0,l.sJ)({isOpen:N[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||s.contentItemId||(E=N[0],D=N[1],w=A.triggerProps,y=A.layerProps,j=A.renderLayer);var _=u.getViewConfig().dontShowBasePrice||h||!s.price,z=u.settingsState.plannerReplaceMode&&!(1==r&&u.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,_?P.CE:void 0,"wcConfigurator_Article",s.sel?P.pA:void 0,z?P.y8:void 0),onClick:function onClick(){return u.paletteViewHandler.clickedOnPlannerPalette(s,r)}},w),D),{},{children:[(0,I.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,I.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(s.image,")")}}),(0,I.jsxs)("div",{className:d()(P.G8),children:[(0,I.jsx)("div",{className:d()(P.db,g?P.jm:void 0),dangerouslySetInnerHTML:{__html:s.title}}),(0,I.jsx)(O.default,{metaData:s.metaData,visible:[g,b]},s.codex),E&&(null===(n=j)||void 0===n?void 0:n((0,I.jsx)(F.default,{text:null!==(t=s.longDescription)&&void 0!==t?t:s.title,desciption:g,codex:s.articleCodex,image:s.image,layerProps:y,price:s.price},s.codex))),(0,I.jsx)("div",{className:d()(P.cD),children:s.sizeInfo})]}),s.contentItemId&&(0,I.jsx)(Z.default,{item:s,style:{bottom:8}},s.articleCodex)]}),!_&&(0,I.jsx)(k.default,{price:s.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(87363),g=t(63762),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,g.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,C.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,C.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(84887),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.Z,g);C.Z&&C.Z.locals&&C.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:C.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],v=(0,r.useState)(0),C=(0,i.Z)(v,2),g=C[0],b=C[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},F=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],v=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(C.aH,"left"==i?C.t$:C.F2,C.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||v(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(C.aH,h&&!g?C.pn:void 0,p.getIsInMobileView()?C.ai:void 0,"left"==i?C.t$:C.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(23327),g={};g.styleTagTransform=v(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],v=f[1];return(0,r.useEffect)((function(){h||v(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(C.Cu,h?C.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:C.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:C.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:C._W,children:d}),a&&(0,j.jsx)("div",{className:C._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},37598:(e,n,t)=>{t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>a,ZP:()=>C,cD:()=>v,db:()=>x,iZ:()=>m,jm:()=>p,pA:()=>l,vc:()=>f,y8:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Planner*/\n\n.index-module--xf3EF {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xf3EF.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--xf3EF .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--xf3EF .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--xf3EF .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--xf3EF .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--xf3EF .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xf3EF .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--xf3EF .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--xf3EF .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--xf3EF .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--xf3EF .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var a="index-module--xf3EF",l="index-module--hky1u",s="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",x="index-module--ZOQJv",p="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",h="index-module--aPfw3",v="index-module--KvaU1";const C=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);

package/build/umd/4342.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4342.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4342,6340,6135,9154,1051,8657,7318],{74342:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(34988),o=t(9420),a=t(87363),d=t(46770),s=t(63762),l=t(7318),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),g=t(3565),h=t.n(g),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),w=t(48196),j={};j.styleTagTransform=P(),j.setAttributes=h(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();u()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var O=t(88683),S=t(65515),C=t.n(S),I=t(29154),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,o.Pi)((function Item(e){var n,t,r=e.selectedElement,o=e.paletteId,c=(0,s.NP)(),u=(0,O.useTranslation)().t,p=(0,O.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,a.useState)(""),g=(0,i.Z)(f,2),h=g[0],b=g[1],v={},y={},P=void 0,j=!1,S={},D=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),M=(0,d.sJ)({isOpen:D[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(j=D[0],S=D[1],v=M.triggerProps,y=M.layerProps,P=M.renderLayer);var Z=r.codex.includes("OPV_NICHT_RELEVANT"),z=!r.image&&!r.hexColor;return Z?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)("div",{className:C()(w.YS,z?w.aS:void 0),children:[(0,a.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},v),S),{},{key:r.codex,className:C()(w.bG,z?w.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(o,r.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),r.image?(0,k.jsx)("img",{className:w.BH,src:r.image}):r.hexColor?(0,k.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+r.hexColor}}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w.fL,children:r.text}),(0,k.jsx)(I.default,{metaData:r.metaData,visible:[h,b]},r.codex)]}),j&&(null===(n=P)||void 0===n?void 0:n((0,k.jsx)(l.default,{text:r.text,codex:null===(t=r.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:r.image,hexColor:r.hexColor,layerProps:y},r.codex)))),(0,k.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(r,void 0,o)},className:w.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var r=t(34988),i=t(63762),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var y=t(47514);const P=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,d=void 0===a?(0,o.useState)(""):a,s=(0,r.Z)(d,2),l=s[0],c=s[1],u=(0,i.NP)(),p=(0,o.useState)(""),x=(0,r.Z)(p,2),m=x[0],f=x[1],g=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var r=function _loop(r){var i=null==t?void 0:t.find((function(e){return e.codex===g[r]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<g.length;i++)r(i)}f(e),c(e)}}),[]),l?(0,y.jsx)("div",{style:n,className:b.B,children:m}):(0,y.jsx)(y.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var r=t(34988),i=t(88683),o=t(87363),a=t(7501),d=t(63762),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,r.Z)(x,2),f=m[0],g=m[1],h=(0,o.useState)(0),b=(0,r.Z)(h,2),v=b[0],y=b[1],P=(0,d.NP)();return(0,o.useEffect)((function(){g(s)}),[s]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):i.DivaUtils.formatPrice(e,P.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){y(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(88683),P=t(63762),w=t(65515),j=t.n(w),O=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},I=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,o=use(r),a=(0,P.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(O.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+y.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const k=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,a=e.style,d=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,y.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,P.NP)(),m=(0,o.useState)(l),f=(0,i.Z)(m,2),g=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(d)return(0,S.jsx)("div",{className:j()(b.aH,"left"==r?b.t$:b.F2,b.pn),style:a,children:y.DivaUtils.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},y.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&s;return n?(n.promise.then((function(){g||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(C,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(b.aH,g&&!v?b.pn:void 0,x.getIsInMobileView()?b.ai:void 0,"left"==r?b.t$:b.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(I,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(88683),P=t(48657),w=t(65515),j=t.n(w),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,r=e.text,a=e.desciption,d=e.codex,s=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=e.price,p=null==t?void 0:t.replace("_gal","").replace("_low",""),x=(0,y.useDivaCore)().state.theme,m=(0,o.useState)(!1),f=(0,i.Z)(m,2),g=f[0],h=f[1];return(0,o.useEffect)((function(){g||h(!0)}),[]),(0,O.jsxs)("div",_objectSpread(_objectSpread({className:j()(b.Cu,g?b.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==x||null===(n=x.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[p?(0,O.jsx)("img",{src:p,alt:r}):s?(0,O.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+s}}):(0,O.jsx)(O.Fragment,{}),(0,O.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:r}}),a&&(0,O.jsx)("div",{className:b._W,children:a}),d&&(0,O.jsx)("div",{className:b._W,children:d}),void 0!==c&&(0,O.jsx)(P.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,O.jsx)(P.default,{price:u,dontAnimatePrice:!0})]}))}},48196:(e,n,t)=>{t.d(n,{BH:()=>g,CO:()=>h,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>b,lM:()=>v,uT:()=>f});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(71e3),t.b),c=a()(i()),u=s()(l);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",g="index-module--oYAKU",h="index-module--aQoiU",b="index-module--m0KIY",v="index-module--ZL1Oz";const y=c},84887:(e,n,t)=>{t.d(n,{B:()=>d,Z:()=>s});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var d="index-module--hpPAb";const s=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>d,ai:()=>s,pn:()=>u,t$:()=>l});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var d="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>s,Cu:()=>d,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var d="index-module--gs4wQ",s="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4342,6340,6135,9154,1051,8657,7318],{74342:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(34988),o=t(9420),a=t(87363),d=t(46770),s=t(63762),l=t(7318),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),g=t(3565),h=t.n(g),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),w=t(48196),j={};j.styleTagTransform=P(),j.setAttributes=h(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();u()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var O=t(88683),S=t(65515),C=t.n(S),I=t(29154),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,o.Pi)((function Item(e){var n,t,r=e.selectedElement,o=e.paletteId,c=(0,s.NP)(),u=(0,O.useTranslation)().t,p=(0,O.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,a.useState)(""),g=(0,i.Z)(f,2),h=g[0],b=g[1],v={},y={},P=void 0,j=!1,S={},D=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),M=(0,d.sJ)({isOpen:D[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(j=D[0],S=D[1],v=M.triggerProps,y=M.layerProps,P=M.renderLayer);var Z=r.codex.includes("OPV_NICHT_RELEVANT"),E=!r.image&&!r.hexColor;return Z?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)("div",{className:C()(w.YS,E?w.aS:void 0),children:[(0,a.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},v),S),{},{key:r.codex,className:C()(w.bG,E?w.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(o,r.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),r.image?(0,k.jsx)("img",{className:w.BH,src:r.image}):r.hexColor?(0,k.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+r.hexColor}}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w.fL,children:r.text}),(0,k.jsx)(I.default,{metaData:r.metaData,visible:[h,b]},r.codex)]}),j&&(null===(n=P)||void 0===n?void 0:n((0,k.jsx)(l.default,{text:r.text,codex:null===(t=r.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:r.image,hexColor:r.hexColor,layerProps:y},r.codex)))),(0,k.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(r,void 0,o)},className:w.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var r=t(34988),i=t(63762),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var y=t(47514);const P=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,d=void 0===a?(0,o.useState)(""):a,s=(0,r.Z)(d,2),l=s[0],c=s[1],u=(0,i.NP)(),p=(0,o.useState)(""),x=(0,r.Z)(p,2),m=x[0],f=x[1],g=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var r=function _loop(r){var i=null==t?void 0:t.find((function(e){return e.codex===g[r]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<g.length;i++)r(i)}f(e),c(e)}}),[]),l?(0,y.jsx)("div",{style:n,className:b.B,children:m}):(0,y.jsx)(y.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var r=t(34988),i=t(88683),o=t(87363),a=t(7501),d=t(63762),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,r.Z)(x,2),f=m[0],g=m[1],h=(0,o.useState)(0),b=(0,r.Z)(h,2),v=b[0],y=b[1],P=(0,d.NP)();return(0,o.useEffect)((function(){g(s)}),[s]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):i.DivaUtils.formatPrice(e,P.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){y(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(88683),P=t(63762),w=t(65515),j=t.n(w),O=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},I=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,o=use(r),a=(0,P.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(O.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+y.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const k=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,a=e.style,d=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,y.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,P.NP)(),m=(0,o.useState)(l),f=(0,i.Z)(m,2),g=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(d)return(0,S.jsx)("div",{className:j()(b.aH,"left"==r?b.t$:b.F2,b.pn),style:a,children:y.DivaUtils.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},y.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&s;return n?(n.promise.then((function(){g||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(C,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(b.aH,g&&!v?b.pn:void 0,x.getIsInMobileView()?b.ai:void 0,"left"==r?b.t$:b.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(I,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),g=t(44589),h=t.n(g),b=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(88683),P=t(48657),w=t(65515),j=t.n(w),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,r=e.text,a=e.desciption,d=e.codex,s=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=e.price,p=null==t?void 0:t.replace("_gal","").replace("_low",""),x=(0,y.useDivaCore)().state.theme,m=(0,o.useState)(!1),f=(0,i.Z)(m,2),g=f[0],h=f[1];return(0,o.useEffect)((function(){g||h(!0)}),[]),(0,O.jsxs)("div",_objectSpread(_objectSpread({className:j()(b.Cu,g?b.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==x||null===(n=x.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[p?(0,O.jsx)("img",{src:p,alt:r}):s?(0,O.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+s}}):(0,O.jsx)(O.Fragment,{}),(0,O.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:r}}),a&&(0,O.jsx)("div",{className:b._W,children:a}),d&&(0,O.jsx)("div",{className:b._W,children:d}),void 0!==c&&(0,O.jsx)(P.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,O.jsx)(P.default,{price:u,dontAnimatePrice:!0})]}))}},48196:(e,n,t)=>{t.d(n,{BH:()=>g,CO:()=>h,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>b,lM:()=>v,uT:()=>f});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(71e3),t.b),c=a()(i()),u=s()(l);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",g="index-module--oYAKU",h="index-module--aQoiU",b="index-module--m0KIY",v="index-module--ZL1Oz";const y=c},84887:(e,n,t)=>{t.d(n,{B:()=>d,Z:()=>s});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const s=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>d,ai:()=>s,pn:()=>u,t$:()=>l});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var d="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>s,Cu:()=>d,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var d="index-module--gs4wQ",s="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);