@crystaldesign/diva-web-planner-react 25.2.0-rc.1 → 25.2.0-rc.2

package/build/esm/{index-9c68e3c5.js → index-eec35a13.js}

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

package/build/esm/{index-16f2660f.js → index-f08414bb.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-2e276a41.js';
+import VerticalTabGroupItemStandard from './index-a2af0d13.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-ec1aaa00.js';
+import './IconHandler-198c0fad.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-18cede90.js → index-f23f8fb2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-8817c067.js → index-f39bee12.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-e62bc8ef.js';
+import Arrow from './index-9b7de989.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5bd1bdaa.js → index-f4419fb3.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-33475a0e.js';
+import { u as useViewHandler } from './index-ee0a03b8.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-b22fd441.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-b3fec79d.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-eb2db0e6.js';
+import './react-json-viewer-54791f88.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6c7eb76e.js → index-f5b46992.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-eb0dbe85.js → index-f5b6f3cb.js}

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

package/build/esm/{index-6dc889e2.js → index-f7610ead.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-5d311e44.js → index-f778a91d.js}

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

package/build/esm/{index-28a47a58.js → index-f7c5f063.js}

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

package/build/esm/{index-c38dfd33.js → index-f8c04ba6.js}

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

package/build/esm/{index-e6c3086d.js → index-f8e9e877.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-33475a0e.js';
+import { u as useViewHandler } from './index-ee0a03b8.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e1223a06.js → index-f97f4650.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-33475a0e.js';
+import { s as styleInject } from './index-ee0a03b8.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-f3f75b04.js';
+import ActionNavigation from './index-779a1f3e.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7475f386.js → index-f9839e49.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-33475a0e.js';
+import { s as styleInject } from './index-ee0a03b8.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-2c6a3782.js → index-fa26ece9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-71bffbed.js → index-fc527798.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-6f398168.js';
+import Group from './index-977ee253.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-8c00b511.js';
+import StandradGroup from './index-654573ba.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,10 +19,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-81557f52.js';
+import './index-7e2a5525.js';
 import 'react-collapsible';
-import './index-f417a8af.js';
-import './index-82e69b7e.js';
+import './index-299ff2c9.js';
+import './index-252106be.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-b88add04.js → index-fc54a6f7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33475a0e.js';
+import { s as styleInject } from './index-ee0a03b8.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-98d3e3ca.js → index-fd74263d.js}

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

package/build/esm/{index-7fca4410.js → index-fe0831ca.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-33475a0e.js';
+import { s as styleInject, u as useViewHandler } from './index-ee0a03b8.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-212f372b.js';
-import ProductRoomList from './index-9451d754.js';
+import ArQrCodeIcon from './index-225e270a.js';
+import ProductRoomList from './index-b5595599.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-18a971df.js';
+import './index-e7b93048.js';
 import 'react-qr-code';
-import './index-5919aaa4.js';
+import './index-9844c2e1.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-6edac140.js → index-fe2d8324.js}

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

package/build/esm/index.js

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

package/build/esm/{index.module-71a3c36f.js → index.module-1975c873.js}

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

package/build/esm/{index.module-b58c6e4c.js → index.module-30e7bf9b.js}

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

package/build/esm/{index.module-e6c6c131.js → index.module-417286c8.js}

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

package/build/esm/{index.module-a22cc527.js → index.module-58893c5a.js}

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

package/build/esm/{index.module-d35c705b.js → index.module-6831750d.js}

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

package/build/esm/{index.module-50a2520a.js → index.module-7488394c.js}

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

package/build/esm/{index.module-cebc6ca2.js → index.module-9e52183a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33475a0e.js';
+import { s as styleInject } from './index-ee0a03b8.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-b22fd441.js → index.module-b3fec79d.js}

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

package/build/esm/{index.module-00a09e35.js → index.module-d5c79156.js}

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

package/build/esm/{index.module-7fa26339.js → index.module-e769f74c.js}

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

package/build/esm/{index.module-d62baa06.js → index.module-eee53839.js}

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

package/build/esm/{index.module-394f8847.js → index.module-ff8230fc.js}

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

package/build/esm/{react-json-viewer-eb2db0e6.js → react-json-viewer-54791f88.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33475a0e.js';
+import { s as styleInject } from './index-ee0a03b8.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/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.d.ts

@@ -6,7 +6,8 @@ interface Props extends ComponentProps<'div'> {
         isVisible: Promise<boolean>;
     };
     pos?: 'left' | 'right';
+    sel?: boolean;
 }
-declare const PricePreview: ({ asyncPricePreview, pos, style, price }: Props) => React.JSX.Element;
+declare const PricePreview: ({ asyncPricePreview, pos, style, price, sel }: Props) => React.JSX.Element;
 export default PricePreview;
 //# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAOxD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAC;IAC3E,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAMD,QAAA,MAAM,YAAY,6CAAwD,KAAK,sBA0B9E,CAAC;AAoDF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAOxD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAC;IAC3E,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAMD,QAAA,MAAM,YAAY,kDAA6D,KAAK,sBA2BnF,CAAC;AAqDF,eAAe,YAAY,CAAC"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1046.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1046,5456,9333,4699,4964],{61046:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(83308),d=t(46770),l=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),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(69333),Z=t(24964),k=t(45456),I=t(64699),N=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,l.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,l=(0,s.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,P=!1,D={},_=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),F=(0,d.sJ)({isOpen:_[0],auto:!0,placement:l.getViewConfig().tooltipPosition||"left-center"});x||m||l.getViewConfig().hideTooltip||o.contentItemId||(P=_[0],D=_[1],g=F.triggerProps,w=F.layerProps,y=F.renderLayer);var E=l.getViewConfig().dontShowBasePrice||f||!o.price,T=l.settingsState.plannerReplaceMode&&!(1==i&&l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:a()(j.Sp,E?j.CE:void 0,"wcConfigurator_Article",o.sel?j.pA:void 0,T?j.y8:void 0),onClick:function onClick(){return l.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,N.jsxs)("div",{className:a()(j.iZ,j.vc),children:[(0,N.jsx)("div",{className:a()(j.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,N.jsxs)("div",{className:a()(j.G8),children:[(0,N.jsx)("div",{className:a()(j.db,b?j.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,N.jsx)(S.default,{metaData:o.metaData,visible:[b,C]},o.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,N.jsx)(Z.default,{text:o.title,desciption:b,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,N.jsx)("div",{className:a()(j.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,N.jsx)(k.default,{item:o,style:{bottom:8}})]}),!E&&(0,N.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},45456:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(88683),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),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=d(),b.insertStyleElement=m();a()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(87363),g=t(83308),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,o,a,s=e.item,d=e.style,l=(0,r.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=s.contentItemId,p=null!==(n=null!==(t=s.codex)&&void 0!==t?t:s.articleCodex)&&void 0!==n?n:s.title,x=(0,C.useState)(!1),m=(0,i.Z)(x,2),f=m[0],h=m[1],b=s.sel||f;if((0,C.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&h(!1),e&&!f&&h(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||b}()?(0,P.jsx)("div",{className:v.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),h(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(v.hv,b?void 0:v.al,f?v.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className: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,P.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:null!==(o=null==l||null===(a=l.primary)||void 0===a?void 0:a.main)&&void 0!==o?o:"#713434"})]})}),(0,P.jsx)("div",{className:y()(v.dA,b?v.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},69333:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(83308),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),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=l(),C.insertStyleElement=f();s()(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,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[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)}}),[]),l?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},64699:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=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),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=d(),b.insertStyleElement=m();a()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(95588),g=t(83308),w=t(88683),y=t(65515),j=t.n(y),P=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,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.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,a=e.price,s=(0,w.useDivaCore)().state,d=s.hidePrices,l=s.hideConfigPricePreview;return d?(0,P.jsx)(P.Fragment,{}):a?(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:C.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):l?(0,P.jsx)(P.Fragment,{}):n?(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)("div",{className:v._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,P.jsx)(P.Fragment,{})}},24964:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),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),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(88683),C=t(64699),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,a=e.hexColor,s=e.layerProps,d=e.pricePreviewPromise,l=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},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[l?(0,g.jsx)("img",{src:l,alt:i}):a?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+a}}):(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!==d&&(0,g.jsx)(C.default,{asyncPricePreview:d})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>s,ZP:()=>b,cD:()=>v,db:()=>p,iZ:()=>m,jm:()=>x,pA:()=>d,vc:()=>f,y8:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 s="index-module--Oeimn",d="index-module--hky1u",l="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=a},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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)=>{"use strict";t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>s,t$:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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)=>{"use strict";t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1046,5456,9333,4699,4964],{61046:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(83308),d=t(46770),l=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),C=t.n(v),b=t(19216),g=t.n(b),w=t(44589),y=t.n(w),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=C(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(69333),Z=t(24964),k=t(45456),I=t(64699),N=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,l.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,l=(0,s.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),C=v[0],b=v[1],g={},w={},y=void 0,P=!1,D={},_=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),F=(0,d.sJ)({isOpen:_[0],auto:!0,placement:l.getViewConfig().tooltipPosition||"left-center"});x||m||l.getViewConfig().hideTooltip||o.contentItemId||(P=_[0],D=_[1],g=F.triggerProps,w=F.layerProps,y=F.renderLayer);var E=l.getViewConfig().dontShowBasePrice||f||!o.price,T=l.settingsState.plannerReplaceMode&&!(1==i&&l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:a()(j.Sp,E?j.CE:void 0,"wcConfigurator_Article",o.sel?j.pA:void 0,T?j.y8:void 0),onClick:function onClick(){return l.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,N.jsxs)("div",{className:a()(j.iZ,j.vc),children:[(0,N.jsx)("div",{className:a()(j.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,N.jsxs)("div",{className:a()(j.G8),children:[(0,N.jsx)("div",{className:a()(j.db,C?j.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,N.jsx)(S.default,{metaData:o.metaData,visible:[C,b]},o.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,N.jsx)(Z.default,{text:o.title,desciption:C,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,N.jsx)("div",{className:a()(j.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,N.jsx)(k.default,{item:o,style:{bottom:8}})]}),!E&&(0,N.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},45456:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(88683),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),m=t.n(x),f=t(44589),h=t.n(f),v=t(23240),C={};C.styleTagTransform=h(),C.setAttributes=p(),C.insert=c().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=m();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(87363),g=t(83308),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,o,a,s=e.item,d=e.style,l=(0,r.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=s.contentItemId,p=null!==(n=null!==(t=s.codex)&&void 0!==t?t:s.articleCodex)&&void 0!==n?n:s.title,x=(0,b.useState)(!1),m=(0,i.Z)(x,2),f=m[0],h=m[1],C=s.sel||f;if((0,b.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&h(!1),e&&!f&&h(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,P.jsx)("div",{className:v.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),h(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(v.hv,C?void 0:v.al,f?v.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className: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,P.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:null!==(o=null==l||null===(a=l.primary)||void 0===a?void 0:a.main)&&void 0!==o?o:"#713434"})]})}),(0,P.jsx)("div",{className:y()(v.dA,C?v.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},69333:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(83308),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),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(84887),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=f();s()(C.Z,b);C.Z&&C.Z.locals&&C.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[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)}}),[]),l?(0,g.jsx)("div",{style:n,className:C.B,children:m}):(0,g.jsx)(g.Fragment,{})}},64699:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=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),m=t.n(x),f=t(44589),h=t.n(f),v=t(8907),C={};C.styleTagTransform=h(),C.setAttributes=p(),C.insert=c().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=m();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(95588),g=t(83308),w=t(88683),y=t(65515),j=t.n(y),P=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,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+b.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},b.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,a=e.price,s=e.sel,d=(0,w.useDivaCore)().state,l=d.hidePrices,c=d.hideConfigPricePreview,u=(0,g.NP)();return l?(0,P.jsx)(P.Fragment,{}):a?(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:b.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.getViewConfig().pricePreview&&s?(0,P.jsx)(P.Fragment,{}):n?(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)("div",{className:v._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,P.jsx)(P.Fragment,{})}},24964:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),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),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(88683),b=t(64699),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,a=e.hexColor,s=e.layerProps,d=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,C.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:h.Cu},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[l?(0,g.jsx)("img",{src:l,alt:i}):a?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+a}}):(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!==d&&(0,g.jsx)(b.default,{asyncPricePreview:d})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>s,ZP:()=>C,cD:()=>v,db:()=>p,iZ:()=>m,jm:()=>x,pA:()=>d,vc:()=>f,y8:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 s="index-module--Oeimn",d="index-module--hky1u",l="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 C=a},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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)=>{"use strict";t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>s,t$:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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)=>{"use strict";t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1701,59,9333,7854],{69333:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(83308),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),y=i(84887),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=x().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=h();l()(y.Z,f);y.Z&&y.Z.locals&&y.Z.locals;var g=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],u=a[1],x=(0,o.NP)(),p=(0,d.useState)(""),c=(0,t.Z)(p,2),m=c[0],h=c[1],v=x.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===v[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)t(o)}h(e),u(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:y.B,children:m}):(0,g.jsx)(g.Fragment,{})}},70403:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(83308),a=i(9420),s=i(87363),u=i(93379),x=i.n(u),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),y=i(19216),f=i.n(y),g=i(44589),w=i.n(g),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=f();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),j=i(46770),k=i(24964),C=i(69333),D=i(88683),Z=i(45456),A=i(64699),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 N=(0,a.Pi)((function Option(e){var n,i,t=e.item,d=e.type,a=e.paletteId,u=e.hidePricePreview,x=t,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,o.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,y=b.isMobile,f=b.isTablet,g={},w={},O=void 0,N=!1,Y={},K=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),G=(0,j.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||f||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=K[0],Y=K[1],g=G.triggerProps,w=G.layerProps,O=G.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,x.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},g),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[x.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:x.vCodex}),x.image?(0,z.jsx)("img",{className:r()(P.K5),src:x.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,z.jsx)(Z.default,{item:x})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:x.text}}),x.doShowFav&&(0,z.jsx)("div",{className:x.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[h,v]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(k.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:h,image:x.image,pricePreviewPromise:x.pricePreviewPromise,layerProps:w},x.codex)))]}))}))},70821:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>d});i(87363);var t=i(70403),o=i(47514);const d=function GallerySerious(e){var n=e.item,i=e.paletteId,d=e.paletteType,r=e.hidePricePreview,l="small";return"GAL_BIG"===d&&(l="big"),(0,o.jsx)(t.default,{item:n,paletteId:i,type:l,hidePricePreview:r})}},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());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)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>x});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());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",u="index-module--qd2SK",x="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1701,59,9333,7854],{69333:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(83308),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),y=i(84887),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=x().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=h();l()(y.Z,f);y.Z&&y.Z.locals&&y.Z.locals;var g=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],u=a[1],x=(0,o.NP)(),p=(0,d.useState)(""),c=(0,t.Z)(p,2),m=c[0],h=c[1],v=x.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===v[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)t(o)}h(e),u(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:y.B,children:m}):(0,g.jsx)(g.Fragment,{})}},70403:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(83308),a=i(9420),s=i(87363),u=i(93379),x=i.n(u),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),y=i(19216),f=i.n(y),g=i(44589),w=i.n(g),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=f();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),j=i(46770),k=i(24964),C=i(69333),D=i(88683),Z=i(45456),A=i(64699),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 N=(0,a.Pi)((function Option(e){var n,i,t=e.item,d=e.type,a=e.paletteId,u=e.hidePricePreview,x=t,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,o.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,y=b.isMobile,f=b.isTablet,g={},w={},O=void 0,N=!1,Y={},K=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),G=(0,j.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||f||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=K[0],Y=K[1],g=G.triggerProps,w=G.layerProps,O=G.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,x.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},g),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[x.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:x.vCodex}),x.image?(0,z.jsx)("img",{className:r()(P.K5),src:x.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,z.jsx)(Z.default,{item:x})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:x.text}}),x.doShowFav&&(0,z.jsx)("div",{className:x.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[h,v]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(k.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:h,image:x.image,pricePreviewPromise:x.pricePreviewPromise,layerProps:w},x.codex)))]}))}))},70821:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>d});i(87363);var t=i(70403),o=i(47514);const d=function GallerySerious(e){var n=e.item,i=e.paletteId,d=e.paletteType,r=e.hidePricePreview,l="small";return"GAL_BIG"===d&&(l="big"),(0,o.jsx)(t.default,{item:n,paletteId:i,type:l,hidePricePreview:r})}},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());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)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>x});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());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",u="index-module--qd2SK",x="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);