npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.6.0-beta.8 → 25.6.0-rc.0 - Mend

@crystaldesign/diva-web-planner-react 25.6.0-beta.8 → 25.6.0-rc.0

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 (410) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8717.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),N=o(9420),I=o(47514);const M=(0,N.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.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:w.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:w.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:S()(w.dA,g?w.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,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),N=o.n(S),I=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var M=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,I.jsx)(I.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,I.jsxs)(I.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,I.jsx)(I.Fragment,{}):d?(0,I.jsx)("div",{className:N()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,I.jsx)(I.Fragment,{}):i?(0,I.jsx)(l.Suspense,{fallback:(0,I.jsx)(I.Fragment,{}),children:(0,I.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,I.jsx)("div",{className:N()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,I.jsx)(l.Suspense,{fallback:(0,I.jsx)("div",{className:w._m}),children:(0,I.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,I.jsx)(I.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(91923),c=o(32142),u=o(88683),p=o(44114),f=o(5571),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.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}\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 c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",C="index-module--z1OwD",x="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var l=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),a=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:l?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,l=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,l=i.B,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.N,S=P.j,N={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},I={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,style:N},r.createElement("div",{className:"react-switch-bg",style:I,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&r.createElement("div",{style:D},C),m&&r.createElement("div",{style:E},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const M=(0,I.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.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,N.jsx)("path",{className:w.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,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),I=o.n(S),N=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var M=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(91923),c=o(32142),u=o(88683),p=o(44114),f=o(5571),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.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}\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 c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",C="index-module--z1OwD",x="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var l=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),a=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:l?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,r=i.h,l=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,l=i.L,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&o>=d)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.U,S=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},C&&r.createElement("div",{style:D},C),m&&r.createElement("div",{style:E},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8728.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8728,4633,9001,9360,4190],{14633:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(91923),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(91923)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket()}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.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 r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().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:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.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:j.vX,onClick:s})]})]})})}))},58728:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(91923),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(61448),S=t(34190),I=t(58069),O=t(14312),k=t(69001),P=t(88683),N=t(14633),M=t(9420),C=t(68063),B=t(67022),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,P.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.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:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(k.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(k.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},67022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(91923),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);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 x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>k,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>P,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\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--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\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.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\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  display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",k="index-module--EMso2",P="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8728,4581,9001,9360,4190],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(71097),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(n){var e,t=n.buttonTextClassName,o=void 0===t?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:t,i=n.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,d=n.containerClassName,a=n.price,l=n.showCheckoutButtons,s=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,d),children:[l&&(null===(e=s.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(n,e){return evalVisible(n,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(n,s,e,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:n,size:32})},e):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket(s)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==s.tabGroupState.curTabGroupType&&a&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:a})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(91923)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),_=t.n(x),p=t(90569),m=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),v=t(44589),y=t.n(v),w=t(39545),O={};O.styleTagTransform=y(),O.setAttributes=b(),O.insert=m().bind(null,"head"),O.domAPI=_(),O.insertStyleElement=h();c()(w.ZP,O);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},58728:(n,e,t)=>{t.r(e),t.d(e,{default:()=>K});var o=t(88291),i=t(65515),r=t.n(i),d=t(91923),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),_=t.n(x),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),v=t(52284),y={};y.styleTagTransform=h(),y.setAttributes=m(),y.insert=_().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=b();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(61448),O=t(34190),P=t(58069),I=t(14312),M=t(69001),j=t(88683),E=t(14581),k=t(9420),C=t(68063),S=t(67022),D=t(39360),B=t(47514),N={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px"};const K=(0,k.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,j.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.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:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,B.jsx)(O.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,B.jsxs)("div",{className:v.g6,children:[(0,B.jsx)(I.default,{className:v.x6}),(0,B.jsx)(P.default,{className:v.vt}),(0,B.jsx)(M.default,{className:v.jl,showCheckoutButtons:!0}),(0,B.jsx)(E.default,{containerClassName:v.tM,showCheckoutButtons:!1})]}),e.uiState.isInMobileView&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(I.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,B.jsx)(S.default,{className:v.qT}),(0,B.jsx)(P.default,{className:v.vt}),(0,B.jsx)(M.default,{className:r()(v.jl),showCheckoutButtons:!0}),(0,B.jsx)(E.default,{containerClassName:v.tM,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(C.default,{className:v.HE})]})]}),(0,B.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},67022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(80248),i=t(88291),r=t(91923),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),_=t(3565),p=t.n(_),m=t(19216),g=t.n(m),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 w=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,y.jsx)(y.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,y.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>p,UU:()=>m,ZP:()=>g,m2:()=>_,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",_="index-module--g_4ro",p="index-module--gle4T",m="index-module--CSmEc";const g=u},28717:(n,e,t)=>{t.d(e,{$t:()=>p,FN:()=>g,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>_,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",_="index-module--IneQR",p="index-module--n4fFc",m="index-module--YJM3e",g="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=d},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>p,Q_:()=>_,ZP:()=>g,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);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 x="index-module--nrbS_",_="index-module--lGJqa",p="index-module--OZydS",m="index-module--FQDBA";const g=u},52284:(n,e,t)=>{t.d(e,{BC:()=>I,E9:()=>w,HE:()=>C,Is:()=>E,U7:()=>M,ZP:()=>S,Zk:()=>h,g6:()=>b,jl:()=>O,kL:()=>m,m7:()=>g,qT:()=>k,rK:()=>_,tM:()=>P,tW:()=>p,vt:()=>v,wj:()=>j,x6:()=>y,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\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--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\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.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\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  display: flex;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",_="index-module--y76la",p="index-module--IKL3M",m="index-module--bAkHK",g="index-module--_dUy6",b="index-module--MbykI",f="index-module--xeINC",h="index-module--v90g0",v="index-module--rbJ1a",y="index-module--NOlUe",w="index-module--OJH2L",O="index-module--ORcZQ",P="index-module--NnWir",I="index-module--NSK8Y",M="index-module--EMso2",j="index-module--xji2x",E="index-module--yl_6d",k="index-module--SfQnk",C="index-module--gqEhb";const S=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},35141:(n,e,t)=>{t.d(e,{QD:()=>m.QD,UU:()=>m.UU,m2:()=>m.m2,tM:()=>m.tM});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),_=t(44589),p=t.n(_),m=t(38921),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();i()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),_=t(44589),p=t.n(_),m=t(28717),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();i()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,642],{70642:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(91923),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(92122)),o=i(91923),l=i(70642),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var k;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(k=h.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,642],{70642:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(91923),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(91923),l=i(70642),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var k;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(k=h.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8757.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8757],{98757:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(84658),o=t(13125),a=t(43860),l=t(80248),s=t(50747),i=t.n(s),c=t(57312),d=t(5482),g=t(20187),u=t(64357),h=t(43425),P=t(58178),p=d.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),D=["AVO","AVU","AVC","AVS","AVN"],m=function(){function DivaStandardPlanner(e,n,t,r,a,s,i,c){var d=this;(0,o.Z)(this,DivaStandardPlanner),(0,l.Z)(this,"plannerID",void 0),(0,l.Z)(this,"set",void 0),(0,l.Z)(this,"plannerBoundingBox",void 0),(0,l.Z)(this,"plannerElements",void 0),(0,l.Z)(this,"doHidePlanner",!1),(0,l.Z)(this,"doShowAR",!1),(0,l.Z)(this,"doDisablePlanner2D",!1),(0,l.Z)(this,"plannerHasStaticBackground",void 0),(0,l.Z)(this,"isIDM3DCat",!1),(0,l.Z)(this,"IDM3DCatCodex",""),(0,l.Z)(this,"nextElementId",1),(0,l.Z)(this,"collisionHandler",void 0),(0,l.Z)(this,"dockToAVUorAVOororAVNorAVSorAVC",(function(e,n){if(e.HasAVU){var t=h.Z.tryDockElement(e,"AVU",n);if(t)return d.updateWorldPos(e,t),!0;for(var r=0;r<n.length;r++){var o=n[r].getCurrentAccessorires().map((function(e){return d.plannerElements.get(e.getElementId())}));if(d.dockToAVUorAVOororAVNorAVSorAVC(e,o))return!0}}if(e.HasAVO){var a=h.Z.tryDockElement(e,"AVO",n);if(a)return d.updateWorldPos(e,a),!0}if(e.HasAVN){var l=h.Z.tryDockElement(e,"AVN",n);if(l)return d.updateWorldPos(e,l),!0}if(e.HasAVS){var s=h.Z.tryDockElement(e,"AVS",n);if(s)return d.updateWorldPos(e,s),!0}if(e.HasAVC){var i=h.Z.tryDockElement(e,"AVC",n);if(i)return d.updateWorldPos(e,i),!0}return!1})),this.set=e,this.plannerID=t,this.plannerElements=new Map,this.plannerBoundingBox=new P.Z,this.plannerBoundingBox.initPlannerBBox(r),this.doHidePlanner=a,this.doShowAR=s,this.doDisablePlanner2D=i,this.collisionHandler={updatePlannerMsgContainer:n,collisionDetected:!1,collisionPairs:[]},this.plannerHasStaticBackground=c;this.set.CatalogData}return(0,a.Z)(DivaStandardPlanner,[{key:"updatePlannerPosNr",value:function updatePlannerPosNr(){var e,n=this,t=[],r=new Map,o=this;this.plannerElements.forEach((function(e,n){r.set(n,!0),e.IsDockedAccessoire||e.HasAVL&&e.dockingTypeIsDocking("AVL")||t.push(e)})),this.getCatalogData().dontSetPosNrFromPlanner||(t=t.sort((function(e,n){return e.WorldPosCenter.x-n.WorldPosCenter.x})));for(var a=function updateAccessoiresOfElement(t,l){for(var s=[],i=function setPosNrForElementsOnDock(n,a){if(t["Has"+n]){var s=t.getDockingDockingPointsByType(n);s=s.sort((function(e,n){return o.plannerElements.get(e.OnElementId).WorldPosCorner.x-o.plannerElements.get(n.OnElementId).WorldPosCorner.x}));for(var i=0;i<s.length;i++){var c=s[i].OnElementId;if(r.has(c)){var d=o.plannerElements.get(c);d.PosNr=l,d.AccessoirePosNr=e,r.delete(c),e++,a.push(d)}}}},c=0;c<D.length;c++)i(D[c],s);n.plannerElements.forEach((function(n){n.getIsNotDockedAccessoire()&&n.getParentElementId()===t.getElementId()&&(n.PosNr=l,n.AccessoirePosNr=e,r.delete(n.getElementId()),e++,s.push(n))}));for(var d=0;d<s.length;d++)a(s[d],l)},l=function updatePosInChain(n,t){if(null==n)return t;if(n.PosNr=t,e=1,r.delete(n.ElementId),a(n,t),t++,n.HasAVR&&n.dockingTypeIsDocking("AVR")){var s=n.getDockingDockingPointsByType("AVR")[0].OnElementId;return l(o.plannerElements.get(s),t)}return t},s=1,i=0;i<t.length;i++)s=l(t[i],s)}},{key:"updateWorldPos",value:function updateWorldPos(e,n){var t=!1,r=this.plannerElements.get(n.OnElementId),o=r.getDockingPointById(n.OnDP.DpId);if(null==o)return t;var a=new u.P(0,0,0),l=new u.FM(o.LocalWorldPos.x,o.LocalWorldPos.z);l=u.FM.rotateOrigin(l,r.RotDeg);var s=r.RotDeg+o.RotDeg-n.RotDeg;e.RotDeg=s;var i=u.FM.rotateOrigin(new u.FM(n.LocalWorldPos.x,n.LocalWorldPos.z),s);a.x=r.WorldPosCorner.x+l.x-i.x,a.y=r.WorldPosCorner.y+o.LocalWorldPos.y-n.LocalWorldPos.y,a.z=r.WorldPosCorner.z+l.y-i.y,e.WorldPosCorner=a,t=this.set.onDockingChanged(e.ElementId,r.ElementId,"DOCK",n.Type);var c=this.set.getPlannerData(e.ElementId);e.updatePlannerData(c);var d=this.set.getPlannerData(r.ElementId);return r.updatePlannerData(d),t}},{key:"updateAllElementsWorldPos",value:function updateAllElementsWorldPos(e){if(this.doDisablePlanner2D)return!1;var n=!1,t=[],r=[];this.plannerElements.forEach((function(e,n){e.IsDockedAccessoire?r.push(e):t[e.PosNr-1]=e})),t=t.concat(r);for(var o=[],a=0,l=0;l<t.length;l++)if(t[l]){var s=t[l];if(o.push(s.ElementId),l>a)for(var i=s.getDockingDockingPointsByType("AVL").concat(s.getDockingDockingPointsByType("AVR")).concat(s.getDockingDockingPointsByType("AVU")).concat(s.getDockingDockingPointsByType("AVO")).concat(s.getDockingDockingPointsByType("AVN")).concat(s.getDockingDockingPointsByType("AVS")).concat(s.getDockingDockingPointsByType("AVC")),c=0;c<i.length;c++)if(o.indexOf(i[c].OnElementId)>=0){n=this.updateWorldPos(s,i[c]);break}}else a=l;return this.checkCollision(!1,e),n}},{key:"addElementToWorld",value:(k=(0,r.Z)(i().mark((function _callee(e,n,t,r){var o,a,l,s,c,d,g,P,p,D,m,f,E=arguments;return i().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(o=E.length>4&&void 0!==E[4]?E[4]:100,!(a=E.length>5?E[5]:void 0)||!a.forceSetToTrans){i.next=8;break}e.WorldPosCenter=a.transform.worldPosCenter,e.RotDeg=a.transform.rotDeg,this.set.onDockingChanged(e.ElementId,-1,"NOT_DOCKED"),i.next=36;break;case 8:if(l=!1,!n){i.next=35;break}s=0;case 11:if(!(s<n.length)){i.next=35;break}if(c=n[s].targetElemIdToDock,d=n[s].targetDockingPointId,!(c&&c>-1&&this.plannerElements.has(c))){i.next=32;break}if(!d||""==d){i.next=20;break}(g=this.plannerElements.get(c))&&(P=g.getDockingPointById(d))&&(p=h.Z.tryDockElementToDP(e,g,P))&&(this.updateWorldPos(e,p),l=!0),i.next=32;break;case 20:if(D=!1,(e.HasAVL||e.HasAVR)&&(D=this.dockToAVLorAVR(e,[this.plannerElements.get(c)])),D||(D=this.dockToAVUorAVOororAVNorAVSorAVC(e,[this.plannerElements.get(c)])),D){i.next=31;break}return i.next=26,this.tryToDockWithDifferentSVGWithFormula(e,c);case 26:if(D=i.sent){i.next=31;break}return i.next=30,this.addElementToWorld(e,void 0,void 0,void 0,50);case 30:return i.abrupt("return");case 31:D&&(l=!0);case 32:s++,i.next=11;break;case 35:l||(m=this.getAllPlannerElements(),f=this.dockToAVLorAVR(e,m),t&&(f=!1),f||(f=this.dockToAVUorAVOororAVNorAVSorAVC(e,m),t&&(f=!1),f||(null==r&&(e.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+this.plannerBoundingBox.Size.x+(0==this.plannerBoundingBox.Size.x?0:e.Width/2+o),this.plannerBoundingBox.WorldPos.y+e.Height/2,this.plannerBoundingBox.WorldPos.z+e.Depth/2)),this.set.onDockingChanged(e.ElementId,-1,"NOT_DOCKED"))));case 36:this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,e.getElementId()),this.updatePlannerBoundingBox();case 41:case"end":return i.stop()}}),_callee,this)}))),function addElementToWorld(e,n,t,r){return k.apply(this,arguments)})},{key:"tryToDockWithDifferentSVGWithFormula",value:(E=(0,r.Z)(i().mark((function _callee2(e,n){var t,r,o,a,l,s,c,g,u,h,P,D,m,f,E,k,I,v;return i().wrap((function _callee2$(i){for(;;)switch(i.prev=i.next){case 0:if(t=!1,r=this.set.getArticleByElementId(e.ElementId),o=null==r?void 0:r.VariantValues,a=e.getSVGsWithFormula(),!e.FilterAVL.length&&!e.FilterAVR.length){i.next=47;break}if(null==a||!a.length){i.next=22;break}l=0;case 7:if(!(l<a.length)){i.next=22;break}for(u in s=new Map,c=new Map,g=d.ZP.getVariantValuesFromRule(a[l].JsFormula,{}))c.set(u,g[u]);return s.set(e.ElementId,c),i.next=15,this.set.updateCfgValuesByPlanner(s,!0);case 15:if(!(t=this.dockToAVLorAVR(e,[this.plannerElements.get(n)]))){i.next=19;break}return p.debug("svgWithFormula nr: "+l+" did dock: "+a[l].SVG),i.abrupt("break",22);case 19:l++,i.next=7;break;case 22:if(null==(h=e.getVaraintValuesInfluencingAVLAVRFilter())||!h.length||t){i.next=40;break}P=0;case 25:if(!(P<h.length&&P<20)){i.next=40;break}for(E in D=h[P],m=new Map,f=new Map,D)f.set(E,D[E]);return m.set(e.ElementId,f),i.next=33,this.set.updateCfgValuesByPlanner(m,!0);case 33:if(!(t=this.dockToAVLorAVR(e,[this.plannerElements.get(n)]))){i.next=37;break}return p.debug("following variantValues did dock: ",f),i.abrupt("break",40);case 37:P++,i.next=25;break;case 40:if(t){i.next=47;break}for(v in k=new Map,I=new Map,o)I.set(v,o[v]);return k.set(e.ElementId,I),i.next=47,this.set.updateCfgValuesByPlanner(k,!0);case 47:return i.abrupt("return",t);case 48:case"end":return i.stop()}}),_callee2,this)}))),function tryToDockWithDifferentSVGWithFormula(e,n){return E.apply(this,arguments)})},{key:"dockToAVLorAVR",value:function dockToAVLorAVR(e,n){var t=!1,r=!1;if(e.HasAVL){var o=h.Z.tryDockElement(e,"AVL",n);o&&(this.updateWorldPos(e,o),t=!0)}if(!t&&e.HasAVR){var a=h.Z.tryDockElement(e,"AVR",n);a&&(r=!0,this.updateWorldPos(e,a))}return t||r}},{key:"getAllViewPlannerElements",value:function getAllViewPlannerElements(){return this.getAllPlannerElements()}},{key:"getFreeDockingPointsByElementId",value:function getFreeDockingPointsByElementId(e,n){if(!this.plannerElements.has(e))return{dockingPoints:[],filter:[]};var t=this.plannerElements.get(e),r=t.getFreeDockingPointsByType(n),o=[];switch(n){case"AVR":o=t.getFilterAVR();break;case"AVL":o=t.getFilterAVL()}return{dockingPoints:r,filter:o}}},{key:"getDockedDockingPointsByElementId",value:function getDockedDockingPointsByElementId(e,n){if(!this.plannerElements.has(e))return[];for(var t=this.plannerElements.get(e),r=[],o=0;o<n.length;o++)r=r.concat(t.getDockingDockingPointsByType(n[o]));return r}},{key:"getNeighborElements",value:function getNeighborElements(e,n){if(!this.plannerElements.has(e))return[];var t=this.plannerElements.get(e),r=null==t?void 0:t.getDockingDockingPointsByType(n);if(!r)return[];for(var o=[],a=0;a<(null==r?void 0:r.length);a++)null!=r[a]&&o.push(r[a].OnElementId);return o}},{key:"getDockedGroups",value:function getDockedGroups(){for(var e=[],n=this.getAllPlannerElements(),t=[],r=0;r<this.getAllPlannerElements().length;r++){var o=n[r];if(t.push(o.getElementId()),!o.IsAccessoire){var a=o.getDockingPointsByType("AVL");if(a&&0!=a.length)for(var l=0;l<a.length;l++)a[l].IsDocking||e.push(o);else e.push(o)}}e.sort((function(e,n){return e.WorldPosCorner.x<n.WorldPosCorner.x?1:0}));var s=[];for(r=0;r<e.length;r++){var i=e[r],c=[];t.splice(t.indexOf(i.getElementId()),1);for(var d=!1,g=i;!d;){c.push(g.getElementId()),t.splice(t.indexOf(g.getElementId()),1);var u=this.getAccessoiresRecursive(g.getElementId());for(l=0;l<u.length;l++)c.push(u[l]),t.splice(t.indexOf(u[l]),1);var h=this.getNeighborElements(g.getElementId(),"AVR");h&&0!=h.length?g=this.plannerElements.get(h[0]):d=!0}s.push(c)}for(r=0;r<t.length;r++)s.push([t[r]]);return s}},{key:"getAccessoiresRecursive",value:function getAccessoiresRecursive(e){var n=this,t=function calcAccs(e,r,o){o.push(e);for(var a=n.getNeighborElements(e,"AVC"),l=n.getNeighborElements(e,"AVO"),s=n.getNeighborElements(e,"AVU"),i=n.getNeighborElements(e,"AVN"),c=n.getNeighborElements(e,"AVS"),d=a.concat(l).concat(s).concat(i).concat(c),g=0;g<d.length;g++)o.indexOf(d[g])>=0||(r.push(d[g]),o.push(d[g]),t(d[g],r,o))},r=[];return t(e,r,[]),r}},{key:"getBoundingBox",value:function getBoundingBox(){return this.plannerBoundingBox}},{key:"initIDM3DMeta",value:function initIDM3DMeta(e){this.isIDM3DCat=!0,this.IDM3DCatCodex=""!=e&&null!=e?e:this.set.getCatalogCodex()}},{key:"updatePlanner",value:(f=(0,r.Z)(i().mark((function _callee3(){var e,n,t,r,o,a;return i().wrap((function _callee3$(l){for(;;)switch(l.prev=l.next){case 0:e=this.getAllPlannerElements(),n=[],t=0;case 3:if(!(t<e.length)){l.next=13;break}if(!(r=e[t]).updatePlannerData(this.set.getPlannerData(r.getElementId()))){l.next=10;break}return n.push(r.ElementId),l.next=10,g.Z.loadSVG(r,this.set);case 10:t++,l.next=3;break;case 13:if(o=[],n.length){for(p.debug("Configuration changed one plannerElement. UpdateDockingRelations","DivaStandardPlanner - updatePlanner"),a=h.Z.updateDockingRelations(this.plannerElements),t=0;t<a.length;t++)a[t].IsDockedAccessoire&&o.push(a[t].ElementId);this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}return l.abrupt("return",{doDeleteBackGrid:!1,elemIdsToDelete:o,elementIdsToUpdateSelection:n});case 16:case"end":return l.stop()}}),_callee3,this)}))),function updatePlanner(){return f.apply(this,arguments)})},{key:"extendPlanner",value:(m=(0,r.Z)(i().mark((function _callee4(e,n){var t,r,o,a,l,s,P,D,m,f,E,k,I,v,x,A,y;return i().wrap((function _callee4$(i){for(;;)switch(i.prev=i.next){case 0:if(t=d.ZP.decodeBase64(e),null==(r=JSON.parse(t)).v||2!=r.v){i.next=36;break}o=r.set.elements,a=[],l=[],s=new Map,P=0;case 8:if(!(P<o.length)){i.next=32;break}if(i.prev=9,D=o[P],m=new c.Z(this.set.getSetId(),D.basketID,this.nextElementId,DivaStandardPlanner.plannerType),s.set(parseInt(D.elementID),m),this.nextElementId=m.getElementId()+1,this.plannerElements.set(m.ElementId,m),this.set.setElementId(D.basketID,m.ElementId),f=this.set.getPlannerData(m.ElementId),m.updatePlannerData(f),this.doDisablePlanner2D){i.next=21;break}return i.next=21,g.Z.loadSVG(m,this.set);case 21:m.WorldPosCenter=new u.P(n.WorldPos.x+n.Size.x+D.x+100,n.WorldPos.y+D.y,n.WorldPos.z+D.z),m.RotDeg=D.rot,m.IsDockedAccessoire?(l.push(D),m.PosNr=D.posNr,m.AccessoirePosNr=D.accNr):(a[D.posNr-1]=D,m.PosNr=D.posNr),i.next=29;break;case 26:i.prev=26,i.t0=i.catch(9),p.error(new d.GE("Error initializing element nr "+P+" in the Standard Web Planner. PlanData V2",{cause:i.t0,code:"WC_0012"}));case 29:P++,i.next=8;break;case 32:for(a=a.concat(l),P=0;P<a.length;P++)if(E=s.get(a[P].elementID),a.length>1&&P>0)for(k=a[P].DP,I=0;I<k.length;I++)v=k[I],x=null==E?void 0:E.getDockingPointById(v.id),A=s.get(v.onID),y=null==A?void 0:A.getDockingPointById(v.onDPID),x&&y&&h.Z.tryDockElementDPToDP(E,A,x,y);i.next=37;break;case 36:p.error(new d.GE("The function extend Planner works only with products that are saved in the configurator 2.0",{code:"WC_0012"}));case 37:case"end":return i.stop()}}),_callee4,this,[[9,26]])}))),function extendPlanner(e,n){return m.apply(this,arguments)})},{key:"initPlanner",value:(s=(0,r.Z)(i().mark((function _callee5(e){var n,t,r,o,a,l,s,P,D,m,f,E,k,I,v,x,A,y,C,B,V,b,N,W,S,T,w,_,O,Z,R,M,L,H,F,z,G;return i().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:if(n=d.ZP.decodeBase64(e),null==(t=JSON.parse(n)).v||2!=t.v){i.next=57;break}if(p.debug("Initialize set Plan Data - V2\n"+t,"DivaStandardPlanner initPlanner"),t.set&&t.set.elements&&0!=t.set.elements.length){i.next=6;break}return i.abrupt("return");case 6:r=t.set.elements,o=[],a=[],l=0;case 10:if(!(l<r.length)){i.next=34;break}if(i.prev=11,s=r[l],P=parseInt(s.elementID),D=new c.Z(this.set.getSetId(),s.basketID,P,DivaStandardPlanner.plannerType),this.nextElementId=P+1,this.plannerElements.set(D.ElementId,D),this.set.setElementId(s.basketID,D.ElementId),m=this.set.getPlannerData(D.ElementId),D.updatePlannerData(m),this.doDisablePlanner2D){i.next=23;break}return i.next=23,g.Z.loadSVG(D,this.set);case 23:D.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+s.x,this.plannerBoundingBox.WorldPos.y+s.y,this.plannerBoundingBox.WorldPos.z+s.z),D.RotDeg=s.rot,D.IsDockedAccessoire?(a.push(s),D.PosNr=s.posNr,D.AccessoirePosNr=s.accNr):(o[s.posNr-1]=s,D.PosNr=s.posNr),i.next=31;break;case 28:i.prev=28,i.t0=i.catch(11),p.error(new d.GE("Error initializing element nr "+l+" in the Standard Web Planner. PlanData V2",{cause:i.t0,code:"WC_0012"}));case 31:l++,i.next=10;break;case 34:f=1==o.length,o=o.concat(a),l=0;case 37:if(!(l<o.length)){i.next=55;break}if(i.prev=38,0!=l||!f||!this.plannerHasStaticBackground){i.next=43;break}return(E=this.plannerElements.get(o[l].elementID))&&(E.WorldPosCenter=new u.P(0,E.Height/2,E.Depth/2)),i.abrupt("continue",52);case 43:if(null!=o[l].DP&&0!=o[l].DP.length){i.next=45;break}return i.abrupt("continue",52);case 45:for(k=o[l].DP,I=0;I<k.length;I++)(v=k[I]).id&&""!=v.id&&v.onID&&""!=v.onID&&v.onDPID&&""!=v.onDPID&&(x=this.plannerElements.get(o[l].elementID),A=null==x?void 0:x.getDockingPointById(v.id),y=this.plannerElements.get(v.onID),C=null==y?void 0:y.getDockingPointById(v.onDPID),A&&C?h.Z.tryDockElementDPToDP(x,y,A,C):this.doDisablePlanner2D||p.error(new d.GE("Error initializing docking point between source element with id: "+(null==x?void 0:x.ElementId)+" and target Element with id: "+(null==y?void 0:y.ElementId)+". SourceDPID: "+v.id+"; targetDPID: "+v.onDPID)));i.next=52;break;case 49:i.prev=49,i.t1=i.catch(38),p.error(new d.GE("Error initializing dockingPoints of element with elementID "+o[l].elementID,{cause:i.t1,code:"WC_0012"}));case 52:l++,i.next=37;break;case 55:i.next=104;break;case 57:if(p.debug("Initialize set Plan Data - old V1\n"+t,"DivaStandardPlanner initPlanner"),t.Sets&&0!=t.Sets.length&&t.Sets[0].Elements&&0!=t.Sets[0].Elements.length){i.next=60;break}return i.abrupt("return");case 60:B=t.Sets[0].Elements,V=[],b=[],l=0;case 64:if(!(l<B.length)){i.next=94;break}if(i.prev=65,N=B[l],W=N.BasketID,-1==this.set.getElementId(W)&&this.set.setElementId(W,Number(N.ID)),S=this.set.getElementId(W),N.elementId=S,-1!=S){i.next=74;break}return p.error(new d.GE("Error when initializing planner. The elementID Was not saved in the article. ",{code:"WC_0012"})),i.abrupt("continue",91);case 74:if(T=new c.Z(this.set.getSetId(),W,S,DivaStandardPlanner.plannerType),this.nextElementId=S+1,this.plannerElements.set(T.ElementId,T),w=this.set.getPlannerData(T.ElementId),T.updatePlannerData(w),this.doDisablePlanner2D){i.next=82;break}return i.next=82,g.Z.loadSVG(T,this.set);case 82:_=new u.P(N.PosX,N.PosZ,N.PosY),T.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+_.x,this.plannerBoundingBox.WorldPos.y+_.y,this.plannerBoundingBox.WorldPos.z+_.z),T.RotDeg=N.Rot,T.IsDockedAccessoire?(b.push(N),N.PosNum.toString().indexOf(".")>0&&(O=N.PosNum.toString().split(".")[0],Z=N.PosNum.toString().split(".")[1],T.PosNr=O,T.AccessoirePosNr=Z)):(V[N.PosNum-1]=N,T.PosNr=N.PosNum),i.next=91;break;case 88:i.prev=88,i.t2=i.catch(65),p.error(new d.GE("Error initializing element nr "+l+" in the Standard Web Planner - Plan Data old Planner",{cause:i.t2,code:"WC_0012"}));case 91:l++,i.next=64;break;case 94:V=V.concat(b),l=0;case 96:if(!(l<V.length)){i.next=104;break}if(null!=V[l].DP&&0!=V[l].DP.length){i.next=99;break}return i.abrupt("continue",101);case 99:for(R=V[l].DP,I=0;I<R.length;I++)(M=R[I]).DP&&""!=M.DP&&M.onID&&""!=M.onID&&(H=parseInt(M.onID),F=M.DP,z=this.plannerElements.get(V[l].elementId),G=null!==(L=this.plannerElements.get(H))&&void 0!==L?L:this.getPlannerElementByIndex(H-1),z&&G?h.Z.initDockingPointRelationByArea(z,G,F):p.error(new d.GE("Error initializing dockingPoints of element with elementID "+V[l].elementId,{code:"WC_0012"})));case 101:l++,i.next=96;break;case 104:this.updateAllElementsWorldPos(),this.updatePlannerPosNr();case 106:case"end":return i.stop()}}),_callee5,this,[[11,28],[38,49],[65,88]])}))),function initPlanner(e){return s.apply(this,arguments)})},{key:"getPlannerElementByIndex",value:function getPlannerElementByIndex(e){var n=void 0,t=0;return this.plannerElements.forEach((function(r,o){e==t&&(n=r),t++})),n}},{key:"addPlannerElement",value:(t=(0,r.Z)(i().mark((function _callee6(e,n){var t,r,o,a,l,s,d;return i().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:if(l=new c.Z(this.set.getSetId(),e,this.nextElementId,DivaStandardPlanner.plannerType),this.nextElementId++,this.plannerElements.set(l.ElementId,l),this.set.setElementId(e,l.ElementId),s=this.set.getPlannerData(l.ElementId),l.updatePlannerData(s),this.doDisablePlanner2D){i.next=9;break}return i.next=9,g.Z.loadSVG(l,this.set);case 9:if(null==(d=null!==(t=n.dockingPointInfos)&&void 0!==t?t:[{targetDockingPointId:n.targetDockingPointId,targetElemIdToDock:n.targetElemIdToDock}])||null===(r=d[0])||void 0===r||!r.targetElemIdToDock||null==d||null===(o=d[0])||void 0===o||!o.targetDockingPointId){i.next=15;break}return i.next=13,this.addElementToWorld(l,d);case 13:i.next=27;break;case 15:if(null==d||null===(a=d[0])||void 0===a||!a.targetElemIdToDock){i.next=20;break}return i.next=18,this.addElementToWorld(l,d);case 18:i.next=27;break;case 20:if(!n.oldPlannerTransform){i.next=25;break}return i.next=23,this.addElementToWorld(l,void 0,void 0,void 0,void 0,{forceSetToTrans:!0,transform:n.oldPlannerTransform});case 23:i.next=27;break;case 25:return i.next=27,this.addElementToWorld(l);case 27:this.updatePlannerBoundingBox();case 28:case"end":return i.stop()}}),_callee6,this)}))),function addPlannerElement(e,n){return t.apply(this,arguments)})},{key:"copyPlannerElement",value:(n=(0,r.Z)(i().mark((function _callee7(e,n){var t,r;return i().wrap((function _callee7$(o){for(;;)switch(o.prev=o.next){case 0:t=[],e.forEach((function(e,r){null!=n&&"NO"!=n.dpType||t.push(e)})),r=0;case 3:if(!(r<t.length)){o.next=9;break}return o.next=6,this.addPlannerElement(t[r],{});case 6:r++,o.next=3;break;case 9:case"end":return o.stop()}}),_callee7,this)}))),function copyPlannerElement(e,t){return n.apply(this,arguments)})},{key:"getPlannerElementsInfluencedByDeletion",value:function getPlannerElementsInfluencedByDeletion(e,n){return[]}},{key:"getPlannerElementsInfluencedByCopy",value:function getPlannerElementsInfluencedByCopy(e,n){return this.plannerElements.has(e)?[e]:[]}},{key:"deletePlannerElement",value:(e=(0,r.Z)(i().mark((function _callee8(e,n){var t,r,o,a,l,s,c,g,u,P,p,D,m,f,E;return i().wrap((function _callee8$(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,d.ZP.Sleep(1);case 2:if(this.plannerElements.has(e)){i.next=4;break}return i.abrupt("return",{});case 4:return t=this.plannerElements.get(e),r=this.getParentElement(t),o=-1,a=999,l=-1,s=-1,c=!1,this.plannerElements.forEach((function(e,n){c||(null!=t&&t.IsAccessoire&&t.PosNr==e.PosNr&&(l=e.getElementId(),c=!0),e.getPosNr()<t.getPosNr()&&e.getPosNr()>o?(o=e.getPosNr(),l=e.getElementId()):e.getPosNr()>t.getPosNr()&&e.getPosNr()<a&&(a=e.getPosNr(),s=e.getElementId()))})),g=!1,n&&(u=t.getDockingDockingPointsByType("AVL"),P=t.getDockingDockingPointsByType("AVR"),u.length>0&&P.length>0&&(p=this.plannerElements.get(u[0].OnElementId),D=this.plannerElements.get(P[0].OnElementId),p&&D&&(m=p.getDockingDockingPointsByType("AVR"),f=D.getDockingDockingPointsByType("AVL"),m.length>0&&f.length>0&&(h.Z.removeDockingPointRelations(t),g=!0,h.Z.tryDockElementDPToDP(p,D,m[0],f[0]))))),E={rotDeg:t.getRotDeg(),worldPosCenter:t.WorldPosCenter},g||h.Z.removeDockingPointRelations(t),this.plannerElements.delete(e),this.tryToDockForNotDockedAccessoire(r),this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,t.getElementId()),this.updatePlannerBoundingBox(),i.abrupt("return",{newElementToSelect:l>=0?l:s>=0?s:void 0,transform:E});case 24:case"end":return i.stop()}}),_callee8,this)}))),function deletePlannerElement(n,t){return e.apply(this,arguments)})},{key:"tryToDockForNotDockedAccessoire",value:function tryToDockForNotDockedAccessoire(e){if(e)for(var n=e.getCurrentAccessorires().filter((function(e){return e.getIsNotDockedAccessoire()})),t=0;t<n.length;t++){var r=n[t].getElementId(),o=this.plannerElements.get(r);if(o)if(this.dockToAVUorAVOororAVNorAVSorAVC(o,[e]))break}}},{key:"checkCollision",value:function checkCollision(e,n){if(!this.doDisablePlanner2D){for(var t,r,o=this.getAllPlannerElements(),a=!1,l=[],s=0;s<o.length;s++){var i=o[s];if(!n||i.getElementId()==n)for(var c=n?0:s+1;c<o.length;c++){var d,u,P=o[c];if(i.getElementId()!=P.getElementId()&&!h.Z.checkElementsAreDocking(i,P)){var D=!1;if((this.set.CatalogData.doCheckConstructionWarnings||null!==(d=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==d&&d.includes(i.ArticleCodex)||null!==(u=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==u&&u.includes(P.ArticleCodex))&&(D=g.Z.checkCollision(i,P)),D&&(a=!0,l.push({elementId1:i.getElementId(),elementId2:P.getElementId()}),p.debug("Collision Found between element1: "+i.ElementId+"; and element2: "+P.ElementId),!e))break}}}if(this.collisionHandler.collisionDetected&&!a)null===(t=(r=this.collisionHandler).updatePlannerMsgContainer)||void 0===t||t.call(r,"COLLISION_MSG",!1,"WARNING","COLLISION_MSG",!1);else if(!this.collisionHandler.collisionDetected&&a){var m,f;null===(m=(f=this.collisionHandler).updatePlannerMsgContainer)||void 0===m||m.call(f,"COLLISION_MSG",!0,"WARNING","COLLISION_MSG",!1)}this.collisionHandler.collisionPairs=l,this.collisionHandler.collisionDetected=a}}},{key:"updateSetPosNr",value:function updateSetPosNr(e){for(var n=this.getAllPlannerElements(),t=0;t<n.length;t++){var r=n[t];r.SetPosNr=e+r.PosNr-1,this.set.setPosNr(r.ElementId,r.getPosNr())}for(var o=0;o<n.length;o++)n[o].IsAccessoire||this.set.giveAccNewPosNrByBasketId(n[o].getBasketId());return n.length}},{key:"updatePlannerTrans",value:function updatePlannerTrans(e,n,t,r,o,a){var l=this,s=!1;if(this.plannerElements.has(e)){var i=this.plannerElements.get(e);if(null==i||i.updateDeltaTrans(n,t,r,"END"==o),"START"==o){if(i){var c=["AVR","AVL"];i.IsDockedAccessoire&&(c=c.concat(["AVO","AVU","AVN","AVS","AVC"]));for(var d=h.Z.removeDockingPointRelationsByType(i,c),g=0;g<d.length;g++)s=this.set.onDockingChanged(i.ElementId,d[g],"UNDOCK")}}else if("END"==o){var u=h.Z.searchDockableElementsInArea(i,this.getAllPlannerElements(),a);null!=u&&u.size>0&&u.forEach((function(e,n){var t=l.plannerElements.get(e.targetDP.ElementId);t&&h.Z.tryDockElementDPToDP(i,t,e.sourceDP,e.targetDP)})),s=this.updateAllElementsWorldPos(e),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}}return s}},{key:"destroyPlanner",value:function destroyPlanner(){this.plannerElements.forEach((function(e,n){e.destroy()})),this.plannerElements.clear()}},{key:"saveSetPlanner",value:function saveSetPlanner(){var e=this;if(0==this.plannerElements.size)return null;var n=[];return this.plannerElements.forEach((function(t,r){for(var o=t.getDockingDockingPoints(),a=[],l=0;l<o.length;l++){var s,i={id:o[l].DpId,onID:o[l].OnElementId,onDPID:null===(s=o[l].OnDP)||void 0===s?void 0:s.DpId};a.push(i)}var c={elementID:t.getElementId(),basketID:e.set.getBasketId(t.getElementId()),CatalogCodex:e.set.getCatalogCodex(),Codex:e.set.getArticleCodex(t.getElementId()),posNr:t.PosNr,accNr:t.IsDockedAccessoire?t.AccessoirePosNr:void 0,x:t.WorldPosCenter.x,y:t.WorldPosCenter.y,z:t.WorldPosCenter.z,rot:t.RotDeg,width:t.Width?t.Width:-1,height:t.Height?t.Height:-1,depth:t.Depth?t.Depth:-1,DP:a};if(t.IsAccessoire){var d=e.set.getParentBasketIdOfElementId(t.getElementId());null!=d&&(c.AccessoireInitParams={RelatedToBasketID:d})}n.push(c)})),{setId:this.set.getSetId(),x:0,y:0,z:0,width:this.plannerBoundingBox.Size.x,height:this.plannerBoundingBox.Size.y,depth:this.plannerBoundingBox.Size.z,rot:0,elements:n}}},{key:"getPlannerId",value:function getPlannerId(){return this.plannerID}},{key:"getSetData",value:function getSetData(e,n,t,r){var o=this,a={ID:n?this.set.getSetId():"S1",H:"",x:0,y:0,z:0,w:0,ELE:[],Blob:this.set.CatalogData.supplierILN,Cat:this.set.getCatalogCodex()},l=this.set.getAlternateRenderInfo();l&&(a.AlternateImg=l),t&&(a.ShowDim=t),this.isIDM3DCat&&(a.IsIDM3D=!0,a.IDM3DCatCodex=this.IDM3DCatCodex),this.plannerElements.forEach((function(n,l){var s=o.set.getPlannerConfigData(l,r),i=s.config,c=[];if(s.accs&&s.accs.length>0)for(var g=0;g<s.accs.length;g++)o.plannerElements.has(s.accs[g])&&c.push("E"+s.accs[g]);if(!e||null!=i.Model){var u,h,P,p,D=o.set.getArticleByElementId(l),m={ID:"E"+l,Model:i.Model,x:-Math.round(100*n.WorldPosCenterIgnoreOLF.x)/100,y:Math.round(100*n.WorldPosCenterIgnoreOLF.y)/100,z:Math.round(100*n.WorldPosCenterIgnoreOLF.z)/100,PosPivot:"Center",w:Math.round(100*n.getRotDeg())/100,RotPivot:"Center",DP:n.getDockingPointJS3D(),MAT:i.MAT,MOVE:null!==(u=i.MOVE)&&void 0!==u?u:void 0,CFG:i.CFG,H:"",ACCs:c.length>0?c:void 0};if(t)m.TechSize={Width:null==n.Width||isNaN(n.Width)?null!==(h=null==D?void 0:D.width)&&void 0!==h?h:0:n.Width,Height:null==n.Height||isNaN(n.Height)?null!==(P=null==D?void 0:D.height)&&void 0!==P?P:0:n.Height,Depth:null==n.Depth||isNaN(n.Depth)?null!==(p=null==D?void 0:D.depth)&&void 0!==p?p:0:n.Depth};var f=(0,d.FB)(JSON.stringify(m));m.H=f,a.ELE.push(m)}var E=o.set.getShelfPlannerData(l);if(E)for(var k=0;k<E.length;k++){var I=E[k],v=o.set.getShelfPlannerConfigData(I.basketId).config,x=[];if(v.accs&&v.accs.length>0)for(var A=0;A<v.accs.length;A++)o.plannerElements.has(v.accs[A])&&x.push("E"+v.accs[A]);var y={ID:"E"+I.parentElementId+"."+I.gridId+"."+I.rh,H:"",Model:I.model,x:0,y:0,z:1,w:0,PosPivot:"Center",RotPivot:"Center",DP:"RH"+I.rh+":E"+I.parentElementId,GN:I.gridName,MAT:v.MAT,CFG:v.CFG,ACCs:x.length>0?x:void 0};f=(0,d.FB)(JSON.stringify(y));y.H=f,a.ELE.push(y)}}));var s=(0,d.FB)(JSON.stringify(a));return a.H=s,{constructionSet:a}}},{key:"getElementPosInfo",value:function getElementPosInfo(){var e={};return this.plannerElements.forEach((function(n,t){n.IsDockedAccessoire?e[t]={pos:n.PosNr,isAcc:!0,accPos:n.AccessoirePosNr}:e[t]={pos:n.PosNr,isAcc:!1}})),e}},{key:"getPlanningIsComplete",value:function getPlanningIsComplete(e){var n=this,t=!e&&(this.set.CatalogData.doHideCompletenessWarning||!this.set.CatalogData.doCheckConstructionWarnings),r=!1;return this.plannerElements.forEach((function(e,o){var a;(!t||null!==(a=n.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==a&&a.includes(e.ArticleCodex))&&!r&&(e.getFreeDockingPointsByType("AVL").length>0||e.getFreeDockingPointsByType("AVR").length>0)&&(r=!0)})),!r}},{key:"getPlannerBoundingBox",value:function getPlannerBoundingBox(){var e=this.set.CatalogData,n=this.plannerBoundingBox.getWidth(e.PlannerMeasureDigits),t=this.plannerBoundingBox.getDepth(e.PlannerMeasureDigits);return{width:n,height:this.plannerBoundingBox.getHeight(e.PlannerMeasureDigits),depth:t}}},{key:"updatePlannerBoundingBox",value:function updatePlannerBoundingBox(){this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements())}},{key:"getCatalogData",value:function getCatalogData(){return this.set.CatalogData}},{key:"getAllPlannerElements",value:function getAllPlannerElements(){var e=[];return this.plannerElements.forEach((function(n,t){e.push(n)})),e}},{key:"getParentElement",value:function getParentElement(e){var n=void 0,t=e.getParentElementId();return t&&(n=this.plannerElements.get(t)),n}},{key:"getPositionOfPlannerElements",value:function getPositionOfPlannerElements(){var e=this.set.getSetId();this.plannerElements.forEach((function(n,t){p.log("SetID:",e),p.log("Elementid:",n.ElementId),p.log("X:",n.WorldPosCenter.x),p.log("Y:",n.WorldPosCenter.y),p.log("X:",n.WorldPosCenter.z),p.log("ROT:",n.RotDeg),p.log("___________________________")}))}},{key:"clonePlanner",value:function clonePlanner(e,n){return new DivaStandardPlanner(e,(function(){}),n,new P.Z,!0,!1,!0,!1)}},{key:"getPlannerInteractionInformation",value:function getPlannerInteractionInformation(){return p.error(new d.GE("The function getPlannerInteractionInformation is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{boxPlannerInteractionInformationPerElement:new Map}}}]);var e,n,t,s,m,f,E,k}();(0,l.Z)(m,"plannerType","STD")}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8757],{98757:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(84658),o=t(13125),a=t(43860),l=t(80248),s=t(50747),i=t.n(s),c=t(57312),d=t(5482),g=t(20187),u=t(64357),h=t(43425),P=t(58178),p=d.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),D=["AVO","AVU","AVC","AVS","AVN"],m=function(){function DivaStandardPlanner(e,n,t,r,a,s,i,c){var d=this;(0,o.Z)(this,DivaStandardPlanner),(0,l.Z)(this,"plannerID",void 0),(0,l.Z)(this,"set",void 0),(0,l.Z)(this,"plannerBoundingBox",void 0),(0,l.Z)(this,"plannerElements",void 0),(0,l.Z)(this,"doHidePlanner",!1),(0,l.Z)(this,"doShowAR",!1),(0,l.Z)(this,"doDisablePlanner2D",!1),(0,l.Z)(this,"plannerHasStaticBackground",void 0),(0,l.Z)(this,"isIDM3DCat",!1),(0,l.Z)(this,"IDM3DCatCodex",""),(0,l.Z)(this,"nextElementId",1),(0,l.Z)(this,"collisionHandler",void 0),(0,l.Z)(this,"dockToAVUorAVOororAVNorAVSorAVC",(function(e,n){if(e.HasAVU){var t=h.Z.tryDockElement(e,"AVU",n);if(t)return d.updateWorldPos(e,t),!0;for(var r=0;r<n.length;r++){var o=n[r].getCurrentAccessorires().map((function(e){return d.plannerElements.get(e.getElementId())}));if(d.dockToAVUorAVOororAVNorAVSorAVC(e,o))return!0}}if(e.HasAVO){var a=h.Z.tryDockElement(e,"AVO",n);if(a)return d.updateWorldPos(e,a),!0}if(e.HasAVN){var l=h.Z.tryDockElement(e,"AVN",n);if(l)return d.updateWorldPos(e,l),!0}if(e.HasAVS){var s=h.Z.tryDockElement(e,"AVS",n);if(s)return d.updateWorldPos(e,s),!0}if(e.HasAVC){var i=h.Z.tryDockElement(e,"AVC",n);if(i)return d.updateWorldPos(e,i),!0}return!1})),this.set=e,this.plannerID=t,this.plannerElements=new Map,this.plannerBoundingBox=new P.Z,this.plannerBoundingBox.initPlannerBBox(r),this.doHidePlanner=a,this.doShowAR=s,this.doDisablePlanner2D=i,this.collisionHandler={updatePlannerMsgContainer:n,collisionDetected:!1,collisionPairs:[]},this.plannerHasStaticBackground=c;this.set.CatalogData}return(0,a.Z)(DivaStandardPlanner,[{key:"updatePlannerPosNr",value:function updatePlannerPosNr(){var e,n=this,t=[],r=new Map,o=this;this.plannerElements.forEach((function(e,n){r.set(n,!0),e.IsDockedAccessoire||e.HasAVL&&e.dockingTypeIsDocking("AVL")||t.push(e)})),this.getCatalogData().dontSetPosNrFromPlanner||(t=t.sort((function(e,n){return e.WorldPosCenter.x-n.WorldPosCenter.x})));for(var a=function updateAccessoiresOfElement(t,l){for(var s=[],i=function setPosNrForElementsOnDock(n,a){if(t["Has"+n]){var s=t.getDockingDockingPointsByType(n);s=s.sort((function(e,n){return o.plannerElements.get(e.OnElementId).WorldPosCorner.x-o.plannerElements.get(n.OnElementId).WorldPosCorner.x}));for(var i=0;i<s.length;i++){var c=s[i].OnElementId;if(r.has(c)){var d=o.plannerElements.get(c);d.PosNr=l,d.AccessoirePosNr=e,r.delete(c),e++,a.push(d)}}}},c=0;c<D.length;c++)i(D[c],s);n.plannerElements.forEach((function(n){n.getIsNotDockedAccessoire()&&n.getParentElementId()===t.getElementId()&&(n.PosNr=l,n.AccessoirePosNr=e,r.delete(n.getElementId()),e++,s.push(n))}));for(var d=0;d<s.length;d++)a(s[d],l)},l=function updatePosInChain(n,t){if(null==n)return t;if(n.PosNr=t,e=1,r.delete(n.ElementId),a(n,t),t++,n.HasAVR&&n.dockingTypeIsDocking("AVR")){var s=n.getDockingDockingPointsByType("AVR")[0].OnElementId;return l(o.plannerElements.get(s),t)}return t},s=1,i=0;i<t.length;i++)s=l(t[i],s)}},{key:"updateWorldPos",value:function updateWorldPos(e,n){var t=!1,r=this.plannerElements.get(n.OnElementId),o=r.getDockingPointById(n.OnDP.DpId);if(null==o)return t;var a=new u.P(0,0,0),l=new u.FM(o.LocalWorldPos.x,o.LocalWorldPos.z);l=u.FM.rotateOrigin(l,r.RotDeg);var s=r.RotDeg+o.RotDeg-n.RotDeg;e.RotDeg=s;var i=u.FM.rotateOrigin(new u.FM(n.LocalWorldPos.x,n.LocalWorldPos.z),s);a.x=r.WorldPosCorner.x+l.x-i.x,a.y=r.WorldPosCorner.y+o.LocalWorldPos.y-n.LocalWorldPos.y,a.z=r.WorldPosCorner.z+l.y-i.y,e.WorldPosCorner=a,t=this.set.onDockingChanged(e.ElementId,r.ElementId,"DOCK",n.Type);var c=this.set.getPlannerData(e.ElementId);e.updatePlannerData(c);var d=this.set.getPlannerData(r.ElementId);return r.updatePlannerData(d),t}},{key:"updateAllElementsWorldPos",value:function updateAllElementsWorldPos(e){if(this.doDisablePlanner2D)return!1;var n=!1,t=[],r=[];this.plannerElements.forEach((function(e,n){e.IsDockedAccessoire?r.push(e):t[e.PosNr-1]=e})),t=t.concat(r);for(var o=[],a=0,l=0;l<t.length;l++)if(t[l]){var s=t[l];if(o.push(s.ElementId),l>a)for(var i=s.getDockingDockingPointsByType("AVL").concat(s.getDockingDockingPointsByType("AVR")).concat(s.getDockingDockingPointsByType("AVU")).concat(s.getDockingDockingPointsByType("AVO")).concat(s.getDockingDockingPointsByType("AVN")).concat(s.getDockingDockingPointsByType("AVS")).concat(s.getDockingDockingPointsByType("AVC")),c=0;c<i.length;c++)if(o.indexOf(i[c].OnElementId)>=0){n=this.updateWorldPos(s,i[c]);break}}else a=l;return this.checkCollision(!1,e),n}},{key:"addElementToWorld",value:(k=(0,r.Z)(i().mark((function _callee(e,n,t,r){var o,a,l,s,c,d,g,P,p,D,m,f,E=arguments;return i().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(o=E.length>4&&void 0!==E[4]?E[4]:100,!(a=E.length>5?E[5]:void 0)||!a.forceSetToTrans){i.next=8;break}e.WorldPosCenter=a.transform.worldPosCenter,e.RotDeg=a.transform.rotDeg,this.set.onDockingChanged(e.ElementId,-1,"NOT_DOCKED"),i.next=47;break;case 8:if(l=!1,!n){i.next=46;break}s=0;case 11:if(!(s<n.length)){i.next=46;break}if(c=n[s].targetElemIdToDock,d=n[s].targetDockingPointId,!(c&&c>-1&&this.plannerElements.has(c))){i.next=43;break}if(!d||""==d){i.next=31;break}if(!(g=this.plannerElements.get(c))){i.next=29;break}if(!(P=g.getDockingPointById(d))){i.next=29;break}if(!(p=h.Z.tryDockElementToDP(e,g,P))){i.next=26;break}this.updateWorldPos(e,p),l=!0,i.next=29;break;case 26:return i.next=28,this.tryToDockWithDifferentSVGWithFormula(e,c);case 28:D=i.sent;case 29:i.next=43;break;case 31:if(D=!1,(e.HasAVL||e.HasAVR)&&(D=this.dockToAVLorAVR(e,[this.plannerElements.get(c)])),D||(D=this.dockToAVUorAVOororAVNorAVSorAVC(e,[this.plannerElements.get(c)])),D){i.next=42;break}return i.next=37,this.tryToDockWithDifferentSVGWithFormula(e,c);case 37:if(D=i.sent){i.next=42;break}return i.next=41,this.addElementToWorld(e,void 0,void 0,void 0,50);case 41:return i.abrupt("return");case 42:D&&(l=!0);case 43:s++,i.next=11;break;case 46:l||(m=this.getAllPlannerElements(),f=this.dockToAVLorAVR(e,m),t&&(f=!1),f||(f=this.dockToAVUorAVOororAVNorAVSorAVC(e,m),t&&(f=!1),f||(null==r&&(e.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+this.plannerBoundingBox.Size.x+(0==this.plannerBoundingBox.Size.x?0:e.Width/2+o),this.plannerBoundingBox.WorldPos.y+e.Height/2,this.plannerBoundingBox.WorldPos.z+e.Depth/2)),this.set.onDockingChanged(e.ElementId,-1,"NOT_DOCKED"))));case 47:this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,e.getElementId()),this.updatePlannerBoundingBox();case 52:case"end":return i.stop()}}),_callee,this)}))),function addElementToWorld(e,n,t,r){return k.apply(this,arguments)})},{key:"tryToDockWithDifferentSVGWithFormula",value:(E=(0,r.Z)(i().mark((function _callee2(e,n){var t,r,o,a,l,s,c,g,u,h,P,D,m,f,E,k,I,v;return i().wrap((function _callee2$(i){for(;;)switch(i.prev=i.next){case 0:if(t=!1,r=this.set.getArticleByElementId(e.ElementId),o=null==r?void 0:r.VariantValues,a=e.getSVGsWithFormula(),!e.FilterAVL.length&&!e.FilterAVR.length){i.next=47;break}if(null==a||!a.length){i.next=22;break}l=0;case 7:if(!(l<a.length)){i.next=22;break}for(u in s=new Map,c=new Map,g=d.ZP.getVariantValuesFromRule(a[l].JsFormula,{}))c.set(u,g[u]);return s.set(e.ElementId,c),i.next=15,this.set.updateCfgValuesByPlanner(s,!0);case 15:if(!(t=this.dockToAVLorAVR(e,[this.plannerElements.get(n)]))){i.next=19;break}return p.debug("svgWithFormula nr: "+l+" did dock: "+a[l].SVG),i.abrupt("break",22);case 19:l++,i.next=7;break;case 22:if(null==(h=e.getVaraintValuesInfluencingAVLAVRFilter())||!h.length||t){i.next=40;break}P=0;case 25:if(!(P<h.length&&P<20)){i.next=40;break}for(E in D=h[P],m=new Map,f=new Map,D)f.set(E,D[E]);return m.set(e.ElementId,f),i.next=33,this.set.updateCfgValuesByPlanner(m,!0);case 33:if(!(t=this.dockToAVLorAVR(e,[this.plannerElements.get(n)]))){i.next=37;break}return p.debug("following variantValues did dock: ",f),i.abrupt("break",40);case 37:P++,i.next=25;break;case 40:if(t){i.next=47;break}for(v in k=new Map,I=new Map,o)I.set(v,o[v]);return k.set(e.ElementId,I),i.next=47,this.set.updateCfgValuesByPlanner(k,!0);case 47:return i.abrupt("return",t);case 48:case"end":return i.stop()}}),_callee2,this)}))),function tryToDockWithDifferentSVGWithFormula(e,n){return E.apply(this,arguments)})},{key:"dockToAVLorAVR",value:function dockToAVLorAVR(e,n){var t=!1,r=!1;if(e.HasAVL){var o=h.Z.tryDockElement(e,"AVL",n);o&&(this.updateWorldPos(e,o),t=!0)}if(!t&&e.HasAVR){var a=h.Z.tryDockElement(e,"AVR",n);a&&(r=!0,this.updateWorldPos(e,a))}return t||r}},{key:"getAllViewPlannerElements",value:function getAllViewPlannerElements(){return this.getAllPlannerElements()}},{key:"getFreeDockingPointsByElementId",value:function getFreeDockingPointsByElementId(e,n){if(!this.plannerElements.has(e))return{dockingPoints:[],filter:[]};var t=this.plannerElements.get(e),r=t.getFreeDockingPointsByType(n),o=[];switch(n){case"AVR":o=t.getFilterAVR();break;case"AVL":o=t.getFilterAVL()}return{dockingPoints:r,filter:o}}},{key:"getDockedDockingPointsByElementId",value:function getDockedDockingPointsByElementId(e,n){if(!this.plannerElements.has(e))return[];for(var t=this.plannerElements.get(e),r=[],o=0;o<n.length;o++)r=r.concat(t.getDockingDockingPointsByType(n[o]));return r}},{key:"getNeighborElements",value:function getNeighborElements(e,n){if(!this.plannerElements.has(e))return[];var t=this.plannerElements.get(e),r=null==t?void 0:t.getDockingDockingPointsByType(n);if(!r)return[];for(var o=[],a=0;a<(null==r?void 0:r.length);a++)null!=r[a]&&o.push(r[a].OnElementId);return o}},{key:"getDockedGroups",value:function getDockedGroups(){for(var e=[],n=this.getAllPlannerElements(),t=[],r=0;r<this.getAllPlannerElements().length;r++){var o=n[r];if(t.push(o.getElementId()),!o.IsAccessoire){var a=o.getDockingPointsByType("AVL");if(a&&0!=a.length)for(var l=0;l<a.length;l++)a[l].IsDocking||e.push(o);else e.push(o)}}e.sort((function(e,n){return e.WorldPosCorner.x<n.WorldPosCorner.x?1:0}));var s=[];for(r=0;r<e.length;r++){var i=e[r],c=[];t.splice(t.indexOf(i.getElementId()),1);for(var d=!1,g=i;!d;){c.push(g.getElementId()),t.splice(t.indexOf(g.getElementId()),1);var u=this.getAccessoiresRecursive(g.getElementId());for(l=0;l<u.length;l++)c.push(u[l]),t.splice(t.indexOf(u[l]),1);var h=this.getNeighborElements(g.getElementId(),"AVR");h&&0!=h.length?g=this.plannerElements.get(h[0]):d=!0}s.push(c)}for(r=0;r<t.length;r++)s.push([t[r]]);return s}},{key:"getAccessoiresRecursive",value:function getAccessoiresRecursive(e){var n=this,t=function calcAccs(e,r,o){o.push(e);for(var a=n.getNeighborElements(e,"AVC"),l=n.getNeighborElements(e,"AVO"),s=n.getNeighborElements(e,"AVU"),i=n.getNeighborElements(e,"AVN"),c=n.getNeighborElements(e,"AVS"),d=a.concat(l).concat(s).concat(i).concat(c),g=0;g<d.length;g++)o.indexOf(d[g])>=0||(r.push(d[g]),o.push(d[g]),t(d[g],r,o))},r=[];return t(e,r,[]),r}},{key:"getBoundingBox",value:function getBoundingBox(){return this.plannerBoundingBox}},{key:"initIDM3DMeta",value:function initIDM3DMeta(e){this.isIDM3DCat=!0,this.IDM3DCatCodex=""!=e&&null!=e?e:this.set.getCatalogCodex()}},{key:"updatePlanner",value:(f=(0,r.Z)(i().mark((function _callee3(){var e,n,t,r,o,a;return i().wrap((function _callee3$(l){for(;;)switch(l.prev=l.next){case 0:e=this.getAllPlannerElements(),n=[],t=0;case 3:if(!(t<e.length)){l.next=13;break}if(!(r=e[t]).updatePlannerData(this.set.getPlannerData(r.getElementId()))){l.next=10;break}return n.push(r.ElementId),l.next=10,g.Z.loadSVG(r,this.set);case 10:t++,l.next=3;break;case 13:if(o=[],n.length){for(p.debug("Configuration changed one plannerElement. UpdateDockingRelations","DivaStandardPlanner - updatePlanner"),a=h.Z.updateDockingRelations(this.plannerElements),t=0;t<a.length;t++)a[t].IsDockedAccessoire&&o.push(a[t].ElementId);this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}return l.abrupt("return",{doDeleteBackGrid:!1,elemIdsToDelete:o,elementIdsToUpdateSelection:n});case 16:case"end":return l.stop()}}),_callee3,this)}))),function updatePlanner(){return f.apply(this,arguments)})},{key:"extendPlanner",value:(m=(0,r.Z)(i().mark((function _callee4(e,n){var t,r,o,a,l,s,P,D,m,f,E,k,I,v,x,A,y;return i().wrap((function _callee4$(i){for(;;)switch(i.prev=i.next){case 0:if(t=d.ZP.decodeBase64(e),null==(r=JSON.parse(t)).v||2!=r.v){i.next=36;break}o=r.set.elements,a=[],l=[],s=new Map,P=0;case 8:if(!(P<o.length)){i.next=32;break}if(i.prev=9,D=o[P],m=new c.Z(this.set.getSetId(),D.basketID,this.nextElementId,DivaStandardPlanner.plannerType),s.set(parseInt(D.elementID),m),this.nextElementId=m.getElementId()+1,this.plannerElements.set(m.ElementId,m),this.set.setElementId(D.basketID,m.ElementId),f=this.set.getPlannerData(m.ElementId),m.updatePlannerData(f),this.doDisablePlanner2D){i.next=21;break}return i.next=21,g.Z.loadSVG(m,this.set);case 21:m.WorldPosCenter=new u.P(n.WorldPos.x+n.Size.x+D.x+100,n.WorldPos.y+D.y,n.WorldPos.z+D.z),m.RotDeg=D.rot,m.IsDockedAccessoire?(l.push(D),m.PosNr=D.posNr,m.AccessoirePosNr=D.accNr):(a[D.posNr-1]=D,m.PosNr=D.posNr),i.next=29;break;case 26:i.prev=26,i.t0=i.catch(9),p.error(new d.GE("Error initializing element nr "+P+" in the Standard Web Planner. PlanData V2",{cause:i.t0,code:"WC_0012"}));case 29:P++,i.next=8;break;case 32:for(a=a.concat(l),P=0;P<a.length;P++)if(E=s.get(a[P].elementID),a.length>1&&P>0)for(k=a[P].DP,I=0;I<k.length;I++)v=k[I],x=null==E?void 0:E.getDockingPointById(v.id),A=s.get(v.onID),y=null==A?void 0:A.getDockingPointById(v.onDPID),x&&y&&h.Z.tryDockElementDPToDP(E,A,x,y);i.next=37;break;case 36:p.error(new d.GE("The function extend Planner works only with products that are saved in the configurator 2.0",{code:"WC_0012"}));case 37:case"end":return i.stop()}}),_callee4,this,[[9,26]])}))),function extendPlanner(e,n){return m.apply(this,arguments)})},{key:"initPlanner",value:(s=(0,r.Z)(i().mark((function _callee5(e){var n,t,r,o,a,l,s,P,D,m,f,E,k,I,v,x,A,y,C,B,V,b,N,W,S,T,w,_,O,Z,R,M,L,H,F,z,G;return i().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:if(n=d.ZP.decodeBase64(e),null==(t=JSON.parse(n)).v||2!=t.v){i.next=57;break}if(p.debug("Initialize set Plan Data - V2\n"+t,"DivaStandardPlanner initPlanner"),t.set&&t.set.elements&&0!=t.set.elements.length){i.next=6;break}return i.abrupt("return");case 6:r=t.set.elements,o=[],a=[],l=0;case 10:if(!(l<r.length)){i.next=34;break}if(i.prev=11,s=r[l],P=parseInt(s.elementID),D=new c.Z(this.set.getSetId(),s.basketID,P,DivaStandardPlanner.plannerType),this.nextElementId=P+1,this.plannerElements.set(D.ElementId,D),this.set.setElementId(s.basketID,D.ElementId),m=this.set.getPlannerData(D.ElementId),D.updatePlannerData(m),this.doDisablePlanner2D){i.next=23;break}return i.next=23,g.Z.loadSVG(D,this.set);case 23:D.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+s.x,this.plannerBoundingBox.WorldPos.y+s.y,this.plannerBoundingBox.WorldPos.z+s.z),D.RotDeg=s.rot,D.IsDockedAccessoire?(a.push(s),D.PosNr=s.posNr,D.AccessoirePosNr=s.accNr):(o[s.posNr-1]=s,D.PosNr=s.posNr),i.next=31;break;case 28:i.prev=28,i.t0=i.catch(11),p.error(new d.GE("Error initializing element nr "+l+" in the Standard Web Planner. PlanData V2",{cause:i.t0,code:"WC_0012"}));case 31:l++,i.next=10;break;case 34:f=1==o.length,o=o.concat(a),l=0;case 37:if(!(l<o.length)){i.next=55;break}if(i.prev=38,0!=l||!f||!this.plannerHasStaticBackground){i.next=43;break}return(E=this.plannerElements.get(o[l].elementID))&&(E.WorldPosCenter=new u.P(0,E.Height/2,E.Depth/2)),i.abrupt("continue",52);case 43:if(null!=o[l].DP&&0!=o[l].DP.length){i.next=45;break}return i.abrupt("continue",52);case 45:for(k=o[l].DP,I=0;I<k.length;I++)(v=k[I]).id&&""!=v.id&&v.onID&&""!=v.onID&&v.onDPID&&""!=v.onDPID&&(x=this.plannerElements.get(o[l].elementID),A=null==x?void 0:x.getDockingPointById(v.id),y=this.plannerElements.get(v.onID),C=null==y?void 0:y.getDockingPointById(v.onDPID),A&&C?h.Z.tryDockElementDPToDP(x,y,A,C):this.doDisablePlanner2D||p.error(new d.GE("Error initializing docking point between source element with id: "+(null==x?void 0:x.ElementId)+" and target Element with id: "+(null==y?void 0:y.ElementId)+". SourceDPID: "+v.id+"; targetDPID: "+v.onDPID)));i.next=52;break;case 49:i.prev=49,i.t1=i.catch(38),p.error(new d.GE("Error initializing dockingPoints of element with elementID "+o[l].elementID,{cause:i.t1,code:"WC_0012"}));case 52:l++,i.next=37;break;case 55:i.next=104;break;case 57:if(p.debug("Initialize set Plan Data - old V1\n"+t,"DivaStandardPlanner initPlanner"),t.Sets&&0!=t.Sets.length&&t.Sets[0].Elements&&0!=t.Sets[0].Elements.length){i.next=60;break}return i.abrupt("return");case 60:B=t.Sets[0].Elements,V=[],b=[],l=0;case 64:if(!(l<B.length)){i.next=94;break}if(i.prev=65,N=B[l],W=N.BasketID,-1==this.set.getElementId(W)&&this.set.setElementId(W,Number(N.ID)),S=this.set.getElementId(W),N.elementId=S,-1!=S){i.next=74;break}return p.error(new d.GE("Error when initializing planner. The elementID Was not saved in the article. ",{code:"WC_0012"})),i.abrupt("continue",91);case 74:if(T=new c.Z(this.set.getSetId(),W,S,DivaStandardPlanner.plannerType),this.nextElementId=S+1,this.plannerElements.set(T.ElementId,T),w=this.set.getPlannerData(T.ElementId),T.updatePlannerData(w),this.doDisablePlanner2D){i.next=82;break}return i.next=82,g.Z.loadSVG(T,this.set);case 82:_=new u.P(N.PosX,N.PosZ,N.PosY),T.WorldPosCenter=new u.P(this.plannerBoundingBox.WorldPos.x+_.x,this.plannerBoundingBox.WorldPos.y+_.y,this.plannerBoundingBox.WorldPos.z+_.z),T.RotDeg=N.Rot,T.IsDockedAccessoire?(b.push(N),N.PosNum.toString().indexOf(".")>0&&(O=N.PosNum.toString().split(".")[0],Z=N.PosNum.toString().split(".")[1],T.PosNr=O,T.AccessoirePosNr=Z)):(V[N.PosNum-1]=N,T.PosNr=N.PosNum),i.next=91;break;case 88:i.prev=88,i.t2=i.catch(65),p.error(new d.GE("Error initializing element nr "+l+" in the Standard Web Planner - Plan Data old Planner",{cause:i.t2,code:"WC_0012"}));case 91:l++,i.next=64;break;case 94:V=V.concat(b),l=0;case 96:if(!(l<V.length)){i.next=104;break}if(null!=V[l].DP&&0!=V[l].DP.length){i.next=99;break}return i.abrupt("continue",101);case 99:for(R=V[l].DP,I=0;I<R.length;I++)(M=R[I]).DP&&""!=M.DP&&M.onID&&""!=M.onID&&(H=parseInt(M.onID),F=M.DP,z=this.plannerElements.get(V[l].elementId),G=null!==(L=this.plannerElements.get(H))&&void 0!==L?L:this.getPlannerElementByIndex(H-1),z&&G?h.Z.initDockingPointRelationByArea(z,G,F):p.error(new d.GE("Error initializing dockingPoints of element with elementID "+V[l].elementId,{code:"WC_0012"})));case 101:l++,i.next=96;break;case 104:this.updateAllElementsWorldPos(),this.updatePlannerPosNr();case 106:case"end":return i.stop()}}),_callee5,this,[[11,28],[38,49],[65,88]])}))),function initPlanner(e){return s.apply(this,arguments)})},{key:"getPlannerElementByIndex",value:function getPlannerElementByIndex(e){var n=void 0,t=0;return this.plannerElements.forEach((function(r,o){e==t&&(n=r),t++})),n}},{key:"addPlannerElement",value:(t=(0,r.Z)(i().mark((function _callee6(e,n){var t,r,o,a,l,s,d;return i().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:if(l=new c.Z(this.set.getSetId(),e,this.nextElementId,DivaStandardPlanner.plannerType),this.nextElementId++,this.plannerElements.set(l.ElementId,l),this.set.setElementId(e,l.ElementId),s=this.set.getPlannerData(l.ElementId),l.updatePlannerData(s),this.doDisablePlanner2D){i.next=9;break}return i.next=9,g.Z.loadSVG(l,this.set);case 9:if(null==(d=null!==(t=n.dockingPointInfos)&&void 0!==t?t:[{targetDockingPointId:n.targetDockingPointId,targetElemIdToDock:n.targetElemIdToDock}])||null===(r=d[0])||void 0===r||!r.targetElemIdToDock||null==d||null===(o=d[0])||void 0===o||!o.targetDockingPointId){i.next=15;break}return i.next=13,this.addElementToWorld(l,d);case 13:i.next=27;break;case 15:if(null==d||null===(a=d[0])||void 0===a||!a.targetElemIdToDock){i.next=20;break}return i.next=18,this.addElementToWorld(l,d);case 18:i.next=27;break;case 20:if(!n.oldPlannerTransform){i.next=25;break}return i.next=23,this.addElementToWorld(l,void 0,void 0,void 0,void 0,{forceSetToTrans:!0,transform:n.oldPlannerTransform});case 23:i.next=27;break;case 25:return i.next=27,this.addElementToWorld(l);case 27:this.updatePlannerBoundingBox();case 28:case"end":return i.stop()}}),_callee6,this)}))),function addPlannerElement(e,n){return t.apply(this,arguments)})},{key:"copyPlannerElement",value:(n=(0,r.Z)(i().mark((function _callee7(e,n){var t,r;return i().wrap((function _callee7$(o){for(;;)switch(o.prev=o.next){case 0:t=[],e.forEach((function(e,r){null!=n&&"NO"!=n.dpType||t.push(e)})),r=0;case 3:if(!(r<t.length)){o.next=9;break}return o.next=6,this.addPlannerElement(t[r],{});case 6:r++,o.next=3;break;case 9:case"end":return o.stop()}}),_callee7,this)}))),function copyPlannerElement(e,t){return n.apply(this,arguments)})},{key:"getPlannerElementsInfluencedByDeletion",value:function getPlannerElementsInfluencedByDeletion(e,n){return[]}},{key:"getPlannerElementsInfluencedByCopy",value:function getPlannerElementsInfluencedByCopy(e,n){return this.plannerElements.has(e)?[e]:[]}},{key:"deletePlannerElement",value:(e=(0,r.Z)(i().mark((function _callee8(e,n){var t,r,o,a,l,s,c,g,u,P,p,D,m,f,E;return i().wrap((function _callee8$(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,d.ZP.Sleep(1);case 2:if(this.plannerElements.has(e)){i.next=4;break}return i.abrupt("return",{});case 4:return t=this.plannerElements.get(e),r=this.getParentElement(t),o=-1,a=999,l=-1,s=-1,c=!1,this.plannerElements.forEach((function(e,n){c||(null!=t&&t.IsAccessoire&&t.PosNr==e.PosNr&&(l=e.getElementId(),c=!0),e.getPosNr()<t.getPosNr()&&e.getPosNr()>o?(o=e.getPosNr(),l=e.getElementId()):e.getPosNr()>t.getPosNr()&&e.getPosNr()<a&&(a=e.getPosNr(),s=e.getElementId()))})),g=!1,n&&(u=t.getDockingDockingPointsByType("AVL"),P=t.getDockingDockingPointsByType("AVR"),u.length>0&&P.length>0&&(p=this.plannerElements.get(u[0].OnElementId),D=this.plannerElements.get(P[0].OnElementId),p&&D&&(m=p.getDockingDockingPointsByType("AVR"),f=D.getDockingDockingPointsByType("AVL"),m.length>0&&f.length>0&&(h.Z.removeDockingPointRelations(t),g=!0,h.Z.tryDockElementDPToDP(p,D,m[0],f[0]))))),E={rotDeg:t.getRotDeg(),worldPosCenter:t.WorldPosCenter},g||h.Z.removeDockingPointRelations(t),this.plannerElements.delete(e),this.tryToDockForNotDockedAccessoire(r),this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,t.getElementId()),this.updatePlannerBoundingBox(),i.abrupt("return",{newElementToSelect:l>=0?l:s>=0?s:void 0,transform:E});case 24:case"end":return i.stop()}}),_callee8,this)}))),function deletePlannerElement(n,t){return e.apply(this,arguments)})},{key:"tryToDockForNotDockedAccessoire",value:function tryToDockForNotDockedAccessoire(e){if(e)for(var n=e.getCurrentAccessorires().filter((function(e){return e.getIsNotDockedAccessoire()})),t=0;t<n.length;t++){var r=n[t].getElementId(),o=this.plannerElements.get(r);if(o)if(this.dockToAVUorAVOororAVNorAVSorAVC(o,[e]))break}}},{key:"checkCollision",value:function checkCollision(e,n){if(!this.doDisablePlanner2D){for(var t,r,o=this.getAllPlannerElements(),a=!1,l=[],s=0;s<o.length;s++){var i=o[s];if(!n||i.getElementId()==n)for(var c=n?0:s+1;c<o.length;c++){var d,u,P=o[c];if(i.getElementId()!=P.getElementId()&&!h.Z.checkElementsAreDocking(i,P)){var D=!1;if((this.set.CatalogData.doCheckConstructionWarnings||null!==(d=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==d&&d.includes(i.ArticleCodex)||null!==(u=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==u&&u.includes(P.ArticleCodex))&&(D=g.Z.checkCollision(i,P)),D&&(a=!0,l.push({elementId1:i.getElementId(),elementId2:P.getElementId()}),p.debug("Collision Found between element1: "+i.ElementId+"; and element2: "+P.ElementId),!e))break}}}if(this.collisionHandler.collisionDetected&&!a)null===(t=(r=this.collisionHandler).updatePlannerMsgContainer)||void 0===t||t.call(r,"COLLISION_MSG",!1,"WARNING","COLLISION_MSG",!1);else if(!this.collisionHandler.collisionDetected&&a){var m,f;null===(m=(f=this.collisionHandler).updatePlannerMsgContainer)||void 0===m||m.call(f,"COLLISION_MSG",!0,"WARNING","COLLISION_MSG",!1)}this.collisionHandler.collisionPairs=l,this.collisionHandler.collisionDetected=a}}},{key:"updateSetPosNr",value:function updateSetPosNr(e){for(var n=this.getAllPlannerElements(),t=0;t<n.length;t++){var r=n[t];r.SetPosNr=e+r.PosNr-1,this.set.setPosNr(r.ElementId,r.getPosNr())}for(var o=0;o<n.length;o++)n[o].IsAccessoire||this.set.giveAccNewPosNrByBasketId(n[o].getBasketId());return n.length}},{key:"updatePlannerTrans",value:function updatePlannerTrans(e,n,t,r,o,a){var l=this,s=!1;if(this.plannerElements.has(e)){var i=this.plannerElements.get(e);if(null==i||i.updateDeltaTrans(n,t,r,"END"==o),"START"==o){if(i){var c=["AVR","AVL"];i.IsDockedAccessoire&&(c=c.concat(["AVO","AVU","AVN","AVS","AVC"]));for(var d=h.Z.removeDockingPointRelationsByType(i,c),g=0;g<d.length;g++)s=this.set.onDockingChanged(i.ElementId,d[g],"UNDOCK")}}else if("END"==o){var u=h.Z.searchDockableElementsInArea(i,this.getAllPlannerElements(),a);null!=u&&u.size>0&&u.forEach((function(e,n){var t=l.plannerElements.get(e.targetDP.ElementId);t&&h.Z.tryDockElementDPToDP(i,t,e.sourceDP,e.targetDP)})),s=this.updateAllElementsWorldPos(e),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}}return s}},{key:"destroyPlanner",value:function destroyPlanner(){this.plannerElements.forEach((function(e,n){e.destroy()})),this.plannerElements.clear()}},{key:"saveSetPlanner",value:function saveSetPlanner(){var e=this;if(0==this.plannerElements.size)return null;var n=[];return this.plannerElements.forEach((function(t,r){for(var o=t.getDockingDockingPoints(),a=[],l=0;l<o.length;l++){var s,i={id:o[l].DpId,onID:o[l].OnElementId,onDPID:null===(s=o[l].OnDP)||void 0===s?void 0:s.DpId};a.push(i)}var c={elementID:t.getElementId(),basketID:e.set.getBasketId(t.getElementId()),CatalogCodex:e.set.getCatalogCodex(),Codex:e.set.getArticleCodex(t.getElementId()),posNr:t.PosNr,accNr:t.IsDockedAccessoire?t.AccessoirePosNr:void 0,x:t.WorldPosCenter.x,y:t.WorldPosCenter.y,z:t.WorldPosCenter.z,rot:t.RotDeg,width:t.Width?t.Width:-1,height:t.Height?t.Height:-1,depth:t.Depth?t.Depth:-1,DP:a};if(t.IsAccessoire){var d=e.set.getParentBasketIdOfElementId(t.getElementId());null!=d&&(c.AccessoireInitParams={RelatedToBasketID:d})}n.push(c)})),{setId:this.set.getSetId(),x:0,y:0,z:0,width:this.plannerBoundingBox.Size.x,height:this.plannerBoundingBox.Size.y,depth:this.plannerBoundingBox.Size.z,rot:0,elements:n}}},{key:"getPlannerId",value:function getPlannerId(){return this.plannerID}},{key:"getSetData",value:function getSetData(e,n,t,r){var o=this,a={ID:n?this.set.getSetId():"S1",H:"",x:0,y:0,z:0,w:0,ELE:[],Blob:this.set.CatalogData.supplierILN,Cat:this.set.getCatalogCodex()},l=this.set.getAlternateRenderInfo();l&&(a.AlternateImg=l),t&&(a.ShowDim=t),this.isIDM3DCat&&(a.IsIDM3D=!0,a.IDM3DCatCodex=this.IDM3DCatCodex),this.plannerElements.forEach((function(n,l){var s=o.set.getPlannerConfigData(l,r),i=s.config,c=[];if(s.accs&&s.accs.length>0)for(var g=0;g<s.accs.length;g++)o.plannerElements.has(s.accs[g])&&c.push("E"+s.accs[g]);if(!e||null!=i.Model){var u,h,P,p,D=o.set.getArticleByElementId(l),m={ID:"E"+l,Model:i.Model,x:-Math.round(100*n.WorldPosCenterIgnoreOLF.x)/100,y:Math.round(100*n.WorldPosCenterIgnoreOLF.y)/100,z:Math.round(100*n.WorldPosCenterIgnoreOLF.z)/100,PosPivot:"Center",w:Math.round(100*n.getRotDeg())/100,RotPivot:"Center",DP:n.getDockingPointJS3D(),MAT:i.MAT,MOVE:null!==(u=i.MOVE)&&void 0!==u?u:void 0,CFG:i.CFG,H:"",ACCs:c.length>0?c:void 0};if(t)m.TechSize={Width:null==n.Width||isNaN(n.Width)?null!==(h=null==D?void 0:D.width)&&void 0!==h?h:0:n.Width,Height:null==n.Height||isNaN(n.Height)?null!==(P=null==D?void 0:D.height)&&void 0!==P?P:0:n.Height,Depth:null==n.Depth||isNaN(n.Depth)?null!==(p=null==D?void 0:D.depth)&&void 0!==p?p:0:n.Depth};var f=(0,d.FB)(JSON.stringify(m));m.H=f,a.ELE.push(m)}var E=o.set.getShelfPlannerData(l);if(E)for(var k=0;k<E.length;k++){var I=E[k],v=o.set.getShelfPlannerConfigData(I.basketId).config,x=[];if(v.accs&&v.accs.length>0)for(var A=0;A<v.accs.length;A++)o.plannerElements.has(v.accs[A])&&x.push("E"+v.accs[A]);var y={ID:"E"+I.parentElementId+"."+I.gridId+"."+I.rh,H:"",Model:I.model,x:0,y:0,z:1,w:0,PosPivot:"Center",RotPivot:"Center",DP:"RH"+I.rh+":E"+I.parentElementId,GN:I.gridName,MAT:v.MAT,CFG:v.CFG,ACCs:x.length>0?x:void 0};f=(0,d.FB)(JSON.stringify(y));y.H=f,a.ELE.push(y)}}));var s=(0,d.FB)(JSON.stringify(a));return a.H=s,{constructionSet:a}}},{key:"getElementPosInfo",value:function getElementPosInfo(){var e={};return this.plannerElements.forEach((function(n,t){n.IsDockedAccessoire?e[t]={pos:n.PosNr,isAcc:!0,accPos:n.AccessoirePosNr}:e[t]={pos:n.PosNr,isAcc:!1}})),e}},{key:"getPlanningIsComplete",value:function getPlanningIsComplete(e){var n=this,t=!e&&(this.set.CatalogData.doHideCompletenessWarning||!this.set.CatalogData.doCheckConstructionWarnings),r=!1;return this.plannerElements.forEach((function(e,o){var a;(!t||null!==(a=n.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==a&&a.includes(e.ArticleCodex))&&!r&&(e.getFreeDockingPointsByType("AVL").length>0||e.getFreeDockingPointsByType("AVR").length>0)&&(r=!0)})),!r}},{key:"getPlannerBoundingBox",value:function getPlannerBoundingBox(){var e=this.set.CatalogData,n=this.plannerBoundingBox.getWidth(e.PlannerMeasureDigits),t=this.plannerBoundingBox.getDepth(e.PlannerMeasureDigits);return{width:n,height:this.plannerBoundingBox.getHeight(e.PlannerMeasureDigits),depth:t}}},{key:"updatePlannerBoundingBox",value:function updatePlannerBoundingBox(){this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements())}},{key:"getCatalogData",value:function getCatalogData(){return this.set.CatalogData}},{key:"getAllPlannerElements",value:function getAllPlannerElements(){var e=[];return this.plannerElements.forEach((function(n,t){e.push(n)})),e}},{key:"getParentElement",value:function getParentElement(e){var n=void 0,t=e.getParentElementId();return t&&(n=this.plannerElements.get(t)),n}},{key:"getPositionOfPlannerElements",value:function getPositionOfPlannerElements(){var e=this.set.getSetId();this.plannerElements.forEach((function(n,t){p.log("SetID:",e),p.log("Elementid:",n.ElementId),p.log("X:",n.WorldPosCenter.x),p.log("Y:",n.WorldPosCenter.y),p.log("X:",n.WorldPosCenter.z),p.log("ROT:",n.RotDeg),p.log("___________________________")}))}},{key:"clonePlanner",value:function clonePlanner(e,n){return new DivaStandardPlanner(e,(function(){}),n,new P.Z,!0,!1,!0,!1)}},{key:"getPlannerInteractionInformation",value:function getPlannerInteractionInformation(){return p.error(new d.GE("The function getPlannerInteractionInformation is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{boxPlannerInteractionInformationPerElement:new Map}}}]);var e,n,t,s,m,f,E,k}();(0,l.Z)(m,"plannerType","STD")}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9513.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,2257],{66241:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(65515),r=o.n(t),i=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),p=o(19216),m=o.n(p),g=o(44589),v=o.n(g),h=o(81906),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();a()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(88683),j=o(91923),y=o(47514);const P=(0,i.Pi)((function PriceSumm(n){var e=(0,j.NP)(),o=(0,w.useDivaCore)().state.hidePrices,t=(0,w.useTranslation)().t;return(0,y.jsxs)("div",{className:r()(h.rh,e.getIsInMobileView()?h.tq:void 0),children:[(0,y.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,y.jsxs)("div",{className:h.wZ,children:[(0,y.jsx)("div",{className:r()(h.nt,e.productState.formatedBruttoPrice?h.kg:void 0),children:!o&&e.productState.formatedCurSetPrice}),e.productState.formatedBruttoPrice&&!o&&(0,y.jsxs)("div",{className:r()(h.nt,h.F0),children:[" ",e.productState.formatedBruttoPrice]})]})]})}))},69513:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(80248),r=o(9420),i=o(91923),d=(o(87363),o(2257)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),p=o.n(f),m=o(19216),g=o.n(m),v=o(44589),h=o.n(v),b=o(65923),w={};w.styleTagTransform=h(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=g();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(66241),y=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const P=(0,r.Pi)((function ActionNavigationRalph(n){var e=(0,i.NP)();return(0,y.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,y.jsx)(j.default,{}),(0,y.jsx)(d.default,{className:e.getIsInMobileView()?b.$5:void 0,showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},2257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var t=o(80248),r=o(72874),i=o(65515),d=o.n(i),a=o(91923),l=o(9420),s=(o(87363),o(88683)),c=o(93379),u=o.n(c),x=o(7795),f=o.n(x),p=o(90569),m=o.n(p),g=o(3565),v=o.n(g),h=o(19216),b=o.n(h),w=o(44589),j=o.n(w),y=o(28717),P={};P.styleTagTransform=j(),P.setAttributes=v(),P.insert=m().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=b();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=o(47514),O=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,l.Pi)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,l=n.showNextButtonIcon,c=(0,r.Z)(n,O),u=(0,a.NP)(),x=(0,s.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:d()(e,y.jl,u.actionButtonState.isOnFirstStep?y.FN:void 0,u.actionButtonState.isOnFirstStepDisabled?y.$t:void 0,u.actionButtonState.isOnLastStep?y.Is:void 0,"vertical"==u.tabGroupState.curTabGroupType?y.KR:void 0,u.uiState.isMobilePortrait?y.tW:void 0,u.uiState.isMobileLandscape?y.rK:void 0),children:(0,k.jsxs)("div",{className:y.nC,children:[(0,k.jsxs)("div",{className:d()(y.LI,y.op,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&x("configurator.Back")]}),(0,k.jsxs)("div",{className:d()(y.LI,y.ox,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[x("configurator.Next"),l&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q";const f=d},65923:(n,e,o)=>{o.d(e,{$5:()=>s,ZP:()=>c,g9:()=>a,ky:()=>l});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--JMki1,\n.index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--JMki1,\n.index-module--ufp_O {\n  cursor: pointer;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--JMki1",l="index-module--ufp_O",s="index-module--G6P2w";const c=d},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>m,Is:()=>p,KR:()=>s,LI:()=>c,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>x,rK:()=>g,tW:()=>v});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--vWg5_",x="index-module--IneQR",f="index-module--n4fFc",p="index-module--YJM3e",m="index-module--X2uG9",g="index-module--CVPGS",v="index-module--KE5Qn";const h=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,1280],{66241:(e,n,_)=>{_.r(n),_.d(n,{default:()=>h});var t=_(65515),o=_.n(t),r=_(9420),i=(_(87363),_(93379)),a=_.n(i),d=_(7795),l=_.n(d),s=_(90569),c=_.n(s),u=_(3565),E=_.n(u),x=_(19216),P=_.n(x),m=_(44589),p=_.n(m),O=_(81906),b={};b.styleTagTransform=p(),b.setAttributes=E(),b.insert=c().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=P();a()(O.ZP,b);O.ZP&&O.ZP.locals&&O.ZP.locals;var f=_(88683),v=_(91923),M=_(47514);const h=(0,r.Pi)((function PriceSumm(e){var n=(0,v.NP)(),_=(0,f.useDivaCore)().state.hidePrices,t=(0,f.useTranslation)().t;return(0,M.jsxs)("div",{className:o()(O.rh,n.getIsInMobileView()?O.tq:void 0),children:[(0,M.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,M.jsxs)("div",{className:O.wZ,children:[(0,M.jsx)("div",{className:o()(O.nt,n.productState.formatedBruttoPrice?O.kg:void 0),children:!_&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!_&&(0,M.jsxs)("div",{className:o()(O.nt,O.F0),children:[" ",n.productState.formatedBruttoPrice]})]})]})}))},69513:(e,n,_)=>{_.r(n),_.d(n,{default:()=>g});var t=_(80248),o=_(9420),r=_(91923),i=(_(87363),_(41280)),a=_(93379),d=_.n(a),l=_(7795),s=_.n(l),c=_(90569),u=_.n(c),E=_(3565),x=_.n(E),P=_(19216),m=_.n(P),p=_(44589),O=_.n(p),b=_(65923),f={};f.styleTagTransform=O(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();d()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=_(66241),M=_(65515),h=_.n(M),D=_(47514);function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,t.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}const g=(0,o.Pi)((function ActionNavigationRalph(e){var n=(0,r.NP)();return(0,D.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[!n.getIsInMobileView()&&(0,D.jsx)(v.default,{}),(0,D.jsx)(i.default,{className:h()(n.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}var ActionNavigation=function ActionNavigation(e){var n,_=e.className,t=e.showBackButtonText,o=e.backOverwrite,r=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,d=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),s=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},d),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,o),onClick:l.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&s("configurator.Back")]}),a&&(null===(n=l.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,l,n,s)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[s("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},81906:(e,n,_)=>{_.d(n,{F0:()=>u,ZP:()=>E,kg:()=>c,nt:()=>s,rh:()=>a,tq:()=>d,wZ:()=>l});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",d="index-module--KdwEi",l="index-module--ckj80",s="index-module--IKzzi",c="index-module--Y17sU",u="index-module--Xsp7Q";const E=i},65923:(e,n,_)=>{_.d(n,{$5:()=>s,ZP:()=>c,g9:()=>d,ky:()=>l,nC:()=>a});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",d="index-module--JMki1",l="index-module--ufp_O",s="index-module--G6P2w";const c=i},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>m,Is:()=>P,KR:()=>l,LI:()=>s,Qv:()=>p,ZP:()=>b,jl:()=>a,nC:()=>d,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>O});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",s="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",x="index-module--n4fFc",P="index-module--YJM3e",m="index-module--X2uG9",p="index-module--CVPGS",O="index-module--KE5Qn";const b=i},40976:(e,n,_)=>{_.d(n,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=_(93379),o=_.n(t),r=_(7795),i=_.n(r),a=_(90569),d=_.n(a),l=_(3565),s=_.n(l),c=_(19216),u=_.n(c),E=_(44589),x=_.n(E),P=_(28717),m={};m.styleTagTransform=x(),m.setAttributes=s(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=u();o()(P.ZP,m),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);