@crystaldesign/diva-web-planner-react 25.11.0-rc.25 → 25.11.0-rc.27

package/build/esm/{index-ee5e05c6.js → index-f6a25d3b.js}

@@ -1,5 +1,5 @@
-import { s as styleInject, u as useViewHandler } from './index-ba60a88c.js';
-import ProductHeader from './index-63023d30.js';
+import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
+import ProductHeader from './index-5f6fdd44.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,11 +20,11 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-71076f5c.js';
+import './index-62666073.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-0c35d5bd.js';
+import './useCustomDimensions-a7855d5e.js';
 import '@crystaldesign/content-item';
-import './index-4c4661f9.js';
+import './index-bd009ff8.js';
 import 'react-countup';
 
 var productHeader = "productHeader-19YtG";

package/build/esm/{index-acb4cc60.js → index-f856af10.js}

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

package/build/esm/{index-1484ac98.js → index-f865f5ff.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ba60a88c.js';
+import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b47b69cb.js → index-f8732a3a.js}

@@ -1,6 +1,6 @@
-import './index-ba60a88c.js';
+import './index-0a450543.js';
 import 'react';
-import PartListTable from './index-7d7187d1.js';
+import PartListTable from './index-55f8352b.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-e139d948.js';
+import './index.module-c88301f4.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-437c301c.js → index-ff55051e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-ba60a88c.js';
+import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-f66f8978.js';
+import PriceSumm from './index-12db4237.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-4c4661f9.js';
+import './index-bd009ff8.js';
 import 'react-countup';
 
 var wcConfiguratorAction = "wcConfigurator-action-iR7Ru";

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-ba60a88c.js';
+export { W as WebPlannerReact, c as default } from './index-0a450543.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-b1891003.js → index.module-00087d78.js}

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

package/build/esm/{index.module-e077a25b.js → index.module-03ed2c84.js}

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

package/build/esm/{index.module-301d5529.js → index.module-1da260e0.js}

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

package/build/esm/{index.module-fcd10c7b.js → index.module-20f3cac8.js}

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

package/build/esm/{index.module-9058a7c6.js → index.module-4fd0b790.js}

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

package/build/esm/{index.module-45f80da7.js → index.module-95794f9a.js}

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

package/build/esm/{index.module-f1f1e7fe.js → index.module-a7f79a79.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-d4e7c6b6.js → index.module-bfda2d9a.js}

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

package/build/esm/{index.module-e139d948.js → index.module-c88301f4.js}

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

package/build/esm/{index.module-0cb57727.js → index.module-c88c7b42.js}

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

package/build/esm/{index.module-7c0ef142.js → index.module-ee4332c3.js}

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

package/build/esm/{index.module-3670d556.js → index.module-f194471e.js}

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

package/build/esm/{react-json-viewer-b42b4bbe.js → react-json-viewer-b027a14a.js}

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

package/build/esm/{useCustomDimensions-0c35d5bd.js → useCustomDimensions-a7855d5e.js}

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

package/build/esm/{ussIsSticky-b13adb29.js → ussIsSticky-dd93ab45.js}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,UAAU,KAAK;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;sDAE4C,KAAK;;;AAmFlD,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,UAAU,KAAK;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;sDAE4C,KAAK;;;AAoFlD,wBAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Facelift/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,UAAU,KAAK;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;sDAE4C,KAAK;;;AA0ClD,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Facelift/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,KAAK;IACb,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;sDAE4C,KAAK;;;AAsFlD,wBAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAQnE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;2CAE4C,KAAK;;;AA8DnD,wBAA6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAWnE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;2CAE4C,KAAK;;;AAwGnD,wBAA6C"}

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

@@ -8,9 +8,10 @@ type Props = {
         promise: Promise<any>;
         isVisible: Promise<boolean>;
     };
+    price?: number;
     layerProps: any;
     hexColor?: string;
 };
-declare const GenericToolTip: ({ image, text, desciption, codex, hexColor, layerProps, pricePreviewPromise }: Props) => React.JSX.Element;
+declare const GenericToolTip: ({ image, text, desciption, codex, hexColor, layerProps, pricePreviewPromise, price }: Props) => React.JSX.Element;
 export default GenericToolTip;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7E,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,kFAAmF,KAAK,sBA8B3G,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,yFAA0F,KAAK,sBA+BlH,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2173.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2173],{2173:(e,n,i)=>{i.r(n),i.d(n,{default:()=>H});var d=i(80248),t=i(34988),o=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),u=i(88130),s=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),g=i(90569),b=i.n(g),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),C=i(50978),O={};O.styleTagTransform=S(),O.setAttributes=w(),O.insert=b().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();m()(C.ZP,O);C.ZP&&C.ZP.locals&&C.ZP.locals;var j=i(88683),z=i(46770),_=i(97851),q=i(59078),T=i(70485),I=i(9510),N=i(2398),Q=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,d)}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,d.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 H=(0,s.Pi)((function AccessoiresStandard(e){var n,i,d=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,s=void 0===a?C.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?C.db:p,h=e.hidePrice,f=e.hideSize,g=d,b=(0,u.NP)(),v=(0,j.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,O=b.getViewConfig().dontShowBasePrice||w||h,H=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),R=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),A={};if(g.configStepKeys)for(var F=function _loop(){var e=g.configStepKeys[D],n=b.settingsState.itemPaletteArr.find((function(n){var i=(0,t.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A[e.basketId]||(A[e.basketId]={}),A[e.basketId][n[0]]=n[1]},D=0;D<g.configStepKeys.length;D++)F();var E=(0,x.useState)(""),V=(0,t.Z)(E,2),K=V[0],M=V[1],W={},Z={},B=void 0,G=!1,L={},$=(0,z.XI)({delayEnter:2e3,hideOnScroll:!0}),X=(0,z.sJ)({isOpen:$[0],auto:!0,placement:b.getViewConfig().tooltipPosition||"left-center"});return y||k||b.getViewConfig().hideTooltip||(G=$[0],L=$[1],W=X.triggerProps,Z=X.layerProps,B=X.renderLayer),(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(C.RV,r,b.uiState.isMobilePortrait?C.KJ:void 0,b.uiState.isMobileLandscape?C.mp:void 0)},W),L),{},{children:[(0,Q.jsxs)("div",{className:c()(C.iZ,C.vc),children:[(0,Q.jsx)("div",{className:c()(C.K5),onClick:H,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,Q.jsxs)("div",{className:c()(s),children:[(0,Q.jsx)("div",{className:c()(m,""!==K?C.Bm:void 0),children:g.name}),(0,Q.jsx)(_.default,{metaData:g.metaData,visible:[K,M]},g.articleCodex),!f&&(0,Q.jsx)("div",{className:c()(C.WN),children:g.formattedSize})]}),(0,Q.jsxs)("div",{className:c()(C.W0),children:[g.contentItemId&&(0,Q.jsx)(I.default,{item:g,style:{left:-32,bottom:b.getIsInMobileView()?26:12}},g.articleCodex),(0,Q.jsx)("div",{onClick:R,className:c()(C.Uz,0==g.actQuantity?C.h$:void 0),children:"-"}),(0,Q.jsx)("div",{className:c()(C.Wi),children:g.actQuantity}),(0,Q.jsx)("div",{onClick:H,className:c()(C.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?C.h$:void 0),children:"+"})]})]}),!O&&!!g.price&&(0,Q.jsx)(N.default,{price:g.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,Q.jsx)(q.default,{text:null!==(i=g.longDescription)&&void 0!==i?i:g.name,desciption:K,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:Z},g.articleCodex))),!!Object.keys(A).length&&(0,Q.jsx)(T.default,{itemPalettesOfArticle:A})]})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>u,KJ:()=>P,RV:()=>l,TX:()=>s,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>b,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>g});var d=i(8081),t=i.n(d),o=i(23645),r=i.n(o)()(t());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\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}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",u="index-module--nLQC8",s="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",g="index-module--o4vHn",b="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2173],{2173:(e,n,i)=>{i.r(n),i.d(n,{default:()=>H});var d=i(80248),t=i(34988),o=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),u=i(88130),s=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),g=i(90569),b=i.n(g),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),C=i(50978),O={};O.styleTagTransform=S(),O.setAttributes=w(),O.insert=b().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();m()(C.ZP,O);C.ZP&&C.ZP.locals&&C.ZP.locals;var j=i(88683),z=i(46770),_=i(97851),q=i(59078),T=i(70485),I=i(9510),N=i(2398),Q=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,d)}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,d.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 H=(0,s.Pi)((function AccessoiresStandard(e){var n,i,d=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,s=void 0===a?C.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?C.db:p,h=e.hidePrice,f=e.hideSize,g=d,b=(0,u.NP)(),v=(0,j.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,O=b.getViewConfig().dontShowBasePrice||w||h,H=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),R=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),A={};if(g.configStepKeys)for(var F=function _loop(){var e=g.configStepKeys[D],n=b.settingsState.itemPaletteArr.find((function(n){var i=(0,t.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A[e.basketId]||(A[e.basketId]={}),A[e.basketId][n[0]]=n[1]},D=0;D<g.configStepKeys.length;D++)F();var E=(0,x.useState)(""),V=(0,t.Z)(E,2),K=V[0],M=V[1],W={},Z={},B=void 0,G=!1,L={},$=(0,z.XI)({delayEnter:1500,hideOnScroll:!0}),X=(0,z.sJ)({isOpen:$[0],auto:!0,placement:b.getViewConfig().tooltipPosition||"left-center"});return y||k||b.getViewConfig().hideTooltip||(G=$[0],L=$[1],W=X.triggerProps,Z=X.layerProps,B=X.renderLayer),(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(C.RV,r,b.uiState.isMobilePortrait?C.KJ:void 0,b.uiState.isMobileLandscape?C.mp:void 0)},W),L),{},{children:[(0,Q.jsxs)("div",{className:c()(C.iZ,C.vc),children:[(0,Q.jsx)("div",{className:c()(C.K5),onClick:H,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,Q.jsxs)("div",{className:c()(s),children:[(0,Q.jsx)("div",{className:c()(m,""!==K?C.Bm:void 0),children:g.name}),(0,Q.jsx)(_.default,{metaData:g.metaData,visible:[K,M]},g.articleCodex),!f&&(0,Q.jsx)("div",{className:c()(C.WN),children:g.formattedSize})]}),(0,Q.jsxs)("div",{className:c()(C.W0),children:[g.contentItemId&&(0,Q.jsx)(I.default,{item:g,style:{left:-32,bottom:b.getIsInMobileView()?26:12}},g.articleCodex),(0,Q.jsx)("div",{onClick:R,className:c()(C.Uz,0==g.actQuantity?C.h$:void 0),children:"-"}),(0,Q.jsx)("div",{className:c()(C.Wi),children:g.actQuantity}),(0,Q.jsx)("div",{onClick:H,className:c()(C.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?C.h$:void 0),children:"+"})]})]}),!O&&!!g.price&&(0,Q.jsx)(N.default,{price:g.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,Q.jsx)(q.default,{text:null!==(i=g.longDescription)&&void 0!==i?i:g.name,desciption:K,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:Z},g.articleCodex))),!!Object.keys(A).length&&(0,Q.jsx)(T.default,{itemPalettesOfArticle:A})]})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>u,KJ:()=>P,RV:()=>l,TX:()=>s,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>b,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>g});var d=i(8081),t=i.n(d),o=i(23645),r=i.n(o)()(t());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\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}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",u="index-module--nLQC8",s="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",g="index-module--o4vHn",b="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2285.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2285,6587],{52285:(e,n,r)=>{r.r(n),r.d(n,{default:()=>N});var t=r(80248),o=r(34988),i=r(88130),l=r(87363),d=r(46770),a=r(9420),s=r(93379),c=r.n(s),u=r(7795),m=r.n(u),p=r(90569),v=r.n(p),b=r(3565),x=r.n(b),y=r(19216),g=r.n(y),h=r(44589),f=r.n(h),w=r(28491),P={};P.styleTagTransform=f(),P.setAttributes=x(),P.insert=v().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=r(13838),O=r(65515),S=r.n(O),C=r(86587),I=r(88683),k=r(59078),D=r(9510),V=r(2398),B=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const N=(0,a.Pi)((function Gallery(e){var n,r,t=e.item,a=e.hidePricePreview,s=e.paletteId,c=e.style,u=e.isActive,m=void 0===u?(0,B.jsx)(C.default,{listenToGalleryVariables:!0}):u,p=t,v=(0,i.NP)(),b=(0,I.useDivaCore)().state.dimensions,x=b.isMobile,y=b.isTablet,g=(0,l.useState)(""),h=(0,o.Z)(g,2),f=h[0],P=(h[1],{}),O={},N=void 0,Z=!1,A={},F=(0,d.XI)({delayEnter:2e3,hideOnScroll:!0}),T=(0,d.sJ)({isOpen:F[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return x||y||v.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(Z=F[0],A=F[1],P=T.triggerProps,O=T.layerProps,N=T.renderLayer),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:p.codex,"data-test-id":"plannerPaletteItem",className:S()(w.CA,w.TD,p.sel?w.pA:void 0),onClick:function onClick(){p.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(p),v.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},P),A),{},{children:[(0,B.jsxs)("div",{className:S()(w.iZ,w.VF),children:[!p.doShowFav&&p.sel&&void 0!==m&&m,p.contentItemId&&(0,B.jsx)(D.default,{item:p},p.codex),(v.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,B.jsx)("div",{className:w.eE,children:(0,B.jsx)("div",{className:S()(w.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,B.jsx)("img",{src:p.image}):p.hexColor?(0,B.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,B.jsx)(B.Fragment,{}),p.doShowFav&&(0,B.jsx)("div",{className:p.isFav?j.Md:j.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,B.jsx)(V.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel})]})),Z&&(null===(r=N)||void 0===r?void 0:r((0,B.jsx)(k.default,{text:p.text,desciption:f,image:p.image,layerProps:O,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},86587:(e,n,r)=>{r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,n,r)=>{r.d(n,{CA:()=>d,CO:()=>v,TD:()=>p,VF:()=>s,ZP:()=>b,eE:()=>u,iZ:()=>a,pA:()=>c,rq:()=>m});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var d="index-module--vXVD4",a="index-module--ecuNz",s="index-module--hkKLj",c="index-module--bpPyh",u="index-module--Ur6oS",m="index-module--vybus",p="index-module--hf53S",v="index-module--VYcNk";const b=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2285,6587],{52285:(e,n,r)=>{r.r(n),r.d(n,{default:()=>N});var t=r(80248),o=r(34988),i=r(88130),l=r(87363),d=r(46770),a=r(9420),s=r(93379),c=r.n(s),u=r(7795),m=r.n(u),p=r(90569),v=r.n(p),b=r(3565),x=r.n(b),y=r(19216),g=r.n(y),h=r(44589),f=r.n(h),w=r(28491),P={};P.styleTagTransform=f(),P.setAttributes=x(),P.insert=v().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=r(13838),O=r(65515),S=r.n(O),C=r(86587),I=r(88683),k=r(59078),D=r(9510),V=r(2398),B=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const N=(0,a.Pi)((function Gallery(e){var n,r,t=e.item,a=e.hidePricePreview,s=e.paletteId,c=e.style,u=e.isActive,m=void 0===u?(0,B.jsx)(C.default,{listenToGalleryVariables:!0}):u,p=t,v=(0,i.NP)(),b=(0,I.useDivaCore)().state.dimensions,x=b.isMobile,y=b.isTablet,g=(0,l.useState)(""),h=(0,o.Z)(g,2),f=h[0],P=(h[1],{}),O={},N=void 0,Z=!1,A={},F=(0,d.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,d.sJ)({isOpen:F[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return x||y||v.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(Z=F[0],A=F[1],P=T.triggerProps,O=T.layerProps,N=T.renderLayer),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:p.codex,"data-test-id":"plannerPaletteItem",className:S()(w.CA,w.TD,p.sel?w.pA:void 0),onClick:function onClick(){p.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(p),v.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},P),A),{},{children:[(0,B.jsxs)("div",{className:S()(w.iZ,w.VF),children:[!p.doShowFav&&p.sel&&void 0!==m&&m,p.contentItemId&&(0,B.jsx)(D.default,{item:p},p.codex),(v.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,B.jsx)("div",{className:w.eE,children:(0,B.jsx)("div",{className:S()(w.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,B.jsx)("img",{src:p.image}):p.hexColor?(0,B.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,B.jsx)(B.Fragment,{}),p.doShowFav&&(0,B.jsx)("div",{className:p.isFav?j.Md:j.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,B.jsx)(V.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel})]})),Z&&(null===(r=N)||void 0===r?void 0:r((0,B.jsx)(k.default,{text:p.text,desciption:f,image:p.image,layerProps:O,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},86587:(e,n,r)=>{r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,n,r)=>{r.d(n,{CA:()=>d,CO:()=>v,TD:()=>p,VF:()=>s,ZP:()=>b,eE:()=>u,iZ:()=>a,pA:()=>c,rq:()=>m});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var d="index-module--vXVD4",a="index-module--ecuNz",s="index-module--hkKLj",c="index-module--bpPyh",u="index-module--Ur6oS",m="index-module--vybus",p="index-module--hf53S",v="index-module--VYcNk";const b=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3087.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3087,6340,6135,9510,7851,1051,2398,9078],{9510:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=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),C=t(23240),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(87363),v=t(88130),b=t(65515),y=t.n(b),P=t(9420),w=t(47514);const j=(0,P.Pi)((function InfoIcon(e){var n,t,r,o=e.item,a=e.style,s=(0,v.NP)(),d=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),p=u[0],x=u[1],m=o.sel||p;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&l==s.settingsState.clickedFrom;!e&&p&&x(!1),e&&!p&&x(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,w.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,l),x(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:y()(C.hv,m?void 0:C.al,p?C.FJ:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{className:C.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,w.jsx)("path",{className:C.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,w.jsx)("div",{className:y()(C.dA,m?C.al:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.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,w.jsx)(w.Fragment,{})}))},97851:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),r=t(88130),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),C=t(44589),h=t.n(C),g=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=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,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],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,b.jsx)("div",{style:n,className:g.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(88683),o=t(87363),a=t(7501),s=t(88130),d=t(9420),l=t(47514);const c=(0,d.Pi)((function PriceCounter(e){var n,t,d=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,i.Z)(x,2),f=m[0],C=m[1],h=(0,o.useState)(0),g=(0,i.Z)(h,2),v=g[0],b=g[1],y=(0,s.NP)();return(0,o.useEffect)((function(){C(d)}),[d]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(34988),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),C=t(44589),h=t.n(C),g=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(88130),P=t(65515),w=t.n(P),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},Z=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const F=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,a=e.style,s=e.price,d=e.sel,l=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,y.NP)(),m=(0,o.useState)(l),f=(0,r.Z)(m,2),C=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==i?g.t$:g.F2,g.pn),style:a,children:b.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&d;return n?(n.promise.then((function(){C||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,C&&!v?g.pn:void 0,x.getIsInMobileView()?g.ai:void 0,"left"==i?g.t$:g.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},59078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),r=t(34988),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),C=t(44589),h=t.n(C),g=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(2398),P=t(65515),w=t.n(P),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,a=e.desciption,s=e.codex,d=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,x=(0,o.useState)(!1),m=(0,r.Z)(x,2),f=m[0],C=m[1];return(0,o.useEffect)((function(){f||C(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:w()(g.Cu,f?g.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[u?(0,j.jsx)("img",{src:u,alt:i}):d?(0,j.jsx)("div",{className:g.CO,style:{backgroundColor:"#"+d}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:g.Y7,dangerouslySetInnerHTML:{__html:i}}),a&&(0,j.jsx)("div",{className:g._W,children:a}),s&&(0,j.jsx)("div",{className:g._W,children:s}),void 0!==c&&(0,j.jsx)(y.default,{asyncPricePreview:c,dontAnimatePrice:!0})]}))}},93087:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(88130),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),v=t.n(g),b=t(44589),y=t.n(b),P=t(65655),w={};w.styleTagTransform=y(),w.setAttributes=h(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(88683),S=t(46770),O=t(97851),Z=t(59078),F=t(2398),k=t(9510),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,o=(e.grids,e.sel),d=(0,s.NP)(),c=(0,j.useDivaCore)().state,u=c.hidePrices,p=c.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),C=(0,r.Z)(f,2),h=C[0],g=C[1],v={},b={},y=void 0,w=!1,D={},N=(0,S.XI)({delayEnter:2e3,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:N[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});x||m||d.getViewConfig().hideTooltip||(w=N[0],D=N[1],v=E.triggerProps,b=E.layerProps,y=E.renderLayer);var _=i.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(P.nC,o?P.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),D),{},{children:[(0,I.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,I.jsxs)("div",{className:P.jW,children:[(0,I.jsx)("div",{className:a()(P.TN),dangerouslySetInnerHTML:{__html:_}}),(0,I.jsx)(O.default,{metaData:i.metaData,visible:[h,g]},i.articleCodex),!u&&!!i.price&&(0,I.jsx)(F.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,I.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),w&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:b},i.articleCodex)))]}))}))},23240:(e,n,t)=>{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  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var 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)=>{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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>s,ai:()=>d,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",d="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});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  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>s,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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([[3087,6340,6135,9510,7851,1051,2398,9078],{9510:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=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),C=t(23240),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(87363),v=t(88130),b=t(65515),y=t.n(b),P=t(9420),j=t(47514);const w=(0,P.Pi)((function InfoIcon(e){var n,t,r,o=e.item,a=e.style,s=(0,v.NP)(),d=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),p=u[0],x=u[1],m=o.sel||p;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&l==s.settingsState.clickedFrom;!e&&p&&x(!1),e&&!p&&x(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,l),x(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:y()(C.hv,m?void 0:C.al,p?C.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:C.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:C.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()(C.dA,m?C.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,{})}))},97851:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),r=t(88130),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),C=t(44589),h=t.n(C),g=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=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,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],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,b.jsx)("div",{style:n,className:g.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(88683),o=t(87363),a=t(7501),s=t(88130),d=t(9420),l=t(47514);const c=(0,d.Pi)((function PriceCounter(e){var n,t,d=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,i.Z)(x,2),f=m[0],C=m[1],h=(0,o.useState)(0),g=(0,i.Z)(h,2),v=g[0],b=g[1],y=(0,s.NP)();return(0,o.useEffect)((function(){C(d)}),[d]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(34988),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),C=t(44589),h=t.n(C),g=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(88130),P=t(65515),j=t.n(P),w=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},Z=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(w.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const F=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,a=e.style,s=e.price,d=e.sel,l=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,y.NP)(),m=(0,o.useState)(l),f=(0,r.Z)(m,2),C=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:j()(g.aH,"left"==i?g.t$:g.F2,g.pn),style:a,children:b.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&d;return n?(n.promise.then((function(){C||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(g.aH,C&&!v?g.pn:void 0,x.getIsInMobileView()?g.ai:void 0,"left"==i?g.t$:g.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},59078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),r=t(34988),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),C=t(44589),h=t.n(C),g=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(2398),P=t(65515),j=t.n(P),w=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,a=e.desciption,s=e.codex,d=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=e.price,p=null==t?void 0:t.replace("_gal","").replace("_low",""),x=(0,b.useDivaCore)().state.theme,m=(0,o.useState)(!1),f=(0,r.Z)(m,2),C=f[0],h=f[1];return(0,o.useEffect)((function(){C||h(!0)}),[]),(0,w.jsxs)("div",_objectSpread(_objectSpread({className:j()(g.Cu,C?g.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==x||null===(n=x.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[p?(0,w.jsx)("img",{src:p,alt:i}):d?(0,w.jsx)("div",{className:g.CO,style:{backgroundColor:"#"+d}}):(0,w.jsx)(w.Fragment,{}),(0,w.jsx)("div",{className:g.Y7,dangerouslySetInnerHTML:{__html:i}}),a&&(0,w.jsx)("div",{className:g._W,children:a}),s&&(0,w.jsx)("div",{className:g._W,children:s}),void 0!==c&&(0,w.jsx)(y.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,w.jsx)(y.default,{price:u,dontAnimatePrice:!0})]}))}},93087:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(88130),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),v=t.n(g),b=t(44589),y=t.n(b),P=t(65655),j={};j.styleTagTransform=y(),j.setAttributes=h(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();u()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=t(88683),S=t(46770),O=t(97851),Z=t(59078),F=t(2398),k=t(9510),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,o=(e.grids,e.sel),d=(0,s.NP)(),c=(0,w.useDivaCore)().state,u=c.hidePrices,p=c.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),C=(0,r.Z)(f,2),h=C[0],g=C[1],v={},b={},y=void 0,j=!1,D={},N=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:N[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});x||m||d.getViewConfig().hideTooltip||(j=N[0],D=N[1],v=E.triggerProps,b=E.layerProps,y=E.renderLayer);var A=i.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(P.nC,o?P.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),D),{},{children:[(0,I.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,I.jsxs)("div",{className:P.jW,children:[(0,I.jsx)("div",{className:a()(P.TN),dangerouslySetInnerHTML:{__html:A}}),(0,I.jsx)(O.default,{metaData:i.metaData,visible:[h,g]},i.articleCodex),!u&&!!i.price&&(0,I.jsx)(F.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,I.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),j&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:b},i.articleCodex)))]}))}))},23240:(e,n,t)=>{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  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var 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)=>{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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>s,ai:()=>d,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",d="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});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  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>s,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());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}}]);