@crystaldesign/diva-web-planner-react 26.7.0-beta.18 → 26.7.0-beta.19

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9188.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9188,6119],{39188:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(6119),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(90823),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}))}))},6119:(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(99872),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(79898),T=i(14639),I=i(54492),q=i(30352),D=i(15668),A=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,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=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(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"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),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=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(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:1500,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H})]})}))},90823:(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: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",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([[9188,6119],{39188:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(6119),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(90823),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}))}))},6119:(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(99872),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(79898),T=i(14639),I=i(54492),q=i(30352),D=i(15668),A=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,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=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(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"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),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=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(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:1500,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H,zIndexBase:300})]})}))},90823:(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: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",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}}]);