@crystaldesign/diva-web-planner-react 26.12.0-beta.30 → 26.12.0-beta.31

package/build/esm/{index.module-9654d173.js → index.module-3ea14d99.js}

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

package/build/esm/{index.module-4dbcf5c4.js → index.module-3f8fa07a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-b5600279.js';
+import { s as styleInject } from './index-e5867324.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";
@@ -7,7 +7,7 @@ var title = "title-KljD9";
 var toggle = "toggle-B2uo7";
 var name = "name-QE1Nl";
 var sel = "sel-ZAWxP";
-var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-B2uo7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KljD9,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .name-QE1Nl {\n  color: #fff;\n}\n";
+var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.toggle-B2uo7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KljD9,\n.diva-component-DIVA_DATA_ENGINE .darkmode .title-KljD9,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .name-QE1Nl,\n.diva-component-DIVA_DATA_ENGINE .darkmode .name-QE1Nl {\n  color: #fff;\n}\n";
 styleInject(css_248z);
 
 export { toggle as a, columToggleName as b, colum as c, name as n, row as r, sel as s, title as t };

package/build/esm/{index.module-e392d5a9.js → index.module-50115982.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-b5600279.js';
+import { s as styleInject } from './index-e5867324.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-39785b84.js → index.module-835e5744.js}

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

package/build/esm/{index.module-1059ddb5.js → index.module-f78428e2.js}

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

package/build/esm/{index.module-8d286010.js → index.module-ff452c6f.js}

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

package/build/esm/{useCustomDimensions-84ef7744.js → useCustomDimensions-69a46a5e.js}

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

package/build/esm/{ussIsSticky-2fa465b9.js → ussIsSticky-372746a0.js}

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1210.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1210,762],{30762:(o,t,r)=>{r.r(t),r.d(t,{default:()=>L});var i=r(34988),d=r(80248),l=r(72874),a=r(9420),u=r(75327),p=r(87363),c=r(88683),m=r(93379),x=r.n(m),h=r(7795),v=r.n(h),b=r(90569),g=r.n(b),w=r(3565),y=r.n(w),j=r(19216),S=r.n(j),k=r(44589),P=r.n(k),I=r(96193),N={};N.styleTagTransform=P(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=r(65515),_=r.n(K),C=r(47514),O=["isInScroller","item","doShowFilter"];function ownKeys(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),r.push.apply(r,i)}return r}function _objectSpread(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,d.Z)(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(r,t))}))}return o}const L=(0,a.Pi)((function Seachbar(o){var t=o.isInScroller,r=o.item,d=o.doShowFilter,a=(0,l.Z)(o,O),m=(0,u.NP)(),x=(0,c.useTranslation)().t,h=(0,p.useRef)(null);(0,p.useEffect)((function(){var o=m.settingsState.itemPalettes.get(r.id);(null==o?void 0:o.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(o.id,_objectSpread(_objectSpread({},o),{},{htmlInputElement:h.current}))}),[h]);var v=(0,p.useState)(m.uiState.isInMobileView),b=(0,i.Z)(v,2),g=b[0],w=b[1],y=(0,p.useState)(!1),j=(0,i.Z)(y,2),S=j[0],k=j[1];return(0,C.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(o){return o.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,C.jsx)("input",_objectSpread(_objectSpread({},a),{},{ref:h,className:_()(I.Xx,d?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,t?I.Nb:void 0,m.uiState.isInMobileView?I.ai:void 0,m.uiState.isTablet?I.Mq:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(o){return function filterFreeTextChanged(o,t){""!==o?m.settingsState.onAllGroups(t,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(t,!0),m.paletteViewHandler.onSearchTextChanged(o,t)}(o.target.value,r.id)},placeholder:x("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(o){return w(!1)},onTouchStart:function onTouchStart(o){w(!1),setTimeout((function(){k(!0)}),100)},onBlur:function onBlur(){S&&(w(m.uiState.isInMobileView),k(!1))},disabled:g}))})}))},31210:(o,t,r)=>{r.r(t),r.d(t,{default:()=>D});var i=r(34988),d=r(65515),l=r.n(d),a=r(9420),u=r(87363),p=r(10304),c=r(94748),m=r(93379),x=r.n(m),h=r(7795),v=r.n(h),b=r(90569),g=r.n(b),w=r(3565),y=r.n(w),j=r(19216),S=r.n(j),k=r(44589),P=r.n(k),I=r(15285),N={};N.styleTagTransform=P(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=r(30762),_=r(18193),C=r(21801),O=r(91087),L=r(47514);function _createForOfIteratorHelper(o,t){var r="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!r){if(Array.isArray(o)||(r=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var r={}.toString.call(o).slice(8,-1);return"Object"===r&&o.constructor&&(r=o.constructor.name),"Map"===r||"Set"===r?Array.from(o):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){r&&(o=r);var i=0,d=function F(){};return{s:d,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function s(){r=r.call(o)},n:function n(){var o=r.next();return a=o.done,o},e:function e(o){u=!0,l=o},f:function f(){try{a||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var r=0,i=Array(t);r<t;r++)i[r]=o[r];return i}const D=(0,a.Pi)((function GroupDropdown(o){var t,r,d,a,m=o.filteredGroups,x=o.PaletteComponent,h=o.id,v=o.item,b=o.showSearchBar,g=o.contentInnerClassName,w=(0,u.useState)(null),y=(0,i.Z)(w,2),j=y[0],S=y[1],k=[],P=-1,N=-1,D=-1,A=!1,V="---";if(m[0]&&null!==(t=m[0])&&void 0!==t&&null!==(t=t.items)&&void 0!==t&&t[0]){var T;(null===(T=m[0])||void 0===T||null===(T=T.items)||void 0===T?void 0:T[0]).parentName&&(A=!0);for(var z=v.currentItemsFilter?v.groups:m,U=function _loop(){var o=z[M];a||(a=o.items.find((function(o){return o.sel})),a&&(P=M));var t=o.items[0];if(A){var r=k.find((function(o){return o.key==t.parentName}));r||(r={type:"group",key:t.parentName,name:(0,L.jsxs)("div",{className:I.Kj,children:[(0,L.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:t.parentName}}),void 0!==t.pricePreviewPromise&&(0,L.jsx)(O.default,{asyncPricePreview:t.pricePreviewPromise})]}),items:[]},k.push(r)),r.items.push({label:(0,L.jsx)("div",{className:I.Kj,children:(0,L.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}})}),value:o.name}),P==M&&(N=r.items.length-1,P=k.findIndex((function(o){return o.key==t.parentName})))}else k.push({label:(0,L.jsxs)("div",{className:I.Kj,children:[(0,L.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}}),void 0!==t.pricePreviewPromise&&(0,L.jsx)(O.default,{asyncPricePreview:t.pricePreviewPromise})]}),value:o.name})},M=0;M<z.length;M++)U();if(D=P,j&&(D=m.findIndex((function(o){return o.name==j}))),v.currentItemsFilter)V="---";else if(j)V=j;else{var W;if(null!==(W=k[P])&&void 0!==W&&W.label)V={label:(0,L.jsx)("div",{className:I.Kj,children:(0,L.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:k[P].value}})}),value:k[P].value},D=P;else if(P>=0){var Y,Z=null===(Y=k[P])||void 0===Y||null===(Y=Y.items)||void 0===Y?void 0:Y[N];V={label:(0,L.jsx)("div",{className:I.Kj,children:(0,L.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:Z.value}})}),value:Z.value};for(var E=N,R=0;R<k.length&&R<P;R++)E+=k[R].items.length;D=E}}}var B,G=[],H=_createForOfIteratorHelper(m);try{for(H.s();!(B=H.n()).done;){var J,X=_createForOfIteratorHelper(B.value.items);try{for(X.s();!(J=X.n()).done;){var q=J.value;G.push(q)}}catch(o){X.e(o)}finally{X.f()}}}catch(o){H.e(o)}finally{H.f()}var Q=v.currentItemsFilter?G:null===(r=m[D])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[b&&(0,L.jsx)(K.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:I.nC,children:[(0,L.jsxs)("div",{className:I.O7,children:[(0,L.jsx)("div",{className:I.eR,children:(0,L.jsx)(c.default,{id:h,dropdownRootClass:I.oF})}),(null===(d=m[D])||void 0===d?void 0:d.contentItemId)&&(0,L.jsx)(C.default,{item:m[D],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},m[D].key),(0,L.jsx)("div",{className:l()(I.eR,I.YS),children:(0,L.jsx)(p.Z,{className:l()(I.oF),controlClassName:I.x_,options:k,value:V,onChange:function onGroupSel(o){var t;null===(t=v.deleteCurFilter)||void 0===t||t.call(v),S(o.value)},menuClassName:I.Kh,arrowClosed:(0,L.jsx)(_.default,{open:!1}),arrowOpen:(0,L.jsx)(_.default,{open:!0})})})]}),(0,L.jsx)("div",{className:g,children:null==Q?void 0:Q.map((function(o,t){return(0,L.jsx)(x,{paletteId:h,item:o,hidePricePreview:!0,namePostFix:v.currentItemsFilter&&o.groupName?"<br/>"+o.groupName:void 0},t)}))})]})]})}))},96193:(o,t,r)=>{r.d(t,{Gp:()=>v,Hj:()=>h,Mq:()=>c,Nb:()=>m,Xx:()=>u,ZP:()=>b,_F:()=>x,ai:()=>p});var i=r(8081),d=r.n(i),l=r(23645),a=r.n(l)()(d());a.push([o.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var u="index-module--rVLUK",p="index-module--cO8Ww",c="index-module--M7WBB",m="index-module--iFAfh",x="index-module--elYJb",h="index-module--radk0",v="index-module--ljh7V";const b=a},15285:(o,t,r)=>{r.d(t,{Kh:()=>m,Kj:()=>v,O7:()=>x,YS:()=>w,ZP:()=>y,eR:()=>h,fL:()=>b,nC:()=>u,oF:()=>p,w8:()=>g,x_:()=>c});var i=r(8081),d=r.n(i),l=r(23645),a=r.n(l)()(d());a.push([o.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  min-width: -moz-fit-content !important;\n  min-width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n\n.index-module--khpFY .Dropdown-root {\n  position: relative;\n}\n\n.index-module--khpFY .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--APlX2 .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--IJj1R .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--khpFY .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--khpFY .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--khpFY .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--khpFY .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--khpFY .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--khpFY .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--khpFY .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--khpFY .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--khpFY .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--khpFY .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var u="index-module--NmcGW",p="index-module--huzmx",c="index-module--KIWOS",m="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",b="index-module--ZJtCs",g="index-module--Rcf58",w="index-module--khpFY";const y=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1210,762],{30762:(o,t,r)=>{r.r(t),r.d(t,{default:()=>L});var i=r(34988),d=r(80248),l=r(72874),a=r(9420),u=r(75327),p=r(87363),c=r(88683),m=r(93379),x=r.n(m),h=r(7795),v=r.n(h),b=r(90569),g=r.n(b),w=r(3565),y=r.n(w),j=r(19216),S=r.n(j),k=r(44589),I=r.n(k),P=r(96193),N={};N.styleTagTransform=I(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(P.ZP,N);P.ZP&&P.ZP.locals&&P.ZP.locals;var K=r(65515),_=r.n(K),A=r(47514),D=["isInScroller","item","doShowFilter"];function ownKeys(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),r.push.apply(r,i)}return r}function _objectSpread(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,d.Z)(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(r,t))}))}return o}const L=(0,a.Pi)((function Seachbar(o){var t=o.isInScroller,r=o.item,d=o.doShowFilter,a=(0,l.Z)(o,D),m=(0,u.NP)(),x=(0,c.useTranslation)().t,h=(0,p.useRef)(null);(0,p.useEffect)((function(){var o=m.settingsState.itemPalettes.get(r.id);(null==o?void 0:o.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(o.id,_objectSpread(_objectSpread({},o),{},{htmlInputElement:h.current}))}),[h]);var v=(0,p.useState)(m.uiState.isInMobileView),b=(0,i.Z)(v,2),g=b[0],w=b[1],y=(0,p.useState)(!1),j=(0,i.Z)(y,2),S=j[0],k=j[1];return(0,A.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(o){return o.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,A.jsx)("input",_objectSpread(_objectSpread({},a),{},{ref:h,className:_()(P.Xx,d?void 0:P.Gp,m.uiState.configSettingsIsExpanded?P._F:void 0,m.uiState.configSettingsIsMaxExpanded?P.Hj:void 0,t?P.Nb:void 0,m.uiState.isInMobileView?P.ai:void 0,m.uiState.isTablet?P.Mq:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(o){return function filterFreeTextChanged(o,t){""!==o?m.settingsState.onAllGroups(t,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(t,!0),m.paletteViewHandler.onSearchTextChanged(o,t)}(o.target.value,r.id)},placeholder:x("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(o){return w(!1)},onTouchStart:function onTouchStart(o){w(!1),setTimeout((function(){k(!0)}),100)},onBlur:function onBlur(){S&&(w(m.uiState.isInMobileView),k(!1))},disabled:g}))})}))},31210:(o,t,r)=>{r.r(t),r.d(t,{default:()=>C});var i=r(34988),d=r(65515),l=r.n(d),a=r(9420),u=r(87363),p=r(10304),c=r(94748),m=r(93379),x=r.n(m),h=r(7795),v=r.n(h),b=r(90569),g=r.n(b),w=r(3565),y=r.n(w),j=r(19216),S=r.n(j),k=r(44589),I=r.n(k),P=r(15285),N={};N.styleTagTransform=I(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(P.ZP,N);P.ZP&&P.ZP.locals&&P.ZP.locals;var K=r(30762),_=r(18193),A=r(21801),D=r(91087),L=r(47514);function _createForOfIteratorHelper(o,t){var r="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!r){if(Array.isArray(o)||(r=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var r={}.toString.call(o).slice(8,-1);return"Object"===r&&o.constructor&&(r=o.constructor.name),"Map"===r||"Set"===r?Array.from(o):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){r&&(o=r);var i=0,d=function F(){};return{s:d,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function s(){r=r.call(o)},n:function n(){var o=r.next();return a=o.done,o},e:function e(o){u=!0,l=o},f:function f(){try{a||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var r=0,i=Array(t);r<t;r++)i[r]=o[r];return i}const C=(0,a.Pi)((function GroupDropdown(o){var t,r,d,a,m=o.filteredGroups,x=o.PaletteComponent,h=o.id,v=o.item,b=o.showSearchBar,g=o.contentInnerClassName,w=(0,u.useState)(null),y=(0,i.Z)(w,2),j=y[0],S=y[1],k=[],I=-1,N=-1,C=-1,O=!1,V="---";if(m[0]&&null!==(t=m[0])&&void 0!==t&&null!==(t=t.items)&&void 0!==t&&t[0]){var T;(null===(T=m[0])||void 0===T||null===(T=T.items)||void 0===T?void 0:T[0]).parentName&&(O=!0);for(var U=v.currentItemsFilter?v.groups:m,z=function _loop(){var o=U[E];a||(a=o.items.find((function(o){return o.sel})),a&&(I=E));var t=o.items[0];if(O){var r=k.find((function(o){return o.key==t.parentName}));r||(r={type:"group",key:t.parentName,name:(0,L.jsxs)("div",{className:P.Kj,children:[(0,L.jsx)("div",{className:l()(P.fL,t.pricePreviewPromise?P.w8:void 0),dangerouslySetInnerHTML:{__html:t.parentName}}),void 0!==t.pricePreviewPromise&&(0,L.jsx)(D.default,{asyncPricePreview:t.pricePreviewPromise})]}),items:[]},k.push(r)),r.items.push({label:(0,L.jsx)("div",{className:P.Kj,children:(0,L.jsx)("div",{className:l()(P.fL,t.pricePreviewPromise?P.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}})}),value:o.name}),I==E&&(N=r.items.length-1,I=k.findIndex((function(o){return o.key==t.parentName})))}else k.push({label:(0,L.jsxs)("div",{className:P.Kj,children:[(0,L.jsx)("div",{className:l()(P.fL,t.pricePreviewPromise?P.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}}),void 0!==t.pricePreviewPromise&&(0,L.jsx)(D.default,{asyncPricePreview:t.pricePreviewPromise})]}),value:o.name})},E=0;E<U.length;E++)z();if(C=I,j&&(C=m.findIndex((function(o){return o.name==j}))),v.currentItemsFilter)V="---";else if(j)V=j;else{var M;if(null!==(M=k[I])&&void 0!==M&&M.label)V={label:(0,L.jsx)("div",{className:P.Kj,children:(0,L.jsx)("div",{className:P.fL,dangerouslySetInnerHTML:{__html:k[I].value}})}),value:k[I].value},C=I;else if(I>=0){var W,Y=null===(W=k[I])||void 0===W||null===(W=W.items)||void 0===W?void 0:W[N];V={label:(0,L.jsx)("div",{className:P.Kj,children:(0,L.jsx)("div",{className:P.fL,dangerouslySetInnerHTML:{__html:Y.value}})}),value:Y.value};for(var Z=N,G=0;G<k.length&&G<I;G++)Z+=k[G].items.length;C=Z}}}var R,B=[],H=_createForOfIteratorHelper(m);try{for(H.s();!(R=H.n()).done;){var J,X=_createForOfIteratorHelper(R.value.items);try{for(X.s();!(J=X.n()).done;){var q=J.value;B.push(q)}}catch(o){X.e(o)}finally{X.f()}}}catch(o){H.e(o)}finally{H.f()}var Q=v.currentItemsFilter?B:null===(r=m[C])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[b&&(0,L.jsx)(K.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:P.nC,children:[(0,L.jsxs)("div",{className:P.O7,children:[(0,L.jsx)("div",{className:P.eR,children:(0,L.jsx)(c.default,{id:h,dropdownRootClass:P.oF})}),(null===(d=m[C])||void 0===d?void 0:d.contentItemId)&&(0,L.jsx)(A.default,{item:m[C],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},m[C].key),(0,L.jsx)("div",{className:l()(P.eR,P.YS),children:(0,L.jsx)(p.Z,{className:l()(P.oF),controlClassName:P.x_,options:k,value:V,onChange:function onGroupSel(o){var t;null===(t=v.deleteCurFilter)||void 0===t||t.call(v),S(o.value)},menuClassName:P.Kh,arrowClosed:(0,L.jsx)(_.default,{open:!1}),arrowOpen:(0,L.jsx)(_.default,{open:!0})})})]}),(0,L.jsx)("div",{className:g,children:null==Q?void 0:Q.map((function(o,t){return(0,L.jsx)(x,{paletteId:h,item:o,hidePricePreview:!0,namePostFix:v.currentItemsFilter&&o.groupName?"<br/>"+o.groupName:void 0},t)}))})]})]})}))},96193:(o,t,r)=>{r.d(t,{Gp:()=>v,Hj:()=>h,Mq:()=>c,Nb:()=>m,Xx:()=>u,ZP:()=>b,_F:()=>x,ai:()=>p});var i=r(8081),d=r.n(i),l=r(23645),a=r.n(l)()(d());a.push([o.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var u="index-module--rVLUK",p="index-module--cO8Ww",c="index-module--M7WBB",m="index-module--iFAfh",x="index-module--elYJb",h="index-module--radk0",v="index-module--ljh7V";const b=a},15285:(o,t,r)=>{r.d(t,{Kh:()=>m,Kj:()=>v,O7:()=>x,YS:()=>w,ZP:()=>y,eR:()=>h,fL:()=>b,nC:()=>u,oF:()=>p,w8:()=>g,x_:()=>c});var i=r(8081),d=r.n(i),l=r(23645),a=r.n(l)()(d());a.push([o.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  min-width: -moz-fit-content !important;\n  min-width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n\n.index-module--khpFY .Dropdown-root {\n  position: relative;\n}\n\n.index-module--khpFY .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--APlX2 .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--IJj1R .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--khpFY .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--khpFY .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--khpFY .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--khpFY .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--khpFY .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--khpFY .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--khpFY .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--khpFY .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--khpFY .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--khpFY .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var u="index-module--NmcGW",p="index-module--huzmx",c="index-module--KIWOS",m="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",b="index-module--ZJtCs",g="index-module--Rcf58",w="index-module--khpFY";const y=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1596.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1596,1801,8618],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var o=i(34988),d=i(93379),t=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(87363),M=i(75327),N=i(65515),f=i.n(N),I=i(9420),h=i(47514);const y=(0,I.Pi)((function InfoIcon(n){var e,i,d,t=n.item,r=n.style,l=(0,M.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,b.useState)(!1),u=(0,o.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,b.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.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,h.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var o=i(80248),d=(i(87363),i(24195)),t=i(21801),r=i(75327),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,o=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=o.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[o.image?(0,m.jsx)("img",{src:o.image,alt:o.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),o.isDefined&&(0,m.jsx)("div",{className:d.$K}),(o.contentItemId||o.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},o),{},{contentItemId:o.contentItemId||o.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(o.quantity?o.quantity+"x ":"")+o.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:o.description}}),!!o.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(o.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=o.targetArticlePosNrs)||void 0===i||!i.length)&&!o.includesAllPosNrs&&o.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(o)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.push([n.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 l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>I,Bf:()=>S,Bh:()=>P,EM:()=>b,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>k,_Z:()=>M,_t:()=>A,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>D,vZ:()=>w,wZ:()=>T});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",b="index-module--Y_vmD",M="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",I="index-module--sFFIA",h="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",D="index-module--HevwU",w="index-module--zYdzL",z="index-module--QNPfp",A="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const k=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1596,1801,8618],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var d=i(34988),o=i(93379),t=i.n(o),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(87363),b=i(75327),M=i(65515),I=i.n(M),f=i(9420),h=i(47514);const D=(0,f.Pi)((function InfoIcon(n){var e,i,o,t=n.item,r=n.style,l=(0,b.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(o=t.codex)&&void 0!==o?o:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,N.useState)(!1),u=(0,d.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,N.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:I()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.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,h.jsx)("div",{className:I()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var d=i(80248),o=(i(87363),i(24195)),t=i(21801),r=i(75327),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,d=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=d.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:o.j$,children:[(0,m.jsxs)("div",{className:u()(o._Z),children:[(0,m.jsxs)("div",{className:o.be,children:[d.image?(0,m.jsx)("img",{src:d.image,alt:d.title,className:o.BH}):(0,m.jsx)("div",{className:o.N1}),d.isDefined&&(0,m.jsx)("div",{className:o.$K}),(d.contentItemId||d.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},d),{},{contentItemId:d.contentItemId||d.optionContentItemId})})]}),(0,m.jsxs)("div",{className:o.L$,children:[(0,m.jsx)("div",{className:o.tN,children:(0,m.jsx)("div",{className:o.Sp,dangerouslySetInnerHTML:{__html:(d.quantity?d.quantity+"x ":"")+d.title}})}),(0,m.jsx)("div",{className:o.Bf,dangerouslySetInnerHTML:{__html:d.description}}),!!d.price&&!s&&(0,m.jsx)("div",{className:o.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(d.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:o._t,children:!(null===(i=d.targetArticlePosNrs)||void 0===i||!i.length)&&!d.includesAllPosNrs&&d.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(o.vZ,n.toString().length>=2&&o.Eb),children:n})}))}),(0,m.jsx)("button",{className:o.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(d)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t)()(o());r.push([n.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 l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>D,BH:()=>f,Bf:()=>S,Bh:()=>P,EM:()=>N,Eb:()=>w,L$:()=>v,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>E,_Z:()=>b,_t:()=>z,ai:()=>g,be:()=>I,j$:()=>M,r:()=>p,tN:()=>y,vZ:()=>A,wZ:()=>T});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(o()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",N="index-module--Y_vmD",b="index-module--A0GD5",M="index-module--P2BeF",I="index-module--fHgrz",f="index-module--sFFIA",h="index-module--jW4rI",D="index-module--z_h7j",v="index-module--wzm9z",y="index-module--HevwU",A="index-module--zYdzL",w="index-module--QNPfp",z="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const E=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();o()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1868.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1868,6474],{11868:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(80248),i=t(34988),r=t(9420),l=t(87363),a=t(46770),d=t(75327),s=t(55461),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),M={};M.styleTagTransform=w(),M.setAttributes=g(),M.insert=f().bind(null,"head"),M.domAPI=p(),M.insertStyleElement=b();u()(j.ZP,M);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(88683),P=t(65515),C=t.n(P),O=t(56474),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,I.useTranslation)().t,x=(0,I.useDivaCore)().state.dimensions,p=x.isMobile,m=x.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),g=h[0],v=h[1],b={},y={},w=void 0,M=!1,P={},S=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),z=(0,a.sJ)({isOpen:S[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||m||c.getViewConfig().hideTooltip||(M=S[0],P=S[1],b=z.triggerProps,y=z.layerProps,w=z.renderLayer);var D=o.codex.includes("OPV_NICHT_RELEVANT"),A=!o.image&&!o.hexColor;return D?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)("div",{className:C()(j.YS,A?j.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,A?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,k.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,k.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:j.fL,children:o.text}),(0,k.jsx)(O.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),M&&(null===(n=w)||void 0===n?void 0:n((0,k.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,k.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(75327),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),x=(0,r.useState)(""),p=(0,o.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>g,YS:()=>x,ZP:()=>y,aS:()=>p,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var x="index-module--YlwEF",p="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1868,6474],{11868:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),l=t(46770),d=t(75327),s=t(55461),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),h=t.n(m),f=t(3565),g=t.n(f),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),I={};I.styleTagTransform=w(),I.setAttributes=g(),I.insert=h().bind(null,"head"),I.domAPI=x(),I.insertStyleElement=b();u()(j.ZP,I);j.ZP&&j.ZP.locals&&j.ZP.locals;var M=t(88683),P=t(65515),C=t.n(P),k=t(56474),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 A=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,M.useTranslation)().t,p=(0,M.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,h=(0,a.useState)(""),f=(0,i.Z)(h,2),g=f[0],v=f[1],b={},y={},w=void 0,I=!1,P={},A=(0,l.XI)({delayEnter:600,hideOnScroll:!0}),D=(0,l.sJ)({isOpen:A[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(I=A[0],P=A[1],b=D.triggerProps,y=D.layerProps,w=D.renderLayer);var S=o.codex.includes("OPV_NICHT_RELEVANT"),z=!o.image&&!o.hexColor;return S?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:C()(j.YS,z?j.aS:void 0),children:[(0,a.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,z?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,O.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,O.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:j.fL,children:o.text}),(0,O.jsx)(k.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),I&&(null===(n=w)||void 0===n?void 0:n((0,O.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,O.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(75327),r=t(87363),a=t(93379),l=t.n(a),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),h=t.n(m),f=t(44589),g=t.n(f),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();l()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,d=(0,o.Z)(l,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],h=x[1],f=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==f?void 0:f.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===f[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<f.length;i++)o(i)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>f,CO:()=>g,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),l=t(61667),d=t.n(l),s=new URL(t(71e3),t.b),c=a()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",h="index-module--nu83g",f="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const d=a},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2077.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,1801,8618,1596],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>v});var d=i(34988),o=i(93379),t=i.n(o),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(87363),M=i(75327),N=i(65515),f=i.n(N),I=i(9420),h=i(47514);const v=(0,I.Pi)((function InfoIcon(n){var e,i,o,t=n.item,r=n.style,l=(0,M.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(o=t.codex)&&void 0!==o?o:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,b.useState)(!1),u=(0,d.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,b.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.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,h.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var d=i(80248),o=(i(87363),i(24195)),t=i(21801),r=i(75327),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,d=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=d.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:o.j$,children:[(0,m.jsxs)("div",{className:u()(o._Z),children:[(0,m.jsxs)("div",{className:o.be,children:[d.image?(0,m.jsx)("img",{src:d.image,alt:d.title,className:o.BH}):(0,m.jsx)("div",{className:o.N1}),d.isDefined&&(0,m.jsx)("div",{className:o.$K}),(d.contentItemId||d.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},d),{},{contentItemId:d.contentItemId||d.optionContentItemId})})]}),(0,m.jsxs)("div",{className:o.L$,children:[(0,m.jsx)("div",{className:o.tN,children:(0,m.jsx)("div",{className:o.Sp,dangerouslySetInnerHTML:{__html:(d.quantity?d.quantity+"x ":"")+d.title}})}),(0,m.jsx)("div",{className:o.Bf,dangerouslySetInnerHTML:{__html:d.description}}),!!d.price&&!s&&(0,m.jsx)("div",{className:o.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(d.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:o._t,children:!(null===(i=d.targetArticlePosNrs)||void 0===i||!i.length)&&!d.includesAllPosNrs&&d.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(o.vZ,n.toString().length>=2&&o.Eb),children:n})}))}),(0,m.jsx)("button",{className:o.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(d)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var d=i(9420),o=(i(87363),i(24195)),t=i(41596),r=i(65515),l=i.n(r),a=i(75327),x=i(47514);const s=(0,d.Pi)((function Summary(n){var e,i=n.item,d=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(o.r,d.uiState.isTablet?o.Mq:void 0,d.uiState.isInMobileView?o.ai:void 0),children:[(0,x.jsx)("div",{className:o.Vq,children:r.title}),(0,x.jsx)("div",{className:o.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(t.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t)()(o());r.push([n.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 l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>v,BH:()=>I,Bf:()=>S,Bh:()=>P,EM:()=>b,Eb:()=>z,L$:()=>y,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>k,_Z:()=>M,_t:()=>A,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>D,vZ:()=>w,wZ:()=>T});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(o()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",b="index-module--Y_vmD",M="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",I="index-module--sFFIA",h="index-module--jW4rI",v="index-module--z_h7j",y="index-module--wzm9z",D="index-module--HevwU",w="index-module--zYdzL",z="index-module--QNPfp",A="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const k=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();o()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,1801,8618,1596],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>v});var d=i(34988),o=i(93379),t=i.n(o),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(87363),b=i(75327),M=i(65515),I=i.n(M),f=i(9420),h=i(47514);const v=(0,f.Pi)((function InfoIcon(n){var e,i,o,t=n.item,r=n.style,l=(0,b.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(o=t.codex)&&void 0!==o?o:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,N.useState)(!1),u=(0,d.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,N.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:I()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.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,h.jsx)("div",{className:I()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.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,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var d=i(80248),o=(i(87363),i(24195)),t=i(21801),r=i(75327),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,d=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=d.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:o.j$,children:[(0,m.jsxs)("div",{className:u()(o._Z),children:[(0,m.jsxs)("div",{className:o.be,children:[d.image?(0,m.jsx)("img",{src:d.image,alt:d.title,className:o.BH}):(0,m.jsx)("div",{className:o.N1}),d.isDefined&&(0,m.jsx)("div",{className:o.$K}),(d.contentItemId||d.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},d),{},{contentItemId:d.contentItemId||d.optionContentItemId})})]}),(0,m.jsxs)("div",{className:o.L$,children:[(0,m.jsx)("div",{className:o.tN,children:(0,m.jsx)("div",{className:o.Sp,dangerouslySetInnerHTML:{__html:(d.quantity?d.quantity+"x ":"")+d.title}})}),(0,m.jsx)("div",{className:o.Bf,dangerouslySetInnerHTML:{__html:d.description}}),!!d.price&&!s&&(0,m.jsx)("div",{className:o.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(d.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:o._t,children:!(null===(i=d.targetArticlePosNrs)||void 0===i||!i.length)&&!d.includesAllPosNrs&&d.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(o.vZ,n.toString().length>=2&&o.Eb),children:n})}))}),(0,m.jsx)("button",{className:o.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(d)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var d=i(9420),o=(i(87363),i(24195)),t=i(41596),r=i(65515),l=i.n(r),a=i(75327),x=i(47514);const s=(0,d.Pi)((function Summary(n){var e,i=n.item,d=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(o.r,d.uiState.isTablet?o.Mq:void 0,d.uiState.isInMobileView?o.ai:void 0),children:[(0,x.jsx)("div",{className:o.Vq,children:r.title}),(0,x.jsx)("div",{className:o.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(t.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t)()(o());r.push([n.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 l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>v,BH:()=>f,Bf:()=>S,Bh:()=>T,EM:()=>N,Eb:()=>w,L$:()=>D,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>E,_Z:()=>b,_t:()=>z,ai:()=>g,be:()=>I,j$:()=>M,r:()=>p,tN:()=>y,vZ:()=>A,wZ:()=>P});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(o()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",N="index-module--Y_vmD",b="index-module--A0GD5",M="index-module--P2BeF",I="index-module--fHgrz",f="index-module--sFFIA",h="index-module--jW4rI",v="index-module--z_h7j",D="index-module--wzm9z",y="index-module--HevwU",A="index-module--zYdzL",w="index-module--QNPfp",z="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",T="index-module--xQe5j",P="index-module--fxABL";const E=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();o()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2478.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2478,1801,6474],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(34988),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(75327),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(75327),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},12478:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(88683),l=i(65515),a=i.n(l),r=i(75327),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(46770),S=i(56474),Z=i(55461),N=i(91087),I=i(21801),F=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const O=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,O=!1,B={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),A=(0,P.sJ)({isOpen:V[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(O=V[0],B=V[1],w=A.triggerProps,y=A.layerProps,j=A.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),B),{},{children:[(0,F.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,F.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,F.jsxs)("div",{className:a()(k.TX),children:[(0,F.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,F.jsx)(S.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,F.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,F.jsx)(N.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,F.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),O&&(null===(n=j)||void 0===n?void 0:n((0,F.jsx)(Z.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\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--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\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--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\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: 100%;\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: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2478,1801,6474],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(34988),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(75327),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(75327),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},12478:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(88683),l=i(65515),a=i.n(l),r=i(75327),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(46770),N=i(56474),S=i(55461),Z=i(91087),I=i(21801),F=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const O=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,O=!1,A={},B=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),V=(0,P.sJ)({isOpen:B[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(O=B[0],A=B[1],w=V.triggerProps,y=V.layerProps,j=V.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),A),{},{children:[(0,F.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,F.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,F.jsxs)("div",{className:a()(k.TX),children:[(0,F.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,F.jsx)(N.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,F.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,F.jsx)(Z.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,F.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),O&&(null===(n=j)||void 0===n?void 0:n((0,F.jsx)(S.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\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--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\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--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\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: 100%;\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: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);