@crystaldesign/diva-web-planner-react 25.4.0-beta.46 → 25.4.0-beta.48

package/build/esm/{index-06344293.js → index-fad051d7.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-8b51bdc0.js';
+import { u as useViewHandler } from './index-8cb68eba.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-1eb5a081.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-c8e9649b.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-ffb7c1bc.js';
-import properties$1 from './ArticleProperties-a7dc9b6b.js';
-import properties$2 from './OptionProperties-2272669a.js';
-import properties$3 from './OptionValueProperties-f07c3667.js';
+import properties from './CatalogProperties-4e3ee573.js';
+import properties$1 from './ArticleProperties-379c7059.js';
+import properties$2 from './OptionProperties-ac54688d.js';
+import properties$3 from './OptionValueProperties-24ee0668.js';
 import Select from 'react-select';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-9a6ab9f2.js';
+import './index-b6ac6d2c.js';
 import 'react-switch';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-df54e85d.js → index-fbc1cef6.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-8b51bdc0.js';
+import './index-8cb68eba.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-7a70e2c8.js';
-import JsonEditor from './index-1abf62b5.js';
+import ArticleOverview from './index-7cfcaaed.js';
+import JsonEditor from './index-d616c3bd.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-a76bd9ba.js';
-import './index.module-8d0c2bb0.js';
+import './index.module-edd9cf00.js';
+import './index.module-f2ae7cee.js';
 import 'classnames';
-import './index.module-10bdd5eb.js';
+import './index.module-fc65d30a.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-9f16ddf7.js → index-ff604316.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-8b51bdc0.js';
+import { s as styleInject, u as useViewHandler } from './index-8cb68eba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-f1bf44cd.js → index-ffa6c9d1.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-8b51bdc0.js';
+import './index-8cb68eba.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-beada422.js';
+import Group from './index-2cfbf9ea.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,8 +19,8 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
 import 'react-collapsible';
-import './index-fdebd928.js';
-import './index-4463273f.js';
+import './index-68d8b839.js';
+import './index-643b872c.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-8b51bdc0.js';
+export { W as WebPlannerReact, c as default } from './index-8cb68eba.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-f3074554.js → index.module-0174566f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var mobile = "mobile--gThy";

package/build/esm/{index.module-e9fb9f7f.js → index.module-031ba293.js}

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

package/build/esm/{index.module-7061319c.js → index.module-06616173.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-7a835097.js → index.module-09998ec3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wrapper = "wrapper-XXCGP";
 var subWrapper = "sub-wrapper-4ioWs";

package/build/esm/{index.module-c07b2e96.js → index.module-11d9b485.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-e1c4e84c.js → index.module-3c150cb6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-7952d4e2.js → index.module-7c98fa8f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-0d529565.js → index.module-8001c024.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-ab74d34b.js → index.module-bfc72643.js}

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

package/build/esm/{index.module-8da4d7bf.js → index.module-db750b05.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-0a951770.js → index.module-df19a8f3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var wrapper = "wrapper-Fhn4b";
 var infoText = "info-text-NmbmI";

package/build/esm/{index.module-a76bd9ba.js → index.module-edd9cf00.js}

@@ -1,10 +1,10 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";
 var scrollable = "scrollable-3ioON";
 var header = "header-vrLQr";
-var css_248z = ".table-bUPL7 {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-bUPL7 thead {\n  font-weight: bold !important;\n}\n.table-bUPL7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-MtERL {\n  text-align: left;\n  height: 20px;\n}\n.column-MtERL th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-MtERL th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-MtERL th:last-child {\n  font-size: 12px;\n}\n.scrollable-3ioON {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.header-vrLQr {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n}\n";
+var css_248z = ".table-bUPL7 {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-bUPL7 thead {\n  font-weight: bold !important;\n}\n.table-bUPL7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-MtERL {\n  text-align: left;\n  height: 20px;\n}\n.column-MtERL th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-MtERL th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-MtERL th:last-child {\n  font-size: 12px;\n}\n.scrollable-3ioON {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n.header-vrLQr {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n}\n";
 styleInject(css_248z);
 
 export { column as c, header as h, scrollable as s, table as t };

package/build/esm/{index.module-8d0c2bb0.js → index.module-f2ae7cee.js}

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

package/build/esm/{index.module-10bdd5eb.js → index.module-fc65d30a.js}

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

package/build/esm/{react-json-viewer-e1231108.js → react-json-viewer-9d785842.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8b51bdc0.js';
+import { s as styleInject } from './index-8cb68eba.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/types/web-planner-react/src/components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.d.ts

@@ -1,5 +1,6 @@
 import { IDMDecision } from '@crystaldesign/web-planner-logic/interface/IDM/Decision';
 import React from 'react';
+import { Snapshot } from '@crystaldesign/web-planner-logic';
 interface DecisionAction {
     Type?: string;
     FeatureRef?: string;
@@ -36,6 +37,13 @@ interface Decision {
 }
 interface DecisionVisualizationProps {
     decision: Decision | IDMDecision;
+    matchingOptions?: {
+        [opt: string]: string;
+    };
+    snapshots?: {
+        before: Snapshot;
+        after: Snapshot;
+    };
 }
 declare const DecisionVisualization: React.FC<DecisionVisualizationProps>;
 export default DecisionVisualization;

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DecisionVizualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;CACrC;AAED,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,6BAA6B,EAAE,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAC;CAClC;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgH/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"DecisionVizualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AACtF,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;CACrC;AAED,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,6BAA6B,EAAE,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,QAAQ,CAAA;KAAE,CAAC;CACnD;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyL/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/DecisionAnalyzer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/DecisionAnalyzer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAQnE,OAAO,mCAAmC,CAAC;AAK3C,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;wCAER,KAAK;;;AA6G7C,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/DecisionAnalyzer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAQnE,OAAO,mCAAmC,CAAC;AAI3C,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;wCAaR,KAAK;;;AAiI7C,wBAA0C"}

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/PartList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/PartList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AASnE,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;qDAeH,KAAK;;;AAoGlD,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/Product/catalog/Components/PartList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAWnE,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;qDAyBH,KAAK;;;AAwHlD,wBAAkC"}

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,EA6YA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CatalogProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,EAwZA,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 198.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[198,9229],{19229:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var o=i(34988),d=i(53185),t=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),m=i.n(p),c=i(19216),h=i.n(c),v=i(44589),b=i.n(v),y=i(84887),g={};g.styleTagTransform=b(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();l()(y.Z,g);y.Z&&y.Z.locals&&y.Z.locals;var w=i(47514);const f=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,t.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,d.NP)(),p=(0,t.useState)(""),m=(0,o.Z)(p,2),c=m[0],h=m[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,t.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var d=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!d)return 1;""!==e&&(e+=" "),e=e+(d.name?d.name+": ":"")+d.values[n]},d=0;d<v.length;d++)o(d)}h(e),x(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:y.B,children:c}):(0,w.jsx)(w.Fragment,{})}},10198:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Y});var o=i(80248),d=i(34988),t=i(65515),r=i.n(t),l=i(53185),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),m=i.n(p),c=i(90569),h=i.n(c),v=i(3565),b=i.n(v),y=i(19216),g=i.n(y),w=i(44589),f=i.n(w),P=i(94896),O={};O.styleTagTransform=f(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=m(),O.insertStyleElement=g();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(76108),D=i(19229),C=i(88683),Z=i(21336),A=i(59214),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const Y=(0,a.Pi)((function Option(e){var n,i,o=e.item,t=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),m=(0,s.useState)(""),c=(0,d.Z)(m,2),h=c[0],v=c[1],b=(0,C.useDivaCore)().state.dimensions,y=b.isMobile,g=b.isTablet,w={},f={},O=void 0,Y=!1,K={},q=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),N=(0,k.sJ)({isOpen:q[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||g||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(Y=q[0],K=q[1],w=N.triggerProps,f=N.layerProps,O=N.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==t?P.yG:void 0,"big"==t?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),K),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,z.jsx)("img",{className:r()(P.K5),src:u.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,z.jsx)(Z.default,{item:u},u.codex)]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,z.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,z.jsx)(D.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel}),Y&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:f},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.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}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>c,K5:()=>p,TN:()=>m,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\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.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",m="index-module--H1OcY",c="index-module--DPdO8";const h=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[198,9229],{19229:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var o=i(34988),d=i(53185),t=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),m=i.n(p),c=i(19216),h=i.n(c),v=i(44589),b=i.n(v),y=i(84887),g={};g.styleTagTransform=b(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();l()(y.Z,g);y.Z&&y.Z.locals&&y.Z.locals;var w=i(47514);const f=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,t.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,d.NP)(),p=(0,t.useState)(""),m=(0,o.Z)(p,2),c=m[0],h=m[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,t.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var d=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!d)return 1;""!==e&&(e+=" "),e=e+(d.name?d.name+": ":"")+d.values[n]},d=0;d<v.length;d++)o(d)}h(e),x(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:y.B,children:c}):(0,w.jsx)(w.Fragment,{})}},10198:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Y});var o=i(80248),d=i(34988),t=i(65515),r=i.n(t),l=i(53185),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),m=i.n(p),c=i(90569),h=i.n(c),v=i(3565),b=i.n(v),y=i(19216),g=i.n(y),w=i(44589),f=i.n(w),P=i(94896),O={};O.styleTagTransform=f(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=m(),O.insertStyleElement=g();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(76108),D=i(19229),C=i(88683),Z=i(21336),z=i(59214),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const Y=(0,a.Pi)((function Option(e){var n,i,o=e.item,t=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),m=(0,s.useState)(""),c=(0,d.Z)(m,2),h=c[0],v=c[1],b=(0,C.useDivaCore)().state.dimensions,y=b.isMobile,g=b.isTablet,w={},f={},O=void 0,Y=!1,K={},q=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),N=(0,k.sJ)({isOpen:q[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||g||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(Y=q[0],K=q[1],w=N.triggerProps,f=N.layerProps,O=N.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==t?P.yG:void 0,"big"==t?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),K),{},{children:[(0,A.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,A.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,A.jsx)("img",{className:r()(P.K5),src:u.image}):(0,A.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,A.jsx)(Z.default,{item:u},u.codex)]}),(0,A.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,A.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,A.jsx)(D.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,A.jsx)(z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel}),Y&&(null===(i=O)||void 0===i?void 0:i((0,A.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:f},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.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 l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>c,K5:()=>p,TN:()=>m,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\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.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",m="index-module--H1OcY",c="index-module--DPdO8";const h=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2072.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2072,5108],{72072:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var o=t(80248),i=t(34988),r=t(72874),d=t(88623),l=t(87363),a=t(53185),s=t(93476),c=t(92349),u=t(9420),x=t(65515),m=t.n(x),p=t(51203),g=t(57446),h=t.n(g),b=t(85108),f=t(47514),w=["settings","title","ChildComponent"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const v=(0,u.Pi)((function ArticleOverview(n){var e,t=n.settings,o=n.title,u=n.ChildComponent,x=(0,r.Z)(n,w),g=(0,a.NP)();g.tabGroupState.allTabGroups;var v=(0,l.useState)(!0),j=(0,i.Z)(v,2),y=j[0],k=j[1],P=(0,l.useState)(0),N=(0,i.Z)(P,2),I=N[0],Z=N[1],O=(0,l.useState)(t[0].key),S=(0,i.Z)(O,2),A=S[0],C=S[1],D=g.divaWebPlanner.getDivaArticles();null===(e=g.divaWebPlanner.actSet())||void 0===e||e.configTree;if(!D)return(0,f.jsx)(f.Fragment,{});var G,z,M=Object.values(D),F=M.filter((function(n){return n.hasCatalogPlannerArticle})).map((function(n){return n.catalogArticle.catalogPlannerArticle})),J={};"OPTIONSTATES"===A&&(J=M.map((function(n){return n.VariantValues}))[I]);("DECISIONS"===A&&(J=JSON.parse(JSON.stringify((0,d.ZN)(M.map((function(n){return n.decisions})))))),"CONFIGTREE"===A&&(J={}),"J3D"===A)&&(J=null!=M&&null!==(G=M[I])&&void 0!==G&&G.j3D?JSON.parse(JSON.stringify(null==M||null===(z=M[I])||void 0===z?void 0:z.j3D)):{});return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)("div",_objectSpread(_objectSpread({},x),{},{className:m()(x.className,g.uiState.configSettingsIsExpanded?p.NF:void 0),style:{zIndex:700},children:[(0,f.jsx)("a",{className:s.Fs,children:o}),(0,f.jsx)(h(),_objectSpread(_objectSpread({trigger:(0,f.jsx)("div",{className:c.Ux,children:(0,f.jsx)("img",{src:b,className:c.Jf})}),onClose:function onClose(){return k(!y)},onOpen:function onOpen(){return k(!y)},triggerWhenOpen:(0,f.jsxs)("div",{className:c.Ux,children:[" ",(0,f.jsx)("img",{src:b,className:c.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,f.jsx)("div",{className:c.qk,children:M.map((function(n,e){return(0,f.jsxs)("div",{className:m()(c.BZ,e===I?c.Od:void 0),onClick:function onClick(){Z(e)},children:[(0,f.jsx)("img",{src:n.imageUrl,className:c.tX}),(0,f.jsx)("p",{children:n.posNr}),(0,f.jsx)("p",{children:n.name}),(0,f.jsx)("p",{children:n.basketId})]},n.basketId)}))})})),(0,f.jsx)("div",{className:c.Uj,children:t.map((function(n,e){return(0,f.jsx)("button",{onClick:function onClick(){return C(n.key)},className:A===n.key?c._D:void 0,children:n.name},n.key)}))}),(0,f.jsx)(u,_objectSpread(_objectSpread({},x),{},{json:J,selectedJson:A,isExpanded:y,plannerArticles:F,curBox:I,divaArticles:M}))]}))})}))},62860:(n,e,t)=>{t.d(e,{BZ:()=>l,Jf:()=>x,Od:()=>a,Uj:()=>h,Ux:()=>u,YS:()=>p,ZP:()=>f,_D:()=>b,l1:()=>m,qk:()=>s,rp:()=>g,tX:()=>c});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var l="index-module--d56lH",a="index-module--TipV7",s="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",x="index-module--Sj8he",m="index-module--FqwmN",p="index-module--cGqPx",g="index-module--HI_ql",h="index-module--kIX5J",b="index-module--x1F61";const f=d},98793:(n,e,t)=>{t.d(e,{$Q:()=>a,Fs:()=>c,Kz:()=>l,ZP:()=>u,fm:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n}\n",""]);var l="index-module--LmG2a",a="index-module--A0hQw",s="index-module--PcNw4",c="index-module--Gh5Gk";const u=d},89965:(n,e,t)=>{t.d(e,{NF:()=>a,ZP:()=>c,ec:()=>l,pb:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var l="index-module--NA4Nc",a="index-module--zxgl3",s="index-module--WGNyK";const c=d},92349:(n,e,t)=>{t.d(e,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(62860),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},93476:(n,e,t)=>{t.d(e,{$Q:()=>g.$Q,Fs:()=>g.Fs,Kz:()=>g.Kz,fm:()=>g.fm});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(98793),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},51203:(n,e,t)=>{t.d(e,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(89965),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},85108:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2072,5108],{72072:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var o=t(80248),i=t(34988),r=t(72874),d=t(88623),l=t(87363),a=t(53185),s=t(93476),c=t(92349),u=t(9420),x=t(65515),m=t.n(x),p=t(51203),g=t(57446),h=t.n(g),b=t(85108),f=t(47514),w=["settings","title","ChildComponent"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const v=(0,u.Pi)((function ArticleOverview(n){var e,t=n.settings,o=n.title,u=n.ChildComponent,x=(0,r.Z)(n,w),g=(0,a.NP)();g.tabGroupState.allTabGroups;var v=(0,l.useState)(!0),j=(0,i.Z)(v,2),y=j[0],k=j[1],P=(0,l.useState)(0),N=(0,i.Z)(P,2),I=N[0],Z=N[1],O=(0,l.useState)(t[0].key),S=(0,i.Z)(O,2),A=S[0],C=S[1],D=g.divaWebPlanner.getDivaArticles();null===(e=g.divaWebPlanner.actSet())||void 0===e||e.configTree;if(!D)return(0,f.jsx)(f.Fragment,{});var G,z,M=Object.values(D),F=M.filter((function(n){return n.hasCatalogPlannerArticle})).map((function(n){return n.catalogArticle.catalogPlannerArticle})),J={};"OPTIONSTATES"===A&&(J=M.map((function(n){return n.VariantValues}))[I]);("DECISIONS"===A&&(J=JSON.parse(JSON.stringify((0,d.ZN)(M.map((function(n){return n.decisions})))))),"CONFIGTREE"===A&&(J={}),"J3D"===A)&&(J=null!=M&&null!==(G=M[I])&&void 0!==G&&G.j3D?JSON.parse(JSON.stringify(null==M||null===(z=M[I])||void 0===z?void 0:z.j3D)):{});return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)("div",_objectSpread(_objectSpread({},x),{},{className:m()(x.className,g.uiState.configSettingsIsExpanded?p.NF:void 0),style:{zIndex:700},children:[(0,f.jsx)("a",{className:s.Fs,children:o}),(0,f.jsx)(h(),_objectSpread(_objectSpread({trigger:(0,f.jsx)("div",{className:c.Ux,children:(0,f.jsx)("img",{src:b,className:c.Jf})}),onClose:function onClose(){return k(!y)},onOpen:function onOpen(){return k(!y)},triggerWhenOpen:(0,f.jsxs)("div",{className:c.Ux,children:[" ",(0,f.jsx)("img",{src:b,className:c.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,f.jsx)("div",{className:c.qk,children:M.map((function(n,e){return(0,f.jsxs)("div",{className:m()(c.BZ,e===I?c.Od:void 0),onClick:function onClick(){Z(e)},children:[(0,f.jsx)("img",{src:n.imageUrl,className:c.tX}),(0,f.jsx)("p",{children:n.posNr}),(0,f.jsx)("p",{children:n.name}),(0,f.jsx)("p",{children:n.basketId})]},n.basketId)}))})})),(0,f.jsx)("div",{className:c.Uj,children:t.map((function(n,e){return(0,f.jsx)("button",{onClick:function onClick(){return C(n.key)},className:A===n.key?c._D:void 0,children:n.name},n.key)}))}),(0,f.jsx)(u,_objectSpread(_objectSpread({},x),{},{json:J,selectedJson:A,isExpanded:y,plannerArticles:F,curBox:I,divaArticles:M}))]}))})}))},62860:(n,e,t)=>{t.d(e,{BZ:()=>l,Jf:()=>x,Od:()=>a,Uj:()=>h,Ux:()=>u,YS:()=>p,ZP:()=>f,_D:()=>b,l1:()=>m,qk:()=>s,rp:()=>g,tX:()=>c});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var l="index-module--d56lH",a="index-module--TipV7",s="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",x="index-module--Sj8he",m="index-module--FqwmN",p="index-module--cGqPx",g="index-module--HI_ql",h="index-module--kIX5J",b="index-module--x1F61";const f=d},98793:(n,e,t)=>{t.d(e,{$Q:()=>a,Fs:()=>c,Kz:()=>l,ZP:()=>u,fm:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n}\n",""]);var l="index-module--LmG2a",a="index-module--A0hQw",s="index-module--PcNw4",c="index-module--Gh5Gk";const u=d},89965:(n,e,t)=>{t.d(e,{NF:()=>a,ZP:()=>c,ec:()=>l,pb:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var l="index-module--NA4Nc",a="index-module--zxgl3",s="index-module--WGNyK";const c=d},92349:(n,e,t)=>{t.d(e,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(62860),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},93476:(n,e,t)=>{t.d(e,{$Q:()=>g.$Q,Fs:()=>g.Fs,Kz:()=>g.Kz,fm:()=>g.fm});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(98793),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},51203:(n,e,t)=>{t.d(e,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),m=t(44589),p=t.n(m),g=t(89965),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},85108:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2357.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2357,9229,9214,6108],{19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var r=t(34988),i=t(53185),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),f=t(19216),m=t.n(f),b=t(44589),h=t.n(b),g=t(84887),P={};P.styleTagTransform=h(),P.setAttributes=x(),P.insert=u().bind(null,"head"),P.domAPI=l(),P.insertStyleElement=m();s()(g.Z,P);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,r.Z)(s,2),l=d[0],c=d[1],u=(0,i.NP)(),p=(0,o.useState)(""),x=(0,r.Z)(p,2),f=x[0],m=x[1],b=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.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===b[r]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<b.length;i++)r(i)}m(e),c(e)}}),[]),l?(0,v.jsx)("div",{style:n,className:g.B,children:f}):(0,v.jsx)(v.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(80248),i=t(87363),o=t(93379),a=t.n(o),s=t(7795),d=t.n(s),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),f=t.n(x),m=t(44589),b=t.n(m),h=t(8907),g={};g.styleTagTransform=b(),g.setAttributes=p(),g.insert=c().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=f();a()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(74530),v=t(53185),y=t(88683),j=t(65515),w=t.n(j),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}var S=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,O.jsx)(O.Fragment,{})},C=function AsyncRender2(e){var n,t,r=use(e.asyncPricePreview);switch((0,v.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,O.jsxs)(O.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+P.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 _=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,a=e.price,s=e.sel,d=(0,y.useDivaCore)().state,l=d.hidePrices,c=d.hideConfigPricePreview,u=(0,v.NP)();return l||"off"==u.productState.pricePreview?(0,O.jsx)(O.Fragment,{}):a?(0,O.jsx)("div",{className:w()(h.aH,"left"==r?h.t$:h.F2),style:o,children:P.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&s?(0,O.jsx)(O.Fragment,{}):n?(0,O.jsx)(i.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(S,{asyncPricePreview:n.isVisible,children:(0,O.jsx)("div",{className:w()(h.aH,"left"==r?h.t$:h.F2),style:o,children:(0,O.jsx)(i.Suspense,{fallback:(0,O.jsx)("div",{className:h._m}),children:(0,O.jsx)(C,{asyncPricePreview:n.promise})})})})}):(0,O.jsx)(O.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var r=t(80248),i=(t(87363),t(93379)),o=t.n(i),a=t(7795),s=t.n(a),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),f=t(44589),m=t.n(f),b=t(23327),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();o()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var g=t(88683),P=t(59214),v=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 y=function GenericToolTip(e){var n,t=e.image,r=e.text,i=e.desciption,o=e.codex,a=e.hexColor,s=e.layerProps,d=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,g.useDivaCore)().state.theme;return(0,v.jsxs)("div",_objectSpread(_objectSpread({className:b.Cu},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[l?(0,v.jsx)("img",{src:l,alt:r}):a?(0,v.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+a}}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:r}}),i&&(0,v.jsx)("div",{className:b._W,children:i}),o&&(0,v.jsx)("div",{className:b._W,children:o}),void 0!==d&&(0,v.jsx)(P.default,{asyncPricePreview:d})]}))}},72357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),i=t(34988),o=t(65515),a=t.n(o),s=t(53185),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),f=t(90569),m=t.n(f),b=t(3565),h=t.n(b),g=t(19216),P=t.n(g),v=t(44589),y=t.n(v),j=t(65655),w={};w.styleTagTransform=y(),w.setAttributes=h(),w.insert=m().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=P();u()(j.ZP,w);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(46770),C=t(19229),_=t(76108),D=t(59214),Z=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 k=(0,d.Pi)((function ShelfAccessoires(e){var n,t=e.item,r=(e.grids,e.sel),o=(0,s.NP)(),d=(0,O.useDivaCore)().state,c=d.hidePrices,u=d.dimensions,p=u.isMobile,x=u.isTablet,f=(0,l.useState)(""),m=(0,i.Z)(f,2),b=m[0],h=m[1],g={},P={},v=void 0,y=!1,w={},k=(0,S.XI)({delayEnter:1e3,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:k[0],auto:!0,placement:o.getViewConfig().tooltipPosition||"left-center"});p||x||o.getViewConfig().hideTooltip||(y=k[0],w=k[1],g=E.triggerProps,P=E.layerProps,v=E.renderLayer);var N=t.name;return(0,Z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return o.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},g),w),{},{children:[(0,Z.jsx)("img",{style:{maxHeight:o.settingsState.settingsWidth/3},src:t.image}),(0,Z.jsxs)("div",{className:j.jW,children:[(0,Z.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:N}}),(0,Z.jsx)(C.default,{metaData:t.metaData,visible:[b,h]},t.articleCodex),!c&&!!t.price&&(0,Z.jsx)(D.default,{price:t.price,style:{paddingTop:6}})]}),y&&(null===(n=v)||void 0===n?void 0:n((0,Z.jsx)(_.default,{text:t.name,desciption:b,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},84887:(e,n,t)=>{t.d(n,{B:()=>s,Z:()=>d});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}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>s,t$:()=>d});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",d="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=a},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>u,_W:()=>c});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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=a},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>s,pA:()=>d});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var s="index-module--E9hMP",d="index-module--zq_sk",l="index-module--ASP_j",c="index-module--xrQ6L";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2357,9229,9214,6108],{19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var r=t(34988),i=t(53185),o=t(87363),s=t(93379),a=t.n(s),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),f=t(19216),m=t.n(f),b=t(44589),h=t.n(b),g=t(84887),P={};P.styleTagTransform=h(),P.setAttributes=x(),P.insert=u().bind(null,"head"),P.domAPI=l(),P.insertStyleElement=m();a()(g.Z,P);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,s=e.visible,a=void 0===s?(0,o.useState)(""):s,d=(0,r.Z)(a,2),l=d[0],c=d[1],u=(0,i.NP)(),p=(0,o.useState)(""),x=(0,r.Z)(p,2),f=x[0],m=x[1],b=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.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===b[r]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<b.length;i++)r(i)}m(e),c(e)}}),[]),l?(0,v.jsx)("div",{style:n,className:g.B,children:f}):(0,v.jsx)(v.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(80248),i=t(87363),o=t(93379),s=t.n(o),a=t(7795),d=t.n(a),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),f=t.n(x),m=t(44589),b=t.n(m),h=t(8907),g={};g.styleTagTransform=b(),g.setAttributes=p(),g.insert=c().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=f();s()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(74530),v=t(53185),y=t(88683),j=t(65515),w=t.n(j),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}var S=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,O.jsx)(O.Fragment,{})},C=function AsyncRender2(e){var n,t,r=use(e.asyncPricePreview);switch((0,v.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,O.jsxs)(O.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+P.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 _=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,a=e.sel,d=(0,y.useDivaCore)().state,l=d.hidePrices,c=d.hideConfigPricePreview,u=(0,v.NP)();return l||"off"==u.productState.pricePreview?(0,O.jsx)(O.Fragment,{}):s?(0,O.jsx)("div",{className:w()(h.aH,"left"==r?h.t$:h.F2),style:o,children:P.ZP.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&a?(0,O.jsx)(O.Fragment,{}):n?(0,O.jsx)(i.Suspense,{fallback:(0,O.jsx)(O.Fragment,{}),children:(0,O.jsx)(S,{asyncPricePreview:n.isVisible,children:(0,O.jsx)("div",{className:w()(h.aH,"left"==r?h.t$:h.F2),style:o,children:(0,O.jsx)(i.Suspense,{fallback:(0,O.jsx)("div",{className:h._m}),children:(0,O.jsx)(C,{asyncPricePreview:n.promise})})})})}):(0,O.jsx)(O.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var r=t(80248),i=(t(87363),t(93379)),o=t.n(i),s=t(7795),a=t.n(s),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),f=t(44589),m=t.n(f),b=t(23327),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();o()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var g=t(88683),P=t(59214),v=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 y=function GenericToolTip(e){var n,t=e.image,r=e.text,i=e.desciption,o=e.codex,s=e.hexColor,a=e.layerProps,d=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,g.useDivaCore)().state.theme;return(0,v.jsxs)("div",_objectSpread(_objectSpread({className:b.Cu},a),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),a.style),children:[l?(0,v.jsx)("img",{src:l,alt:r}):s?(0,v.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+s}}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:r}}),i&&(0,v.jsx)("div",{className:b._W,children:i}),o&&(0,v.jsx)("div",{className:b._W,children:o}),void 0!==d&&(0,v.jsx)(P.default,{asyncPricePreview:d})]}))}},72357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var r=t(80248),i=t(34988),o=t(65515),s=t.n(o),a=t(53185),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),f=t(90569),m=t.n(f),b=t(3565),h=t.n(b),g=t(19216),P=t.n(g),v=t(44589),y=t.n(v),j=t(65655),w={};w.styleTagTransform=y(),w.setAttributes=h(),w.insert=m().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=P();u()(j.ZP,w);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(46770),C=t(19229),_=t(76108),k=t(59214),D=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 Z=(0,d.Pi)((function ShelfAccessoires(e){var n,t=e.item,r=(e.grids,e.sel),o=(0,a.NP)(),d=(0,O.useDivaCore)().state,c=d.hidePrices,u=d.dimensions,p=u.isMobile,x=u.isTablet,f=(0,l.useState)(""),m=(0,i.Z)(f,2),b=m[0],h=m[1],g={},P={},v=void 0,y=!1,w={},Z=(0,S.XI)({delayEnter:1e3,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:Z[0],auto:!0,placement:o.getViewConfig().tooltipPosition||"left-center"});p||x||o.getViewConfig().hideTooltip||(y=Z[0],w=Z[1],g=E.triggerProps,P=E.layerProps,v=E.renderLayer);var N=t.name;return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:s()(j.nC,r?j.pA:void 0),onClick:function onClick(){return o.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},g),w),{},{children:[(0,D.jsx)("img",{style:{maxHeight:o.settingsState.settingsWidth/3},src:t.image}),(0,D.jsxs)("div",{className:j.jW,children:[(0,D.jsx)("div",{className:s()(j.TN),dangerouslySetInnerHTML:{__html:N}}),(0,D.jsx)(C.default,{metaData:t.metaData,visible:[b,h]},t.articleCodex),!c&&!!t.price&&(0,D.jsx)(k.default,{price:t.price,style:{paddingTop:6}})]}),y&&(null===(n=v)||void 0===n?void 0:n((0,D.jsx)(_.default,{text:t.name,desciption:b,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var r=t(8081),i=t.n(r),o=t(23645),s=t.n(o)()(i());s.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 d=s},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>a,t$:()=>d});var r=t(8081),i=t.n(r),o=t(23645),s=t.n(o)()(i());s.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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",d="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>a,Y7:()=>l,ZP:()=>u,_W:()=>c});var r=t(8081),i=t.n(r),o=t(23645),s=t.n(o)()(i());s.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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var a="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=s},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>a,pA:()=>d});var r=t(8081),i=t.n(r),o=t(23645),s=t.n(o)()(i());s.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var a="index-module--E9hMP",d="index-module--zq_sk",l="index-module--ASP_j",c="index-module--xrQ6L";const u=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2724.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2724,1336,9229,9214,6108],{92724:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),d=t.n(o),l=t(53185),a=t(46770),s=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),v=t(3565),b=t.n(v),C=t(19216),g=t.n(C),w=t(44589),y=t.n(w),P=t(37598),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();p()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var O=t(88683),S=t(19229),Z=t(76108),k=t(21336),I=t(59214),F=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 D=(0,s.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,s=(0,l.NP)(),u=(0,O.useDivaCore)().state,p=u.dimensions,x=p.isMobile,m=p.isTablet,f=u.hidePrices,h=(0,c.useState)(""),v=(0,r.Z)(h,2),b=v[0],C=v[1],g={},w={},y=void 0,j=!1,D={},_=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),N=(0,a.sJ)({isOpen:_[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});x||m||s.getViewConfig().hideTooltip||o.contentItemId||(j=_[0],D=_[1],g=N.triggerProps,w=N.layerProps,y=N.renderLayer);var T=s.getViewConfig().dontShowBasePrice||f||!o.price,E=s.settingsState.plannerReplaceMode&&!(1==i&&s.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,T?P.CE:void 0,"wcConfigurator_Article",o.sel?P.pA:void 0,E?P.y8:void 0),onClick:function onClick(){return s.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,F.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,F.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,F.jsxs)("div",{className:d()(P.G8),children:[(0,F.jsx)("div",{className:d()(P.db,b?P.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,F.jsx)(S.default,{metaData:o.metaData,visible:[b,C]},o.codex),j&&(null===(n=y)||void 0===n?void 0:n((0,F.jsx)(Z.default,{text:o.title,desciption:b,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,F.jsx)("div",{className:d()(P.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,F.jsx)(k.default,{item:o,style:{bottom:8}},o.articleCodex)]}),!T&&(0,F.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},21336:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(88683),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(23240),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(87363),g=t(53185),w=t(65515),y=t.n(w),P=t(9420),j=t(47514),O=t(25108);const S=(0,P.Pi)((function InfoIcon(e){var n,t,o,d=e.item,l=e.style,a=((0,r.useDivaCore)().state.theme.palette,(0,g.NP)()),s=d.contentItemId,c=null!==(n=null!==(t=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==t?t:d.title)&&void 0!==n?n:d.key,u=(0,C.useState)(!1),p=(0,i.Z)(u,2),x=p[0],m=p[1],f=d.sel||x;if((0,C.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&c==a.settingsState.clickedFrom;"OPVTTFK_350"==d.codex&&O.log("hallo"),!e&&x&&m(!1),e&&!x&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:v.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,c),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:y()(v.hv,f?void 0:v.al,x?v.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:v.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,j.jsx)("path",{className:v.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,j.jsx)("div",{className:y()(v.dA,f?v.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(53185),o=t(87363),d=t(93379),l=t.n(d),a=t(7795),s=t.n(a),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),b=t(84887),C={};C.styleTagTransform=v(),C.setAttributes=x(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();l()(b.Z,C);b.Z&&b.Z.locals&&b.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,o.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[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,o.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<h.length;r++)i(r)}f(e),c(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(8907),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(74530),g=t(53185),w=t(88683),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}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,j.jsx)(j.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,j.jsxs)(j.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+C.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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,o=e.style,d=e.price,l=e.sel,a=(0,w.useDivaCore)().state,s=a.hidePrices,c=a.hideConfigPricePreview,u=(0,g.NP)();return s||"off"==u.productState.pricePreview?(0,j.jsx)(j.Fragment,{}):d?(0,j.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2),style:o,children:C.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&l?(0,j.jsx)(j.Fragment,{}):n?(0,j.jsx)(r.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,j.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,j.jsx)(r.Suspense,{fallback:(0,j.jsx)("div",{className:v._m}),children:(0,j.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,j.jsx)(j.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),d=t(7795),l=t.n(d),a=t(90569),s=t.n(a),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=x();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(88683),C=t(59214),g=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 w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,d=e.hexColor,l=e.layerProps,a=e.pricePreviewPromise,s=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,b.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:h.Cu},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[s?(0,g.jsx)("img",{src:s,alt:i}):d?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+d}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:h.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,g.jsx)("div",{className:h._W,children:r}),o&&(0,g.jsx)("div",{className:h._W,children:o}),void 0!==a&&(0,g.jsx)(C.default,{asyncPricePreview:a})]}))}},37598:(e,n,t)=>{t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>l,ZP:()=>b,cD:()=>v,db:()=>p,iZ:()=>m,jm:()=>x,pA:()=>a,vc:()=>f,y8:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\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--Oeimn: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--Oeimn.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn: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--Oeimn .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--Oeimn .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .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--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Oeimn .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--Oeimn .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--Oeimn .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--Oeimn .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--Oeimn .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var l="index-module--Oeimn",a="index-module--hky1u",s="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",p="index-module--ZOQJv",x="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",h="index-module--aPfw3",v="index-module--KvaU1";const b=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>s,fL:()=>p,hv:()=>a,um:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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}\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 l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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}\n",""]);var l="index-module--hpPAb";const a=d},8907:(e,n,t)=>{t.d(n,{F2:()=>s,ZP:()=>u,_m:()=>c,aH:()=>l,t$:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var l="index-module--bVDuL",a="index-module--zI2ES",s="index-module--kN6Sz",c="index-module--POmA7";const u=d},23327:(e,n,t)=>{t.d(n,{CO:()=>a,Cu:()=>l,Y7:()=>s,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--gs4wQ",a="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T";const u=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2724,1336,9229,9214,6108],{92724:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),d=t.n(o),l=t(53185),a=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),b=t.n(v),C=t(19216),g=t.n(C),w=t(44589),y=t.n(w),P=t(37598),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var O=t(88683),S=t(19229),Z=t(76108),k=t(21336),I=t(59214),F=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 D=(0,s.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,s=(0,l.NP)(),u=(0,O.useDivaCore)().state,x=u.dimensions,p=x.isMobile,m=x.isTablet,f=u.hidePrices,h=(0,c.useState)(""),v=(0,r.Z)(h,2),b=v[0],C=v[1],g={},w={},y=void 0,j=!1,D={},_=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),N=(0,a.sJ)({isOpen:_[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||o.contentItemId||(j=_[0],D=_[1],g=N.triggerProps,w=N.layerProps,y=N.renderLayer);var T=s.getViewConfig().dontShowBasePrice||f||!o.price,E=s.settingsState.plannerReplaceMode&&!(1==i&&s.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,T?P.CE:void 0,"wcConfigurator_Article",o.sel?P.pA:void 0,E?P.y8:void 0),onClick:function onClick(){return s.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,F.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,F.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,F.jsxs)("div",{className:d()(P.G8),children:[(0,F.jsx)("div",{className:d()(P.db,b?P.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,F.jsx)(S.default,{metaData:o.metaData,visible:[b,C]},o.codex),j&&(null===(n=y)||void 0===n?void 0:n((0,F.jsx)(Z.default,{text:o.title,desciption:b,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,F.jsx)("div",{className:d()(P.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,F.jsx)(k.default,{item:o,style:{bottom:8}},o.articleCodex)]}),!T&&(0,F.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},21336:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(88683),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),h=t.n(f),v=t(23240),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(87363),g=t(53185),w=t(65515),y=t.n(w),P=t(9420),j=t(47514),O=t(25108);const S=(0,P.Pi)((function InfoIcon(e){var n,t,o,d=e.item,l=e.style,a=((0,r.useDivaCore)().state.theme.palette,(0,g.NP)()),s=d.contentItemId,c=null!==(n=null!==(t=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==t?t:d.title)&&void 0!==n?n:d.key,u=(0,C.useState)(!1),x=(0,i.Z)(u,2),p=x[0],m=x[1],f=d.sel||p;if((0,C.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&c==a.settingsState.clickedFrom;"OPVTTFK_350"==d.codex&&O.log("hallo"),!e&&p&&m(!1),e&&!p&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:v.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,c),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:y()(v.hv,f?void 0:v.al,p?v.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:v.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,j.jsx)("path",{className:v.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,j.jsx)("div",{className:y()(v.dA,f?v.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(53185),o=t(87363),d=t(93379),l=t.n(d),a=t(7795),s=t.n(a),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),b=t(84887),C={};C.styleTagTransform=v(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();l()(b.Z,C);b.Z&&b.Z.locals&&b.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,o.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],u=(0,r.NP)(),x=(0,o.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,o.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<h.length;r++)i(r)}f(e),c(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),h=t.n(f),v=t(8907),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(74530),g=t(53185),w=t(88683),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}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,j.jsx)(j.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,j.jsxs)(j.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+C.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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,o=e.style,d=e.price,l=e.sel,a=(0,w.useDivaCore)().state,s=a.hidePrices,c=a.hideConfigPricePreview,u=(0,g.NP)();return s||"off"==u.productState.pricePreview?(0,j.jsx)(j.Fragment,{}):d?(0,j.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2),style:o,children:C.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&l?(0,j.jsx)(j.Fragment,{}):n?(0,j.jsx)(r.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,j.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,j.jsx)(r.Suspense,{fallback:(0,j.jsx)("div",{className:v._m}),children:(0,j.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,j.jsx)(j.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),d=t(7795),l=t.n(d),a=t(90569),s=t.n(a),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=p();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(88683),C=t(59214),g=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 w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,d=e.hexColor,l=e.layerProps,a=e.pricePreviewPromise,s=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,b.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:h.Cu},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[s?(0,g.jsx)("img",{src:s,alt:i}):d?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+d}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:h.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,g.jsx)("div",{className:h._W,children:r}),o&&(0,g.jsx)("div",{className:h._W,children:o}),void 0!==a&&(0,g.jsx)(C.default,{asyncPricePreview:a})]}))}},37598:(e,n,t)=>{t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>l,ZP:()=>b,cD:()=>v,db:()=>x,iZ:()=>m,jm:()=>p,pA:()=>a,vc:()=>f,y8:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\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--Oeimn: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--Oeimn.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn: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--Oeimn .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--Oeimn .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .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--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Oeimn .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--Oeimn .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--Oeimn .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--Oeimn .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--Oeimn .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var l="index-module--Oeimn",a="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 b=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>a,um:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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}\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 l="index-module--CjCgr",a="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:()=>l,Z:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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 l="index-module--hpPAb";const a=d},8907:(e,n,t)=>{t.d(n,{F2:()=>s,ZP:()=>u,_m:()=>c,aH:()=>l,t$:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var l="index-module--bVDuL",a="index-module--zI2ES",s="index-module--kN6Sz",c="index-module--POmA7";const u=d},23327:(e,n,t)=>{t.d(n,{CO:()=>a,Cu:()=>l,Y7:()=>s,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--gs4wQ",a="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T";const u=d}}]);