@crystaldesign/diva-web-planner-react 25.2.0-rc.13 → 25.2.0-rc.14

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

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

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

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