npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.7.0-rc.9 → 26.8.0-beta.10 - Mend

@crystaldesign/diva-web-planner-react 26.7.0-rc.9 → 26.8.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (285) hide show

package/build/umd/1754.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 1754.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1754,9542],{59542:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(48984),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),g=o.n(v),f=o(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(f.Z,b);f.Z&&f.Z.locals&&f.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,g=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:f.B,children:p}):(0,y.jsx)(y.Fragment,{})}},5073:(e,n,o)=>{o.r(n),o.d(n,{default:()=>B});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(48984),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),g=o.n(v),f=o(19216),b=o.n(f),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=g(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),P=o(46770),j=o(77697),k=o(59542),I=o(88683),Z=o(31744),A=o(45761),H=o(7533),N=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const B=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],g=h[1],f=(0,I.useDivaCore)().state.dimensions,b=f.isMobile,y=f.isTablet,w={},S={},B=void 0,O=!1,D={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),q=(0,P.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(O=V[0],D=V[1],w=q.triggerProps,S=q.layerProps,B=q.renderLayer),(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),D),{},{children:[(0,N.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,N.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,N.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,N.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,N.jsx)(Z.default,{item:u},u.codex)]}),(0,N.jsx)("div",{className:C.FJ,children:(0,N.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,N.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,N.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,g]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,N.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,N.jsx)(H.default,{item:u,paletteId:a}),O&&(null===(o=B)||void 0===o?void 0:o((0,N.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:g,viewBox:f="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:f,hasSvgAsChild:y},C={};v||(C.viewBox=f);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,g?(0,u.jsx)("title",{children:g}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1754,9542],{59542:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(48984),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:p}):(0,y.jsx)(y.Fragment,{})}},5073:(e,n,o)=>{o.r(n),o.d(n,{default:()=>B});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(48984),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),P=o(46770),I=o(77697),j=o(59542),k=o(88683),Z=o(31744),A=o(45761),N=o(7533),H=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const B=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},S={},B=void 0,O=!1,D={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),q=(0,P.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(O=V[0],D=V[1],w=q.triggerProps,S=q.layerProps,B=q.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),D),{},{children:[(0,H.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,H.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,H.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,H.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,H.jsx)(Z.default,{item:u},u.codex)]}),(0,H.jsx)("div",{className:C.FJ,children:(0,H.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,H.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,H.jsx)(j.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,f]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,H.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,H.jsx)(N.default,{item:u,paletteId:a}),O&&(null===(o=B)||void 0===o?void 0:o((0,H.jsx)(I.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},C={};v||(C.viewBox=g);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);

package/build/umd/2018.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 2018.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2018,4725],{34725:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const u=function ItemVariant(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(12952),o=r(34988),a=r(48984),u=r(87363),i=r(34725),c=r(9420),l=r(47514);const s=(0,c.Pi)((function TabGroupVertical(e){var t,r=(0,a.NP)(),c=(0,u.useState)(!1),s=(0,o.Z)(c,2),p=s[0],b=s[1],f=r.tabGroupState.allTabGroups;if((0,u.useEffect)((function(){r.tabGroupState.scrollToCurTabgroup()}),[r.tabGroupState.curTabGroup]),(0,u.useEffect)((function(){var e=!1,t=window.setInterval((function(){var n,o=null===(n=r.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height;o&&o>0&&(e||b(!p),window.clearInterval(t))}),100);return function(){e=!0,window.clearInterval(t)}}),[r.tabGroupState.tabGroupScroller]),!f)return(0,l.jsx)(l.Fragment,{});var d=null===(t=r.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height,v=void 0,g=f.size,y=0;d?(y=d/g,80*g>d&&(v=80)):setTimeout((function(){return b(!p)}),100);var j=(0,n.Z)(f.values()),w=j[0],O=j[j.length-1];return(0,l.jsx)(l.Fragment,{children:j.map((function(e){return(0,l.jsx)(i.default,{tabGroup:e,height:y,isFirstItem:(null==w?void 0:w.key)==e.key,isLastItem:(null==O?void 0:O.key)==e.key,minHeight:v},e.key)}))})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2018,4725],{34725:(e,t,r)=>{r.r(t),r.d(t,{default:()=>c});var n=r(80248),a=(r(87363),r(2765)),o=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const c=function ItemVariant(e){return(0,o.jsx)(a.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(34988),a=r(48984),o=r(87363),c=r(34725),u=r(9420),i=r(47514);const s=(0,u.Pi)((function TabGroupVertical(e){var t,r=(0,a.NP)(),u=(0,o.useState)(!1),s=(0,n.Z)(u,2),l=s[0],b=s[1],p=r.tabGroupState.allTabGroups;if((0,o.useEffect)((function(){r.tabGroupState.scrollToCurTabgroup()}),[r.tabGroupState.curTabGroup]),(0,o.useEffect)((function(){var e=!1,t=window.setInterval((function(){var n,a=null===(n=r.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height;a&&a>0&&(e||b(!l),window.clearInterval(t))}),100);return function(){e=!0,window.clearInterval(t)}}),[r.tabGroupState.tabGroupScroller]),!p)return(0,i.jsx)(i.Fragment,{});var f=null===(t=r.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height,y=void 0,d=Object.keys(p).length,j=0;f?(j=f/d,80*d>f&&(y=80)):setTimeout((function(){return b(!l)}),100);var g=Object.keys(p)[0],v=Object.keys(p)[Object.keys(p).length-1];return(0,i.jsx)(i.Fragment,{children:Object.values(p).map((function(e){return(0,i.jsx)(c.default,{tabGroup:e,height:j,isFirstItem:p[g].key==e.key,isLastItem:p[v].key==e.key,minHeight:y},e.key)}))})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2077.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,1744,8618,1596],{31744:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var t=i(34988),d=i(93379),o=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();o()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=i(87363),b=i(48984),N=i(65515),f=i.n(N),h=i(9420),I=i(47514);const y=(0,h.Pi)((function InfoIcon(n){var e,i,d,o=n.item,r=n.style,l=(0,b.NP)(),a=o.contentItemId,x=null!==(e=null!==(i=null!==(d=o.codex)&&void 0!==d?d:o.articleCodex)&&void 0!==i?i:o.title)&&void 0!==e?e:o.key,s=(0,M.useState)(!1),u=(0,t.Z)(s,2),m=u[0],c=u[1],p=o.sel||m;if((0,M.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,I.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(80248),d=(i(87363),i(2765)),o=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,o.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var t=i(80248),d=(i(87363),i(24195)),o=i(31744),r=i(48984),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,t=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=t.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[t.image?(0,m.jsx)("img",{src:t.image,alt:t.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),t.isDefined&&(0,m.jsx)("div",{className:d.$K}),(t.contentItemId||t.optionContentItemId)&&(0,m.jsx)(o.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},t),{},{contentItemId:t.contentItemId||t.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(t.quantity?t.quantity+"x ":"")+t.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:t.description}}),!!t.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(t.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=t.targetArticlePosNrs)||void 0===i||!i.length)&&!t.includesAllPosNrs&&t.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(t)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(9420),d=(i(87363),i(24195)),o=i(41596),r=i(65515),l=i.n(r),a=i(48984),x=i(47514);const s=(0,t.Pi)((function Summary(n){var e,i=n.item,t=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(d.r,t.uiState.isTablet?d.Mq:void 0,t.uiState.isInMobileView?d.ai:void 0),children:[(0,x.jsx)("div",{className:d.Vq,children:r.title}),(0,x.jsx)("div",{className:d.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(o.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o)()(d());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>h,Bf:()=>A,Bh:()=>P,EM:()=>M,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>I,Sp:()=>S,Vq:()=>j,ZP:()=>L,_Z:()=>b,_t:()=>O,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>w,vZ:()=>D,wZ:()=>T});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",M="index-module--Y_vmD",b="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",h="index-module--sFFIA",I="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",w="index-module--HevwU",D="index-module--zYdzL",z="index-module--QNPfp",O="index-module--cp83c",S="index-module--mfP6a",A="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const L=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var t=i(93379),d=i.n(t),o=i(7795),r=i.n(o),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,1744,8618,1596],{31744:(n,e,i)=>{i.r(e),i.d(e,{default:()=>v});var d=i(34988),o=i(93379),t=i.n(o),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(87363),M=i(48984),N=i(65515),f=i.n(N),I=i(9420),h=i(47514);const v=(0,I.Pi)((function InfoIcon(n){var e,i,o,t=n.item,r=n.style,l=(0,M.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(o=t.codex)&&void 0!==o?o:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,b.useState)(!1),u=(0,d.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,b.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,h.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,h.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var d=i(80248),o=(i(87363),i(24195)),t=i(31744),r=i(48984),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,d=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=d.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:o.j$,children:[(0,m.jsxs)("div",{className:u()(o._Z),children:[(0,m.jsxs)("div",{className:o.be,children:[d.image?(0,m.jsx)("img",{src:d.image,alt:d.title,className:o.BH}):(0,m.jsx)("div",{className:o.N1}),d.isDefined&&(0,m.jsx)("div",{className:o.$K}),(d.contentItemId||d.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},d),{},{contentItemId:d.contentItemId||d.optionContentItemId})})]}),(0,m.jsxs)("div",{className:o.L$,children:[(0,m.jsx)("div",{className:o.tN,children:(0,m.jsx)("div",{className:o.Sp,dangerouslySetInnerHTML:{__html:(d.quantity?d.quantity+"x ":"")+d.title}})}),(0,m.jsx)("div",{className:o.Bf,dangerouslySetInnerHTML:{__html:d.description}}),!!d.price&&!s&&(0,m.jsx)("div",{className:o.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(d.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:o._t,children:!(null===(i=d.targetArticlePosNrs)||void 0===i||!i.length)&&!d.includesAllPosNrs&&d.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(o.vZ,n.toString().length>=2&&o.Eb),children:n})}))}),(0,m.jsx)("button",{className:o.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(d)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var d=i(9420),o=(i(87363),i(24195)),t=i(41596),r=i(65515),l=i.n(r),a=i(48984),x=i(47514);const s=(0,d.Pi)((function Summary(n){var e,i=n.item,d=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(o.r,d.uiState.isTablet?o.Mq:void 0,d.uiState.isInMobileView?o.ai:void 0),children:[(0,x.jsx)("div",{className:o.Vq,children:r.title}),(0,x.jsx)("div",{className:o.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(t.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t)()(o());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>v,BH:()=>I,Bf:()=>S,Bh:()=>P,EM:()=>b,Eb:()=>z,L$:()=>y,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>k,_Z:()=>M,_t:()=>A,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>D,vZ:()=>w,wZ:()=>T});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(o()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",b="index-module--Y_vmD",M="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",I="index-module--sFFIA",h="index-module--jW4rI",v="index-module--z_h7j",y="index-module--wzm9z",D="index-module--HevwU",w="index-module--zYdzL",z="index-module--QNPfp",A="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const k=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();o()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);

package/build/umd/2147.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 2147.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2147,2400],{82147:(t,e,r)=>{r.r(e),r.d(e,{default:()=>p});var n=r(34988),o=r(12952),a=r(48984),u=r(87363),c=r(9420),i=r(2400),l=r(47514);const p=(0,c.Pi)((function TabGroupHorizontal(t){var e=(0,a.NP)();if((0,u.useEffect)((function(){e.tabGroupState.scrollToCurTabgroupHorizontal()}),[e.tabGroupState.curTabGroup]),!e.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var r=(0,o.Z)(e.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:r.map((function(t){var o,a,u=(0,n.Z)(t,2),c=u[0],p=u[1];return(0,l.jsx)(i.default,{tabGroup:p,width:"calc("+(null!==(o=null===(a=e.tabGroupState)||void 0===a||null===(a=a.tabGroupScroller)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==o?o:0)+"px / "+r.length+")"},c)}))})}))},2400:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const u=function ItemVariant(t){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},t),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2147,2400],{82147:(t,e,r)=>{r.r(e),r.d(e,{default:()=>l});var n=r(34988),o=r(48984),a=r(87363),u=r(9420),c=r(2400),i=r(47514);const l=(0,u.Pi)((function TabGroupHorizontal(t){var e=(0,o.NP)();if((0,a.useEffect)((function(){e.tabGroupState.scrollToCurTabgroupHorizontal()}),[e.tabGroupState.curTabGroup]),!e.tabGroupState.allTabGroups)return(0,i.jsx)(i.Fragment,{});var r=Object.entries(e.tabGroupState.allTabGroups);return(0,i.jsx)(i.Fragment,{children:r.map((function(t){var o,a,u=(0,n.Z)(t,2),l=u[0],p=u[1];return(0,i.jsx)(c.default,{tabGroup:p,width:"calc("+(null!==(o=null===(a=e.tabGroupState)||void 0===a||null===(a=a.tabGroupScroller)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==o?o:0)+"px / "+r.length+")"},l)}))})}))},2400:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var n=r(80248),o=(r(87363),r(2765)),a=r(47514);function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const u=function ItemVariant(t){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},t),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}}}]);

package/build/umd/3163.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3163.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3163,4900,7853],{42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(48984),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},73163:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(48984),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(79454),w=t(9420),y=t(42941),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(48984)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(48984),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(48984),l=t(82956),d=t(67e3),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),S=t(24900),m=t(65515),h=t.n(m),v=t(47514);const w=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,x.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,x.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,a,o,r=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),a=t.setSwiperRef,g=t.allSwipes,m=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,k=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(r.tq,{onSlideChange:m,onSetTransition:w,onTransitionEnd:y,initialSlide:k,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(S.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,v.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(48984)),r=t(80509),s=t(67e3),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3163,4900,7853],{42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(48984),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},73163:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(48984),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(79454),w=t(9420),y=t(42941),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(48984)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(48984),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(48984),l=t(82956),d=t(67e3),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(24900),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(48984)),r=t(80509),s=t(67e3),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/3224.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3224.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3224,4900],{24900:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(48984),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},63224:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(48984),s=i(82956),l=i(67e3),p=i(74133),u=i(84658),w=i(12952),c=i(34988),x=i(50747),f=i.n(x),g=i(88683),m=i(24900),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+u+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3224,4900],{24900:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(48984),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},63224:(n,e,i)=>{i.r(e),i.d(e,{default:()=>h});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(48984),s=i(82956),l=i(67e3),p=i(74133),u=i(84658),w=i(34988),c=i(50747),x=i.n(c),f=i(88683),g=i(24900),m=i(65515),v=i.n(m),b=i(47514);const h=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,w.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,w.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(x().mark((function _callee(){var n,e,i,r,o,a=arguments;return x().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,f.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,f.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,f.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),c=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);1==i?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==i?n.actionButtonState.onClickConfiguratorSettingsBack():0!==i&&n.tabGroupState.allTabGroups[s[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[s[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:c,teaseSwipe:p}}(e),r=i.setSwiperRef,c=i.allSwipes,m=i.handleSlideChange,h=i.handleSetTransition,D=i.handleTransitionEnd,y=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=c&&c.length?(0,b.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:D,initialSlide:y,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",s.Iz),children:c.map((function(n){var i,t=e.tabGroupState.allTabGroups[n],r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,b.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(l.default,{},n),(0,b.jsx)(g.default,{})]}):(0,b.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,b.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,b.jsx)(b.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+u+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

package/build/umd/3352.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3352.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3352,9001,4190,4900,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(48984)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(48984),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},93352:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(48984),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(42941),y=t(34190),P=t(97853),j=t(69001),k=t(53408),O=t(79454),C=t(9420),T=t(68063),G=t(88683),B=t(82045),I=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,I.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,I.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(T.default,{className:S.Bg}),(0,I.jsx)(B.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:S.vt}),(0,I.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(48984)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(48984),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(48984),l=t(82956),d=t(67e3),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(24900),h=t(65515),S=t.n(h),v=t(47514);const w=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),o=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,P=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:P,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(m.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(48984)),a=t(80509),s=t(67e3),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(48984),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3352,9001,4190,4900,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(48984)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(48984),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},93352:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(48984),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(42941),y=t(34190),P=t(97853),j=t(69001),k=t(53408),O=t(79454),C=t(9420),T=t(68063),G=t(88683),I=t(82045),B=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,B.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,B.jsx)(P.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:S.Bg}),(0,B.jsx)(I.default,{})]})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,B.jsx)(P.default,{className:S.vt}),(0,B.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(48984)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(48984),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(48984),l=t(82956),d=t(67e3),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(24900),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(48984)),a=t(80509),s=t(67e3),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63224),x=t(51451),g=t(22120),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(48984),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);