@crystaldesign/diva-web-planner-react 24.15.0-beta.26 → 24.15.0-beta.28

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

@@ -1,2 +1,2 @@
 /*! For license information please see 342.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[342,8135],{90342:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(84658),l=i(50747),r=i.n(l),a=i(65515),u=i.n(a),s=i(32919),c=i(9420),x=i(87363),m=i(93379),p=i.n(m),g=i(7795),h=i.n(g),f=i(90569),b=i.n(f),v=i(3565),w=i.n(v),P=i(19216),k=i.n(P),y=i(44589),S=i.n(y),M=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=b().bind(null,"head"),j.domAPI=h(),j.insertStyleElement=k();p()(M.ZP,j);M.ZP&&M.ZP.locals&&M.ZP.locals;var C=i(88683),z=i(46770),I=i(27773),T=i(21792),N=i(48135),L=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,c.Pi)((function AccessoiresStandard(e){var n,i=e.item,t=e.wcAccInfoContainerClass,l=void 0===t?M.TX:t,a=e.wcConfiguratorSettingsTitleClass,c=void 0===a?M.db:a,m=e.hidePrice,p=e.hideSize,g=i,h=(0,s.NP)(),f=(0,C.useDivaCore)().state,b=f.hidePrices,v=f.dimensions,w=v.isMobile,P=v.isTablet,k=!1,y=h.getViewConfig().dontShowBasePrice||b||m,S=function(){var e=(0,d.Z)(r().mark((function _callee(){var e;return r().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,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&h.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&h.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)}}(),j=function(){var e=(0,d.Z)(r().mark((function _callee2(){return r().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,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:k=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),O={};if(g.configStepKeys)for(var Z=function _loop(){var e=g.configStepKeys[A],n=h.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;O[e.basketId]||(O[e.basketId]={}),O[e.basketId][n[0]]=n[1]},A=0;A<g.configStepKeys.length;A++)Z();var D=(0,x.useState)(""),H=(0,o.Z)(D,2),Q=H[0],R=H[1],_={},V={},E=void 0,U=!1,G={},F=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),J=(0,z.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return w||P||h.getViewConfig().hideTooltip||(U=F[0],G=F[1],_=J.triggerProps,V=J.layerProps,E=J.renderLayer),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:u()(M.RV,h.uiState.isMobilePortrait?M.KJ:void 0,h.uiState.isMobileLandscape?M.mp:void 0)},_),G),{},{children:(0,L.jsxs)("div",{className:u()(M.iZ,M.vc),children:[(0,L.jsx)("div",{className:u()(M.K5),onClick:S,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,L.jsxs)("div",{className:u()(l),children:[(0,L.jsx)("div",{className:u()(c,""!==Q?M.Bm:void 0),children:g.name}),(0,L.jsx)(I.default,{metaData:g.metaData,visible:[Q,R]},g.articleCodex),!p&&(0,L.jsx)("div",{className:u()(M.WN),children:g.formattedSize})]}),!y&&(0,L.jsx)("div",{className:u()(M.n_),children:g.formattedPrice}),(0,L.jsxs)("div",{className:u()(M.W0),children:[(0,L.jsx)("div",{onClick:j,className:u()(M.Uz,0==g.actQuantity?M.h$:void 0),children:"-"}),(0,L.jsx)("div",{className:u()(M.Wi),children:g.actQuantity}),(0,L.jsx)("div",{onClick:S,className:u()(M.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?M.h$:void 0),children:"+"})]})]})})),U&&(null===(n=E)||void 0===n?void 0:n((0,L.jsx)(T.default,{text:g.name,desciption:Q,codex:g.articleCodex,price:g.price,image:g.image,layerProps:V},g.articleCodex))),!!Object.keys(O).length&&(0,L.jsx)(N.default,{itemPalettesOfArticle:O})]})}))},95181:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(65515),o=i.n(t),d=i(9420),l=(i(87363),i(32919)),r=i(93379),a=i.n(r),u=i(7795),s=i.n(u),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),h=i.n(g),f=i(44589),b=i.n(f),v=i(95055),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=h();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=i(88683),k=i(47514);const y=(0,d.Pi)((function SubTabGroupHeader(e){var n=e.openState,i=e.curState,t=e.tabs,d=(0,l.NP)(),r=(0,P.useTranslation)().t;return(0,k.jsxs)("div",{onClick:function onClick(){return n[1](!n[0])},className:o()(v.Fs,n[0]?v.bA:void 0,d.uiState.isInMobileView?v.ai:void 0),children:[(0,k.jsx)("div",{className:v.YS,children:t.map((function(e,d){return(0,k.jsxs)("div",{className:o()(v.TN,i[0]===e&&n[0]?v.pA:void 0),onClick:function onClick(t){i[1](e),n[0]||n[1](!0),t.stopPropagation()},children:["ALL"===e&&1!==t.length&&r("configurator.config_all"),1===t.length&&r("configurator.config_accessoire"),t.length>1&&"ALL"!==e&&d+"."]},e)}))}),(0,k.jsx)("div",{className:o()(v.y6)})]})}))},48135:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(12952),o=i(34988),d=i(87363),l=i(57446),r=i.n(l),a=i(95181),u=i(77674),s=i(9420),c=i(93379),x=i.n(c),m=i(7795),p=i.n(m),g=i(90569),h=i.n(g),f=i(3565),b=i.n(f),v=i(19216),w=i.n(v),P=i(44589),k=i.n(P),y=i(27558),S={};S.styleTagTransform=k(),S.setAttributes=b(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.Z,S);y.Z&&y.Z.locals&&y.Z.locals;var M=i(32919),j=i(47514);const C=(0,s.Pi)((function SubTabgroup(e){var n,i,l=e.itemPalettesOfArticle,s=(0,M.NP)(),c=(0,d.useState)(!(null===(n=s.getViewConfig())||void 0===n||!n.selectAccessoiresWithToggle)),x=(0,o.Z)(c,2),m=x[0],p=x[1],g=Object.keys(l),h=(0,d.useState)("ALL"),f=(0,o.Z)(h,2),b=f[0],v=f[1],w=(0,d.useState)([]),P=(0,o.Z)(w,2),k=P[0],S=P[1],C=(0,d.useState)(l[g[0]]),z=(0,o.Z)(C,2),I=z[0],T=z[1];return(0,d.useEffect)((function(){var e,n=null!==(e=l["ALL"==b?g[0]:b])&&void 0!==e?e:{};Object.values(n).map((function(e){return e.configAllMode="ALL"==b?g:void 0})),T(n),S(["ALL"].concat((0,t.Z)(g.length>1?g:[]))),k.includes(b)||v(k[0])}),[l,b]),(0,j.jsx)(r(),{trigger:null!==(i=s.getViewConfig())&&void 0!==i&&i.selectAccessoiresWithToggle?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)(a.default,{tabs:k,openState:[m,p],curState:[b,v]}),contentOuterClassName:m?y.n:void 0,easing:"ease",open:m,triggerDisabled:m,children:Object.values(I).map((function(e,n){return(0,j.jsx)(u.default,{item:e,id:e.id},n)}))})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>s,KJ:()=>k,RV:()=>r,TX:()=>c,Uz:()=>f,W0:()=>h,WN:()=>p,Wi:()=>w,ZP:()=>y,db:()=>x,h$:()=>v,iZ:()=>a,mp:()=>P,n_:()=>g,vc:()=>u,vg:()=>b});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--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.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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--jniYo {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\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 r="index-module--Pc7de",a="index-module--kbpcW",u="index-module--wHVmF",s="index-module--nLQC8",c="index-module--_yxqS",x="index-module--eOv3D",m="index-module--FAF9I",p="index-module--grnCR",g="index-module--jniYo",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",v="index-module--QpnHk",w="index-module--BFe7r",P="index-module--S_PGz",k="index-module--zuQkq";const y=l},95055:(e,n,i)=>{i.d(n,{Fs:()=>x,TN:()=>p,YS:()=>m,ZP:()=>v,ai:()=>b,bA:()=>f,pA:()=>g,y6:()=>h});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),r=i(61667),a=i.n(r),u=new URL(i(37766),i.b),s=l()(o()),c=a()(u);s.push([e.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+c+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var x="index-module--bSSUt",m="index-module--wbRxH",p="index-module--Jw9JV",g="index-module--CAkCY",h="index-module--IR2e_",f="index-module--jWjLA",b="index-module--PzZv7";const v=s},27558:(e,n,i)=>{i.d(n,{Z:()=>a,n:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var r="index-module--ardHn";const a=l},37766:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[342,8135],{90342:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(84658),l=i(50747),r=i.n(l),a=i(65515),u=i.n(a),s=i(32919),c=i(9420),x=i(87363),m=i(93379),p=i.n(m),g=i(7795),h=i.n(g),f=i(90569),b=i.n(f),v=i(3565),w=i.n(v),P=i(19216),k=i.n(P),y=i(44589),S=i.n(y),M=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=b().bind(null,"head"),j.domAPI=h(),j.insertStyleElement=k();p()(M.ZP,j);M.ZP&&M.ZP.locals&&M.ZP.locals;var C=i(88683),z=i(46770),I=i(27773),T=i(21792),N=i(48135),L=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,c.Pi)((function AccessoiresStandard(e){var n,i=e.item,t=e.wcAccInfoContainerClass,l=void 0===t?M.TX:t,a=e.wcConfiguratorSettingsTitleClass,c=void 0===a?M.db:a,m=e.hidePrice,p=e.hideSize,g=i,h=(0,s.NP)(),f=(0,C.useDivaCore)().state,b=f.hidePrices,v=f.dimensions,w=v.isMobile,P=v.isTablet,k=!1,y=h.getViewConfig().dontShowBasePrice||b||m,S=function(){var e=(0,d.Z)(r().mark((function _callee(){var e;return r().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,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&h.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&h.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)}}(),j=function(){var e=(0,d.Z)(r().mark((function _callee2(){return r().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,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:k=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),O={};if(g.configStepKeys)for(var Z=function _loop(){var e=g.configStepKeys[A],n=h.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;O[e.basketId]||(O[e.basketId]={}),O[e.basketId][n[0]]=n[1]},A=0;A<g.configStepKeys.length;A++)Z();var D=(0,x.useState)(""),H=(0,o.Z)(D,2),Q=H[0],R=H[1],_={},V={},E=void 0,U=!1,G={},F=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),J=(0,z.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return w||P||h.getViewConfig().hideTooltip||(U=F[0],G=F[1],_=J.triggerProps,V=J.layerProps,E=J.renderLayer),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:u()(M.RV,h.uiState.isMobilePortrait?M.KJ:void 0,h.uiState.isMobileLandscape?M.mp:void 0)},_),G),{},{children:(0,L.jsxs)("div",{className:u()(M.iZ,M.vc),children:[(0,L.jsx)("div",{className:u()(M.K5),onClick:S,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,L.jsxs)("div",{className:u()(l),children:[(0,L.jsx)("div",{className:u()(c,""!==Q?M.Bm:void 0),children:g.name}),(0,L.jsx)(I.default,{metaData:g.metaData,visible:[Q,R]},g.articleCodex),!p&&(0,L.jsx)("div",{className:u()(M.WN),children:g.formattedSize})]}),!y&&(0,L.jsx)("div",{className:u()(M.n_),children:g.formattedPrice}),(0,L.jsxs)("div",{className:u()(M.W0),children:[(0,L.jsx)("div",{onClick:j,className:u()(M.Uz,0==g.actQuantity?M.h$:void 0),children:"-"}),(0,L.jsx)("div",{className:u()(M.Wi),children:g.actQuantity}),(0,L.jsx)("div",{onClick:S,className:u()(M.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?M.h$:void 0),children:"+"})]})]})})),U&&(null===(n=E)||void 0===n?void 0:n((0,L.jsx)(T.default,{text:g.name,desciption:Q,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:V},g.articleCodex))),!!Object.keys(O).length&&(0,L.jsx)(N.default,{itemPalettesOfArticle:O})]})}))},95181:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(65515),o=i.n(t),d=i(9420),l=(i(87363),i(32919)),r=i(93379),a=i.n(r),u=i(7795),s=i.n(u),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),h=i.n(g),f=i(44589),b=i.n(f),v=i(95055),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=h();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=i(88683),k=i(47514);const y=(0,d.Pi)((function SubTabGroupHeader(e){var n=e.openState,i=e.curState,t=e.tabs,d=(0,l.NP)(),r=(0,P.useTranslation)().t;return(0,k.jsxs)("div",{onClick:function onClick(){return n[1](!n[0])},className:o()(v.Fs,n[0]?v.bA:void 0,d.uiState.isInMobileView?v.ai:void 0),children:[(0,k.jsx)("div",{className:v.YS,children:t.map((function(e,d){return(0,k.jsxs)("div",{className:o()(v.TN,i[0]===e&&n[0]?v.pA:void 0),onClick:function onClick(t){i[1](e),n[0]||n[1](!0),t.stopPropagation()},children:["ALL"===e&&1!==t.length&&r("configurator.config_all"),1===t.length&&r("configurator.config_accessoire"),t.length>1&&"ALL"!==e&&d+"."]},e)}))}),(0,k.jsx)("div",{className:o()(v.y6)})]})}))},48135:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(12952),o=i(34988),d=i(87363),l=i(57446),r=i.n(l),a=i(95181),u=i(77674),s=i(9420),c=i(93379),x=i.n(c),m=i(7795),p=i.n(m),g=i(90569),h=i.n(g),f=i(3565),b=i.n(f),v=i(19216),w=i.n(v),P=i(44589),k=i.n(P),y=i(27558),S={};S.styleTagTransform=k(),S.setAttributes=b(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.Z,S);y.Z&&y.Z.locals&&y.Z.locals;var M=i(32919),j=i(47514);const C=(0,s.Pi)((function SubTabgroup(e){var n,i,l=e.itemPalettesOfArticle,s=(0,M.NP)(),c=(0,d.useState)(!(null===(n=s.getViewConfig())||void 0===n||!n.selectAccessoiresWithToggle)),x=(0,o.Z)(c,2),m=x[0],p=x[1],g=Object.keys(l),h=(0,d.useState)("ALL"),f=(0,o.Z)(h,2),b=f[0],v=f[1],w=(0,d.useState)([]),P=(0,o.Z)(w,2),k=P[0],S=P[1],C=(0,d.useState)(l[g[0]]),z=(0,o.Z)(C,2),I=z[0],T=z[1];return(0,d.useEffect)((function(){var e,n=null!==(e=l["ALL"==b?g[0]:b])&&void 0!==e?e:{};Object.values(n).map((function(e){return e.configAllMode="ALL"==b?g:void 0})),T(n),S(["ALL"].concat((0,t.Z)(g.length>1?g:[]))),k.includes(b)||v(k[0])}),[l,b]),(0,j.jsx)(r(),{trigger:null!==(i=s.getViewConfig())&&void 0!==i&&i.selectAccessoiresWithToggle?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)(a.default,{tabs:k,openState:[m,p],curState:[b,v]}),contentOuterClassName:m?y.n:void 0,easing:"ease",open:m,triggerDisabled:m,children:Object.values(I).map((function(e,n){return(0,j.jsx)(u.default,{item:e,id:e.id},n)}))})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>s,KJ:()=>k,RV:()=>r,TX:()=>c,Uz:()=>f,W0:()=>h,WN:()=>p,Wi:()=>w,ZP:()=>y,db:()=>x,h$:()=>v,iZ:()=>a,mp:()=>P,n_:()=>g,vc:()=>u,vg:()=>b});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--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.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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--jniYo {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\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 r="index-module--Pc7de",a="index-module--kbpcW",u="index-module--wHVmF",s="index-module--nLQC8",c="index-module--_yxqS",x="index-module--eOv3D",m="index-module--FAF9I",p="index-module--grnCR",g="index-module--jniYo",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",v="index-module--QpnHk",w="index-module--BFe7r",P="index-module--S_PGz",k="index-module--zuQkq";const y=l},95055:(e,n,i)=>{i.d(n,{Fs:()=>x,TN:()=>p,YS:()=>m,ZP:()=>v,ai:()=>b,bA:()=>f,pA:()=>g,y6:()=>h});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),r=i(61667),a=i.n(r),u=new URL(i(37766),i.b),s=l()(o()),c=a()(u);s.push([e.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+c+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var x="index-module--bSSUt",m="index-module--wbRxH",p="index-module--Jw9JV",g="index-module--CAkCY",h="index-module--IR2e_",f="index-module--jWjLA",b="index-module--PzZv7";const v=s},27558:(e,n,i)=>{i.d(n,{Z:()=>a,n:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var r="index-module--ardHn";const a=l},37766:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);