npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.3.0-beta.9 → 26.4.0-beta.1 - Mend

@crystaldesign/diva-web-planner-react 26.3.0-beta.9 → 26.4.0-beta.1

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,6340,6135,8763,8544,1051,8657,8101,7197],{59698:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(t,i,o)=>{o.d(i,{Z:()=>createSvgIcon});var r=o(87363),a=o(87726),l=o(39916),d=o(22791),c=o(97843),u=o(80518),p=o(19596),f=o(14685),m=o(65734);function getSvgIconUtilityClass(t){return(0,m.ZP)("MuiSvgIcon",t)}(0,f.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var v=o(47514);const x=(0,c.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(t,i)=>{const{ownerState:o}=t;return[i.root,"inherit"!==o.color&&i[`color${(0,d.Z)(o.color)}`],i[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,u.Z)((({theme:t})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:t.transitions?.create?.("fill",{duration:(t.vars??t).transitions?.duration?.shorter}),variants:[{props:t=>!t.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:t.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:t.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:t.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((t.vars??t).palette).filter((([,t])=>t&&t.main)).map((([i])=>({props:{color:i},style:{color:(t.vars??t).palette?.[i]?.main}}))),{props:{color:"action"},style:{color:(t.vars??t).palette?.action?.active}},{props:{color:"disabled"},style:{color:(t.vars??t).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),g=r.forwardRef((function SvgIcon(t,i){const o=(0,p.i)({props:t,name:"MuiSvgIcon"}),{children:c,className:u,color:f="inherit",component:m="svg",fontSize:g="medium",htmlColor:C,inheritViewBox:b=!1,titleAccess:y,viewBox:w="0 0 24 24",...S}=o,P=r.isValidElement(c)&&"svg"===c.type,j={...o,color:f,component:m,fontSize:g,instanceFontSize:t.fontSize,inheritViewBox:b,viewBox:w,hasSvgAsChild:P},k={};b||(k.viewBox=w);const I=(t=>{const{color:i,fontSize:o,classes:r}=t,a={root:["root","inherit"!==i&&`color${(0,d.Z)(i)}`,`fontSize${(0,d.Z)(o)}`]};return(0,l.Z)(a,getSvgIconUtilityClass,r)})(j);return(0,v.jsxs)(x,{as:m,className:(0,a.Z)(I.root,u),focusable:"false",color:C,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:i,...k,...S,...P&&c.props,ownerState:j,children:[P?c.props.children:c,y?(0,v.jsx)("title",{children:y}):null]})}));g.muiName="SvgIcon";const C=g;function createSvgIcon(t,i){function Component(o,r){return(0,v.jsx)(C,{"data-testid":`${i}Icon`,ref:r,...o,children:t})}return Component.muiName=C.muiName,r.memo(r.forwardRef(Component))}},98544:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),f=o(3565),m=o.n(f),v=o(19216),x=o.n(v),g=o(44589),C=o.n(g),b=o(23240),y={};y.styleTagTransform=C(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=x();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=o(87363),S=o(63762),P=o(65515),j=o.n(P),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,S.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,f=(0,w.useState)(!1),m=(0,r.Z)(f,2),v=m[0],x=m[1],g=l.sel||v;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&v&&x(!1),t&&!v&&x(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),x(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:j()(b.hv,g?void 0:b.al,v?b.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:b.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:b.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:j()(b.dA,g?b.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,{})}))},56340:(t,i,o)=>{o.r(i),o.d(i,{default:()=>f});var r=o(34988),a=o(88683),l=o(87363),d=o(7501),c=o(63762),u=o(9420),p=o(47514);const f=(0,u.Pi)((function PriceCounter(t){var i,o,u=t.price,f=t.formattingFn,m=t.duration,v=void 0===m?.5:m,x=(0,l.useState)(0),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,l.useState)(0),w=(0,r.Z)(y,2),S=w[0],P=w[1],j=(0,c.NP)();return(0,l.useEffect)((function(){b(u)}),[u]),(0,p.jsx)(d.ZP,{end:C,duration:v,decimals:null!==(i=null===(o=C.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==i?i:0,start:S,formattingFn:function formattingFn(t){return f?f(t):a.DivaUtils.formatPrice(t,j.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(8907),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(88683),j=o(63762),k=o(65515),I=o.n(k),N=o(56340),Z=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 F=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,Z.jsx)(Z.Fragment,{})},M=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,a=t.dontAnimatePrice,l=use(r),d=(0,j.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=l.price-l.origPrice;break;case"fromBasePrice":o=l.price-l.firstPrice}return(0,Z.jsxs)(Z.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,Z.jsx)(N.default,{price:o,duration:a?0:.45,formattingFn:function formattingFn(t){return(t<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(t),d.productState.getPriceFormatForCounter(t))}})]})};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 E=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,f=(0,P.useDivaCore)().state,m=f.hidePrices,v=f.hideConfigPricePreview,x=(0,j.NP)(),g=(0,l.useState)(p),C=(0,a.Z)(g,2),b=C[0],y=C[1];if(m||"off"==x.productState.pricePreview)return(0,Z.jsx)(Z.Fragment,{});if(c)return(0,Z.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2,w.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var S=v||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&u;return i?(i.promise.then((function(){b||y(!0)})),(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(F,{asyncPricePreview:i.isVisible,children:(0,Z.jsx)("div",{className:I()(w.aH,b&&!S?w.pn:void 0,x.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(M,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,Z.jsx)(Z.Fragment,{})}},68101:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(34988),a=o(87363),l=o(65515),d=o.n(l),c=o(59698),u=o(45167),p=o(88683),f=o(63762),m=o(93379),v=o.n(m),x=o(7795),g=o.n(x),C=o(90569),b=o.n(C),y=o(3565),w=o.n(y),S=o(19216),P=o.n(S),j=o(44589),k=o.n(j),I=o(8441),N={};N.styleTagTransform=k(),N.setAttributes=w(),N.insert=b().bind(null,"head"),N.domAPI=g(),N.insertStyleElement=P();v()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var Z=o(70178),F=o(47514),M=(0,p.getLogger)("Planner","ReverseCheck");const E=function ReverseCheck(t){var i=t.item,o=t.paletteId,l=(0,f.NP)(),m=(0,p.useTranslation)().t,v=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,x=(0,a.useState)(null),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,a.useState)(!1),w=(0,r.Z)(y,2),S=w[0],P=w[1];(0,a.useEffect)((function(){var t=!0;return v?(P(!0),v.promise.then((function(i){t&&b(i.reversingCheck)})).catch((function(t){M.error(new Z.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&P(!1)}))):b(null),function(){t=!1}}),[v]);return v?S?(0,F.jsx)("div",{className:d()(I.Nh,I.V_),children:(0,F.jsx)("div",{className:I.lY})}):C&&C.hasReversingChanges?"BLOCK"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.IN,I.A4),onClick:function handleBlockedClick(t){var i;t.stopPropagation();var o=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(i=l.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,F.jsx)(c.Z,{className:I.tL,id:"blocked-icon"})}):"WARN"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var a=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:a}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(i,void 0,o)}})},children:(0,F.jsx)(u.Z,{className:I.tO})}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{})}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(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),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(75581),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const j=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,v=t.width,x=void 0===v?80:v,g=t.handleDiameter,C=void 0===g?32:g,b=t.toggleTextClassName,y=void 0===b?w.f6:b,S=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,P.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,P.jsx)("div",{className:a()(y),id:"yes",children:c}):(0,P.jsx)(P.Fragment,{}),uncheckedIcon:u?(0,P.jsx)("div",{className:a()(y),id:"no",children:u}):(0,P.jsx)(P.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:S,offColor:p?S:"#CACACA",height:m,width:x,handleDiameter:C})}},88584:(t,i,o)=>{o.r(i),o.d(i,{default:()=>b});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(63762),c=o(98763),u=o(9420),p=o(88683),f=o(70178),m=o(98544),v=o(48657),x=o(68101),g=o(47514),C=(0,p.getLogger)("Planner","ToggleOption");const b=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,b=t.style,y=(0,d.NP)(),w=u.groups[0].items;if(!w)return(0,g.jsx)(g.Fragment,{});for(var S=0;S<w.length;S++){var P,j;null!==(P=w[S].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[S]),null!==(j=w[S].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[S])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return C.error(new f.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,g.jsx)(g.Fragment,{});var 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,g.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:b,children:[(0,g.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,g.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,g.jsx)(c.default,{onChange:function onChange(){y.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text}),void 0!==o.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"}),void 0!==o.checkForReversingChanges&&(0,g.jsx)(x.default,{item:o,paletteId:p})]}),k&&(0,g.jsx)(m.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"20px"}},u.configStepKey)]})}))},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>g,al:()=>x,dA:()=>p,fL:()=>v,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",v="index-module--FaRqp",x="index-module--oBSZj";const g=d},8907:(t,i,o)=>{o.d(i,{F2:()=>f,ZP:()=>v,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\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--bd6dC {\n  opacity: 1;\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--FqlZz",p="index-module--zI2ES",f="index-module--kN6Sz",m="index-module--bd6dC";const v=d},8441:(t,i,o)=>{o.d(i,{A4:()=>p,IN:()=>u,J9:()=>g,Nh:()=>c,V_:()=>f,ZP:()=>C,lY:()=>m,tL:()=>v,tO:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",f="index-module--CTeV9",m="index-module--j1YrR",v="index-module--bG0Fi",x="index-module--Ej4oh",g="index-module--lFAqA";const C=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>g,eR:()=>u,pA:()=>x,u2:()=>v});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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",v="index-module--z1OwD",x="index-module--PkMF3";const g=d},550:(t,i,o)=>{o.d(i,{Fl:()=>C.Fl,O7:()=>C.O7,TN:()=>C.TN,ZN:()=>C.ZN,eR:()=>C.eR,pA:()=>C.pA,u2:()=>C.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),v=o.n(m),x=o(44589),g=o.n(x),C=o(43078),b={};b.styleTagTransform=g(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=v();a()(C.ZP,b),C.ZP&&C.ZP.locals&&C.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 a=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"})),l=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,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=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:a?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,a=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&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,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,v=t.uncheckedHandleIcon,x=t.boxShadow,g=t.activeBoxShadow,C=t.height,b=t.width,y=t.borderRadius,w=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"]),S=this.state,P=S.h,j=S.U,k=S.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:C/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:C,width:b,margin:Math.max(0,(this.t-C)/2),position:"relative",background:e(P,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:C/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},Z={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"relative",opacity:(P-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},F={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"absolute",opacity:1-(P-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(P,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+P+"px)",top:Math.max(0,(C-this.t)/2),outline:0,boxShadow:k?g:x,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},O={height:this.t,width:this.t,opacity:Math.max(2*((P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,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:Z},p),f&&r.createElement("div",{style:F},f)),r.createElement("div",{className:"react-switch-handle",style:M,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},v&&r.createElement("div",{style:E},v),m&&r.createElement("div",{style:O},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}},w,{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:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,3601,8855],{59698:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(96177),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(96177),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(39916),l=t(22791),s=t(97843),a=t(80518),d=t(19596),c=t(14685),u=t(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=t(47514);const p=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),C=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:u="svg",fontSize:C="medium",htmlColor:x,inheritViewBox:f=!1,titleAccess:v,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:u,fontSize:C,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:h,hasSvgAsChild:w},S={};f||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,m.jsxs)(p,{as:u,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,v?(0,m.jsx)("title",{children:v}):null]})}));C.muiName="SvgIcon";const x=C;function createSvgIcon(e,n){function Component(t,i){return(0,m.jsx)(x,{"data-testid":`${n}Icon`,ref:i,...t,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}},83601:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),u=t.n(c),m=t(19216),p=t.n(m),C=t(44589),x=t.n(C),f=t(23240),v={};v.styleTagTransform=x(),v.setAttributes=u(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(30658),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const b=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),m=u[0],p=u[1],C=r.sel||m;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&m&&p(!1),e&&!m&&p(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,y.jsx)("div",{className:f.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),p(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(f.hv,C?void 0:f.al,m?f.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:f.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,y.jsx)("path",{className:f.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,y.jsx)("div",{className:j()(f.dA,C?f.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.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,y.jsx)(y.Fragment,{})}))},58855:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(59698),a=t(45167),d=t(88683),c=t(30658),u=t(93379),m=t.n(u),p=t(7795),C=t.n(p),x=t(90569),f=t.n(x),v=t(3565),h=t.n(v),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),b={};b.styleTagTransform=S(),b.setAttributes=h(),b.insert=f().bind(null,"head"),b.domAPI=C(),b.insertStyleElement=w();m()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(75874),N=t(47514),Z=(0,d.getLogger)("Planner","ReverseCheck");const I=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),u=(0,d.useTranslation)().t,m=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,p=(0,o.useState)(null),C=(0,i.Z)(p,2),x=C[0],f=C[1],v=(0,o.useState)(!1),h=(0,i.Z)(v,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return m?(w(!0),m.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){Z.error(new P.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):f(null),function(){e=!1}}),[m]);return m?g?(0,N.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,N.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,N.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,N.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,N.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,N.jsx)(a.Z,{className:y.tO})}):(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(N.Fragment,{})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(30658),s=t(4878),a=t(9420),d=t(88683),c=t(75874),u=t(83601),m=t(63643),p=t(58855),C=t(47514),x=(0,d.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,d=e.paletteId,f=e.style,v=(0,l.NP)(),h=a.groups[0].items;if(!h)return(0,C.jsx)(C.Fragment,{});for(var g=0;g<h.length;g++){var w,j;null!==(w=h[g].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[g]),null!==(j=h[g].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(t=h[g])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,C.jsx)(C.Fragment,{});var S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,C.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,C.jsx)("div",{className:o()(r.eR,r.TN),children:a.name}),(0,C.jsxs)("div",{className:o()(r.eR,r.ZN),children:[void 0!==i.pricePreviewPromise&&(0,C.jsx)(m.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,C.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(m.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,C.jsx)(p.default,{item:t,paletteId:d})]}),S&&(0,C.jsx)(u.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>C,al:()=>p,dA:()=>d,fL:()=>m,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",p="index-module--oBSZj";const C=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>C,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>u,tL:()=>m,tO:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",u="index-module--j1YrR",m="index-module--bG0Fi",p="index-module--Ej4oh",C="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>u,ZP:()=>C,eR:()=>a,pA:()=>p,u2:()=>m});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.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 s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",m="index-module--z1OwD",p="index-module--PkMF3";const C=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),u=t(19216),m=t.n(u),p=t(44589),C=t.n(p),x=t(43078),f={};f.styleTagTransform=C(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=m();o()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,8763,7197],{70859:(t,i,o)=>{o.r(i),o.d(i,{default:()=>d});o(87363);var a=o(88683),r=o(63762),l=o(98763),c=o(47514);const d=function Varaint(t){var i,o=t.item,d=(0,r.NP)();return(0,c.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,c.jsx)("button",{onClick:o.onClick,children:"konfigurieren"}),(0,c.jsx)("div",{children:o.index}),null===(i=o.variantValues)||void 0===i?void 0:i.map((function(t){return(0,c.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.optionValueImage&&(0,c.jsx)("img",{src:t.optionValueImage,style:{height:40}}),(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,c.jsx)("div",{children:t.optionName}),(0,c.jsx)("div",{children:t.optionValueName})]})]},t.opt)})),(0,c.jsx)("div",{children:o.title}),(0,c.jsx)("div",{children:a.DivaUtils.formatPrice(o.price)}),(0,c.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,c.jsx)(l.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){o.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!o.disabled})})]},o.hash)}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>D});var a=o(65515),r=o.n(a),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),v=o.n(f),m=o(3565),g=o.n(m),y=o(19216),b=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=b();d()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=o(47514);const D=function Toggle(t){var i,o=t.onChange,a=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,v=void 0===f?40:f,m=t.width,g=void 0===m?80:m,y=t.handleDiameter,b=void 0===y?32:y,x=t.toggleTextClassName,w=void 0===x?k.f6:x,C=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{className:"no-swiping",checkedIcon:d?(0,S.jsx)("div",{className:r()(w),id:"yes",children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(w),id:"no",children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:C,offColor:p?C:"#CACACA",height:v,width:g,handleDiameter:b})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>d});var a=o(8081),r=o.n(a),l=o(23645),c=o.n(l)()(r());c.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--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss";const u=c},68692:(t,i,o)=>{o.d(i,{Z:()=>c});var a=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 a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},s.apply(this,arguments)}var r=a.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},a.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"})),l=a.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},a.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,a,r){return function(t,i,o,a,r){var l=(t-o)/(i-o);if(0===l)return a;if(1===l)return r;for(var c="#",d=1;d<6;d+=2){var u=parseInt(a.substr(d,2),16),p=parseInt(r.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(a),h(r))}var c=function(t){function n(i){t.call(this,i);var o=i.height,a=i.width,r=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(a-o,a-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:r?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,a=i.h,r=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,r));l!==a&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,a=i.U,r=i.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-r;(!a||d<250||l&&o<=c||!l&&o>=c)&&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,r=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,v=t.checkedHandleIcon,m=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,b=t.height,x=t.width,w=t.borderRadius,k=function(t,i){var o={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===i.indexOf(a)&&(o[a]=t[a]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,D=C.U,M=C.B,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/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"},j={height:b,width:x,margin:Math.max(0,(this.t-b)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:b/2,cursor:o?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},I={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},E={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},W={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:M?y:g,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},H={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return a.createElement("div",{className:r,style:T},a.createElement("div",{className:"react-switch-bg",style:j,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&a.createElement("div",{style:I},p),f&&a.createElement("div",{style:E},f)),a.createElement("div",{className:"react-switch-handle",style:W,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},m&&a.createElement("div",{style:H},m),v&&a.createElement("div",{style:N},v)),a.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}},k,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(a.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859],{70859:(e,i,n)=>{n.r(i),n.d(i,{default:()=>d});n(87363);var t=n(88683),l=n(30658),a=n(4878),s=n(47514);const d=function Varaint(e){var i,n=e.item,d=(0,l.NP)();return(0,s.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,s.jsx)("button",{onClick:n.onClick,children:"konfigurieren"}),(0,s.jsx)("div",{children:n.index}),null===(i=n.variantValues)||void 0===i?void 0:i.map((function(e){return(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,s.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,s.jsx)("div",{children:e.optionName}),(0,s.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,s.jsx)("div",{children:n.title}),(0,s.jsx)("div",{children:t.DivaUtils.formatPrice(n.price)}),(0,s.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,s.jsx)(a.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){n.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!n.disabled})})]},n.hash)}}}]);

package/build/umd/8645.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8645.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8645,1280],{98645:(n,e,o)=>{o.r(e),o.d(e,{default:()=>j});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),v=o(3565),f=o.n(v),x=o(19216),g=o.n(x),b=o(44589),p=o.n(b),h=o(30867),m={};m.styleTagTransform=p(),m.setAttributes=f(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.ZP,m);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(65515),y=o.n(w),k=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 j=(0,r.Pi)((function ActionNavigationGold(n){return(0,k.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{className:y()(n.className,h.nC),showBackButtonText:!0,backOverwrite:h.op,forthOverwrite:h.ox}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(30658),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),f=o(47514),x=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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 g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,b=n.showCheckoutButtons,p=(0,r.Z)(n,x),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,f.jsxs)("div",{className:s.nC,children:[(0,f.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),b&&(null===(e=h.uiState.checkoutConfig)\|\|void 0===e?void 0:e.buttons.filter((function(n){return(0,v.evalVisible)(n,h,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,h,n.index,m)},children:(0,f.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,f.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},30867:(n,e,o)=>{o.d(e,{ZP:()=>s,nC:()=>d,op:()=>l,ox:()=>c});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--NSnuZ .index-module--vFsUL {\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: 50%;\n box-sizing: border-box;\n flex-grow: 1;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\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: 50%;\n box-sizing: border-box;\n flex-grow: 1;\n}\n",""]);var d="index-module--NSnuZ",l="index-module--vFsUL",c="index-module--PgOEW";const s=a},28717:(n,e,o)=>{o.d(e,{$t:()=>x,FN:()=>b,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>f,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.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 d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",f="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",b="index-module--X2uG9",p="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),f=o(44589),x=o.n(f),g=o(28717),b={};b.styleTagTransform=x(),b.setAttributes=s(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=v();r()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

package/build/umd/8645.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8645 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(89229),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"settingsState",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?n=g:s.name==l.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;l.canvas.width&&l.canvas.width<500&&(m=17,v=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=m,r.dirty=!0,r.top=r.top+v),null!=n&&(f=n.fontSize,n.fontSize=m,n.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&D&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&D&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),n=o(43860),i=o(80248),r=o(63846),s=o(84409),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,n.Z)((function Planner2DGrid(e,t,o,n,r,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,i.Z)(this,"autoDockingDistance",20),(0,i.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,i.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,i.Z)(this,"canvas",void 0),(0,i.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,i.Z)(this,"borderFactorHori",.7),(0,i.Z)(this,"borderFactorVert",.64),(0,i.Z)(this,"maxZoom",4),(0,i.Z)(this,"deltaRotDeg",void 0),(0,i.Z)(this,"inDragMode",!1),(0,i.Z)(this,"currZoomFactor",1),(0,i.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,i.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,i.Z)(this,"plannerPaletteViewInfo",void 0),(0,i.Z)(this,"settingsState",void 0),(0,i.Z)(this,"getConfiguratorState",void 0),(0,i.Z)(this,"updatePlannerTrans",void 0),(0,i.Z)(this,"getPlannerElementById",void 0),(0,i.Z)(this,"getPlannerViewConfig",void 0),(0,i.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,i.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,i.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,i.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,i.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,i.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),n=void 0,i=void 0,r=0;r<a.length;r++){var s=a[r];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?i=g:s.name==l.dimGroupWidthName&&(n=g)}}}var h=0,u=0,f=0,v=30,D=13,m=!1;l.canvas.width&&l.canvas.width<500&&(v=17,D=7,m=!0),null!=n&&(h=n.fontSize,u=n.top,n.fontSize=v,n.dirty=!0,n.top=n.top+D),null!=i&&(f=i.fontSize,i.fontSize=v,i.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&m&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&m&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=n&&(n.fontSize=h,n.top=u,n.group.dirty=!0),null!=i&&(i.fontSize=f,i.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=n,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=r,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new r.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,n){var i=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,r){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=n;if(o.has(r))for(var g=o.get(r),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(r)){var u=a.get(r);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}i.addPosNrUI(e,c,d,l),i.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(i.getConfiguratorState())&&(i.addDelIcon(e,c),i.addRotIcon(e,c)),i.addElemOutline(e,c,!0,!1)):l&&i.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==i.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&i.addDelIcon(e,c)}})))}},{key:"getWorldCorner",value:function getWorldCorner(e,t){return t&&e.HasOLFPolygon?e.WorldPosCornerIgnoreOLF:!t&&e.HasOLFPolygon?e.getWorldPosCornerOLF():e.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getWorldCorner(t,!0),i=t.getWidth(),r=t.getDepth(),c=this.worldPosToScreenPos(new s.FM(n.x,n.z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),c,new s.FM(Math.round(i*this.currZoomFactor),Math.round(r*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var n;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getPlannerViewConfig(),r=new s.FM(0,0,"pixel");if("TOP_LEFT_BACK"==i.posNumIcon){var c=this.getWorldCorner(t,!1);r=this.worldPosToScreenPos(new s.FM(c.x,c.z))}e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),r,t.getRotDeg(),this.currZoomFactor,null===(n=e.getPosNrByBasketId(t.getBasketId()))||void 0===n?void 0:n.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.getWorldCorner(t,!1),n=this.worldPosToScreenPos(new s.FM(a.x,a.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=n;break;case"TOP_RIGHT_BACK":var i=new s.FM(t.getWidth()*this.currZoomFactor,0);i=s.FM.rotateOrigin(i,t.getRotDeg()),o=new s.FM(n.x+i.x,n.y+i.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var n,i=o[a];if(null===(n=this.plannerPaletteViewInfo)||void 0===n||null===(n=n.plannerConfiguration.hideAVButtons)||void 0===n||!n.includes(i.Type))if(i.IsDocking||"AVR"!=i.Type&&"AVL"!=i.Type){if(!("AVO"!=i.Type&&"AVU"!=i.Type&&"AVC"!=i.Type&&"AVN"!=i.Type&&"AVS"!=i.Type||i.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var r=this.getWorldCorner(t,!1),c=this.worldPosToScreenPos(new s.FM(r.x+i.LocalWorldPos.x,r.z+i.LocalWorldPos.z)),d=this.worldPosToScreenPos(new s.FM(r.x,r.z));c=s.FM.rotateAround(c,d,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,"ACC",i.IsDocking?"DOCKING":"NOT_DOCKING",i.OnElementId,t.getRotDeg(),i.RotDeg,c,"2D")}}else{var l=this.getWorldCorner(t,!1),g=this.worldPosToScreenPos(new s.FM(l.x+i.LocalWorldPos.x,l.z+i.LocalWorldPos.z)),h=this.worldPosToScreenPos(new s.FM(l.x,l.z));g=s.FM.rotateAround(g,h,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,i.Type,"NOT_DOCKING",void 0,t.getRotDeg(),i.RotDeg,g,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,n=null,i=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new r.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-25,-c/2,-25,c/2],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(n),i=new r.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront(),a=new r.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-s/2,-25,s/2,-25],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(n),i=new r.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){var a=this;d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var n=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=n.x&&this.canvas.setWidth(n.x),this.canvas.getHeight()!=n.y&&this.canvas.setHeight(n.y),0!=t.size){var i=[];t.forEach((function(e,t){for(var n=0;n<e.length;n++)if(e[n].getSVGShapeOLF2D()){var r=e[n].getSVGShapeOLF2D();r.scaleX=1/c.DivaUtils.UnitRecalc,r.scaleY=1/c.DivaUtils.UnitRecalc;var s=a.getWorldCorner(e[n],!1);r.left=s.x-o.worldPos.x,r.top=s.z-o.worldPos.y,r.angle=e[n].getRotDeg(),i.push(r)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var l=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),g=new r.fabric.Group(i,{originX:"left",originY:"top",left:l.x,top:l.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),h=this.canvas.getWidth()/2-(g.left+g.width*this.currZoomFactor/2),u=this.canvas.getHeight()/2-(g.top+g.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(h,u),g.left+=h,g.top+=u,this.canvas.add(g),g.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(g,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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,6340,6135,8763,8544,1051,8657,8101,7197],{59698:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(t,i,o)=>{o.d(i,{Z:()=>createSvgIcon});var r=o(87363),a=o(87726),l=o(39916),d=o(22791),c=o(97843),u=o(80518),p=o(19596),m=o(14685),f=o(65734);function getSvgIconUtilityClass(t){return(0,f.ZP)("MuiSvgIcon",t)}(0,m.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var v=o(47514);const x=(0,c.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(t,i)=>{const{ownerState:o}=t;return[i.root,"inherit"!==o.color&&i[`color${(0,d.Z)(o.color)}`],i[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,u.Z)((({theme:t})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:t.transitions?.create?.("fill",{duration:(t.vars??t).transitions?.duration?.shorter}),variants:[{props:t=>!t.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:t.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:t.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:t.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((t.vars??t).palette).filter((([,t])=>t&&t.main)).map((([i])=>({props:{color:i},style:{color:(t.vars??t).palette?.[i]?.main}}))),{props:{color:"action"},style:{color:(t.vars??t).palette?.action?.active}},{props:{color:"disabled"},style:{color:(t.vars??t).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),g=r.forwardRef((function SvgIcon(t,i){const o=(0,p.i)({props:t,name:"MuiSvgIcon"}),{children:c,className:u,color:m="inherit",component:f="svg",fontSize:g="medium",htmlColor:C,inheritViewBox:y=!1,titleAccess:b,viewBox:w="0 0 24 24",...S}=o,P=r.isValidElement(c)&&"svg"===c.type,j={...o,color:m,component:f,fontSize:g,instanceFontSize:t.fontSize,inheritViewBox:y,viewBox:w,hasSvgAsChild:P},k={};y||(k.viewBox=w);const I=(t=>{const{color:i,fontSize:o,classes:r}=t,a={root:["root","inherit"!==i&&`color${(0,d.Z)(i)}`,`fontSize${(0,d.Z)(o)}`]};return(0,l.Z)(a,getSvgIconUtilityClass,r)})(j);return(0,v.jsxs)(x,{as:f,className:(0,a.Z)(I.root,u),focusable:"false",color:C,"aria-hidden":!b||void 0,role:b?"img":void 0,ref:i,...k,...S,...P&&c.props,ownerState:j,children:[P?c.props.children:c,b?(0,v.jsx)("title",{children:b}):null]})}));g.muiName="SvgIcon";const C=g;function createSvgIcon(t,i){function Component(o,r){return(0,v.jsx)(C,{"data-testid":`${i}Icon`,ref:r,...o,children:t})}return Component.muiName=C.muiName,r.memo(r.forwardRef(Component))}},98544:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),m=o(3565),f=o.n(m),v=o(19216),x=o.n(v),g=o(44589),C=o.n(g),y=o(23240),b={};b.styleTagTransform=C(),b.setAttributes=f(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=x();l()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=o(87363),S=o(63762),P=o(65515),j=o.n(P),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,S.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,m=(0,w.useState)(!1),f=(0,r.Z)(m,2),v=f[0],x=f[1],g=l.sel||v;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&v&&x(!1),t&&!v&&x(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:y.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),x(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:j()(y.hv,g?void 0:y.al,v?y.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:y.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:y.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:j()(y.dA,g?y.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,{})}))},56340:(t,i,o)=>{o.r(i),o.d(i,{default:()=>m});var r=o(34988),a=o(88683),l=o(87363),d=o(7501),c=o(63762),u=o(9420),p=o(47514);const m=(0,u.Pi)((function PriceCounter(t){var i,o,u=t.price,m=t.formattingFn,f=t.duration,v=void 0===f?.5:f,x=(0,l.useState)(0),g=(0,r.Z)(x,2),C=g[0],y=g[1],b=(0,l.useState)(0),w=(0,r.Z)(b,2),S=w[0],P=w[1],j=(0,c.NP)();return(0,l.useEffect)((function(){y(u)}),[u]),(0,p.jsx)(d.ZP,{end:C,duration:v,decimals:null!==(i=null===(o=C.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==i?i:0,start:S,formattingFn:function formattingFn(t){return m?m(t):a.DivaUtils.formatPrice(t,j.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),m=o(90569),f=o.n(m),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),y=o(44589),b=o.n(y),w=o(8907),S={};S.styleTagTransform=b(),S.setAttributes=x(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(88683),j=o(63762),k=o(65515),I=o.n(k),N=o(56340),Z=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 F=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,Z.jsx)(Z.Fragment,{})},M=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,a=t.dontAnimatePrice,l=use(r),d=(0,j.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=l.price-l.origPrice;break;case"fromBasePrice":o=l.price-l.firstPrice}return(0,Z.jsxs)(Z.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,Z.jsx)(N.default,{price:o,duration:a?0:.45,formattingFn:function formattingFn(t){return(t<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(t),d.productState.getPriceFormatForCounter(t))}})]})};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 E=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,m=(0,P.useDivaCore)().state,f=m.hidePrices,v=m.hideConfigPricePreview,x=(0,j.NP)(),g=(0,l.useState)(p),C=(0,a.Z)(g,2),y=C[0],b=C[1];if(f||"off"==x.productState.pricePreview)return(0,Z.jsx)(Z.Fragment,{});if(c)return(0,Z.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2,w.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var S=v||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&u;return i?(i.promise.then((function(){y||b(!0)})),(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(F,{asyncPricePreview:i.isVisible,children:(0,Z.jsx)("div",{className:I()(w.aH,y&&!S?w.pn:void 0,x.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(M,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,Z.jsx)(Z.Fragment,{})}},68101:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(34988),a=o(87363),l=o(65515),d=o.n(l),c=o(59698),u=o(45167),p=o(88683),m=o(63762),f=o(93379),v=o.n(f),x=o(7795),g=o.n(x),C=o(90569),y=o.n(C),b=o(3565),w=o.n(b),S=o(19216),P=o.n(S),j=o(44589),k=o.n(j),I=o(8441),N={};N.styleTagTransform=k(),N.setAttributes=w(),N.insert=y().bind(null,"head"),N.domAPI=g(),N.insertStyleElement=P();v()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var Z=o(70178),F=o(47514),M=(0,p.getLogger)("Planner","ReverseCheck");const E=function ReverseCheck(t){var i=t.item,o=t.paletteId,l=(0,m.NP)(),f=(0,p.useTranslation)().t,v=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,x=(0,a.useState)(null),g=(0,r.Z)(x,2),C=g[0],y=g[1],b=(0,a.useState)(!1),w=(0,r.Z)(b,2),S=w[0],P=w[1];(0,a.useEffect)((function(){var t=!0;return v?(P(!0),v.promise.then((function(i){t&&y(i.reversingCheck)})).catch((function(t){M.error(new Z.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&P(!1)}))):y(null),function(){t=!1}}),[v]);return v?S?(0,F.jsx)("div",{className:d()(I.Nh,I.V_),children:(0,F.jsx)("div",{className:I.lY})}):C&&C.hasReversingChanges?"BLOCK"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.IN,I.A4),onClick:function handleBlockedClick(t){var i;t.stopPropagation();var o=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(i=l.actions)||void 0===i||i.openModal({title:f("configurator.reverseCheck.blocked.title"),text:f("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,F.jsx)(c.Z,{className:I.tL,id:"blocked-icon"})}):"WARN"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var a=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:f("configurator.reverseCheck.warning.title"),text:f("configurator.reverseCheck.warning.text",{options:a}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(i,void 0,o)}})},children:(0,F.jsx)(u.Z,{className:I.tO})}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{})}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),m=o(90569),f=o.n(m),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),y=o(44589),b=o.n(y),w=o(75581),S={};S.styleTagTransform=b(),S.setAttributes=x(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const j=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,m=t.height,f=void 0===m?40:m,v=t.width,x=void 0===v?80:v,g=t.handleDiameter,C=void 0===g?32:g,y=t.toggleTextClassName,b=void 0===y?w.f6:y,S=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,P.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,P.jsx)("div",{className:a()(b),id:"yes",children:c}):(0,P.jsx)(P.Fragment,{}),uncheckedIcon:u?(0,P.jsx)("div",{className:a()(b),id:"no",children:u}):(0,P.jsx)(P.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:S,offColor:p?S:"#CACACA",height:f,width:x,handleDiameter:C})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>g});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(63762),c=o(98763),u=o(88683),p=o(98544),m=o(48657),f=o(68101),v=o(47514),x=(0,u.getLogger)("Planner","ToggleName");const g=function ToggleName(t){var i,o,r,u=t.item,g=t.paletteId,C=t.style,y=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,v.jsx)(v.Fragment,{});for(var w=0;w<b.length;w++){var S,P;null!==(S=b[w].codex)&&void 0!==S&&S.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 x.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,v.jsx)(v.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,v.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:C,children:[(0,v.jsxs)("div",{className:a()(l.Fl,l.TN,l.u2),onClick:function onClick(){y.paletteViewHandler.clickedOnConfigPalette(r,void 0,g)},children:[void 0!==r.pricePreviewPromise&&(0,v.jsx)(m.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,v.jsx)("div",{className:j?void 0:l.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,v.jsx)("div",{className:a()(l.Fl,l.ZN),children:(0,v.jsx)(c.default,{onChange:function onChange(){y.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,g)},val:u,alwaysActiveColor:!0,state:j})}),(0,v.jsxs)("div",{className:a()(l.Fl,l.TN,l.u2),onClick:function onClick(){y.paletteViewHandler.clickedOnConfigPalette(o,void 0,g)},children:[void 0!==o.pricePreviewPromise&&(0,v.jsx)(m.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),void 0!==o.checkForReversingChanges&&(0,v.jsx)(f.default,{item:o,paletteId:g}),(0,v.jsx)("div",{className:j?l.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,v.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>f,Oq:()=>m,ZP:()=>g,al:()=>x,dA:()=>p,fL:()=>v,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",m="index-module--fLFjU",f="index-module--nTN4r",v="index-module--FaRqp",x="index-module--oBSZj";const g=d},8907:(t,i,o)=>{o.d(i,{F2:()=>m,ZP:()=>v,aH:()=>c,ai:()=>u,pn:()=>f,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\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--bd6dC {\n  opacity: 1;\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--FqlZz",p="index-module--zI2ES",m="index-module--kN6Sz",f="index-module--bd6dC";const v=d},8441:(t,i,o)=>{o.d(i,{A4:()=>p,IN:()=>u,J9:()=>g,Nh:()=>c,V_:()=>m,ZP:()=>C,lY:()=>f,tL:()=>v,tO:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",m="index-module--CTeV9",f="index-module--j1YrR",v="index-module--bG0Fi",x="index-module--Ej4oh",g="index-module--lFAqA";const C=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>m,ZN:()=>f,ZP:()=>g,eR:()=>u,pA:()=>x,u2:()=>v});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());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",m="index-module--BYNhM",f="index-module--NNRCj",v="index-module--z1OwD",x="index-module--PkMF3";const g=d},550:(t,i,o)=>{o.d(i,{Fl:()=>C.Fl,O7:()=>C.O7,TN:()=>C.TN,ZN:()=>C.ZN,eR:()=>C.eR,pA:()=>C.pA,u2:()=>C.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),m=o.n(p),f=o(19216),v=o.n(f),x=o(44589),g=o.n(x),C=o(43078),y={};y.styleTagTransform=g(),y.setAttributes=m(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=v();a()(C.ZP,y),C.ZP&&C.ZP.locals&&C.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 a=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"})),l=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,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),m=Math.round((1-l)*u+l*p).toString(16);1===m.length&&(m="0"+m),d+=m}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=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:a?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,a=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&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,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,m=t.uncheckedIcon,f=t.checkedHandleIcon,v=t.uncheckedHandleIcon,x=t.boxShadow,g=t.activeBoxShadow,C=t.height,y=t.width,b=t.borderRadius,w=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"]),S=this.state,P=S.h,j=S.U,k=S.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:C/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:C,width:y,margin:Math.max(0,(this.t-C)/2),position:"relative",background:e(P,this.i,this.o,l,d),borderRadius:"number"==typeof b?b:C/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},Z={height:C,width:Math.min(1.5*C,y-(this.t+C)/2+1),position:"relative",opacity:(P-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},F={height:C,width:Math.min(1.5*C,y-(this.t+C)/2+1),position:"absolute",opacity:1-(P-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(P,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof b?b-1:"50%",position:"absolute",transform:"translateX("+P+"px)",top:Math.max(0,(C-this.t)/2),outline:0,boxShadow:k?g:x,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,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:Z},p),m&&r.createElement("div",{style:F},m)),r.createElement("div",{className:"react-switch-handle",style:M,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},v&&r.createElement("div",{style:E},v),f&&r.createElement("div",{style:T},f)),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}},w,{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:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,3601,8855],{59698:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(96177),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(96177),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(39916),l=t(22791),s=t(97843),a=t(80518),d=t(19596),c=t(14685),u=t(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=t(47514);const C=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:u="svg",fontSize:p="medium",htmlColor:x,inheritViewBox:v=!1,titleAccess:f,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:u,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:h,hasSvgAsChild:w},S={};v||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,m.jsxs)(C,{as:u,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,f?(0,m.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const x=p;function createSvgIcon(e,n){function Component(t,i){return(0,m.jsx)(x,{"data-testid":`${n}Icon`,ref:i,...t,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}},83601:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),u=t.n(c),m=t(19216),C=t.n(m),p=t(44589),x=t.n(p),v=t(23240),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=d().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=C();r()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=t(87363),g=t(30658),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const N=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),m=u[0],C=u[1],p=r.sel||m;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&m&&C(!1),e&&!m&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,y.jsx)("div",{className:v.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(v.hv,p?void 0:v.al,m?v.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:v.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,y.jsx)("path",{className:v.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,y.jsx)("div",{className:j()(v.dA,p?v.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.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,y.jsx)(y.Fragment,{})}))},58855:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(59698),a=t(45167),d=t(88683),c=t(30658),u=t(93379),m=t.n(u),C=t(7795),p=t.n(C),x=t(90569),v=t.n(x),f=t(3565),h=t.n(f),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),N={};N.styleTagTransform=S(),N.setAttributes=h(),N.insert=v().bind(null,"head"),N.domAPI=p(),N.insertStyleElement=w();m()(y.ZP,N);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(75874),b=t(47514),I=(0,d.getLogger)("Planner","ReverseCheck");const k=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),u=(0,d.useTranslation)().t,m=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,C=(0,o.useState)(null),p=(0,i.Z)(C,2),x=p[0],v=p[1],f=(0,o.useState)(!1),h=(0,i.Z)(f,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return m?(w(!0),m.promise.then((function(n){e&&v(n.reversingCheck)})).catch((function(e){I.error(new P.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[m]);return m?g?(0,b.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,b.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,b.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,b.jsx)(a.Z,{className:y.tO})}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{})}},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(30658),s=t(4878),a=t(88683),d=t(83601),c=t(63643),u=t(58855),m=t(47514),C=(0,a.getLogger)("Planner","ToggleName");const p=function ToggleName(e){var n,t,i,a=e.item,p=e.paletteId,x=e.style,v=(0,l.NP)(),f=a.groups[0].items;if(!f)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<f.length;h++){var g,w;null!==(g=f[h].codex)&&void 0!==g&&g.startsWith("OPVNEIN")&&(i=f[h]),null!==(w=f[h].codex)&&void 0!==w&&w.startsWith("OPVJA")&&(t=f[h])}if(!(i&&t||(2==f.length&&(i=f[0],t=f[1]),i&&t)))return C.warn("Achtung! Bei der Option: "+f[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==i.sel,S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,m.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(i,void 0,p)},children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,m.jsx)("div",{className:j?void 0:r.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,m.jsx)("div",{className:o()(r.Fl,r.ZN),children:(0,m.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,p)},val:a,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(t,void 0,p)},children:[void 0!==t.pricePreviewPromise&&(0,m.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,m.jsx)(u.default,{item:t,paletteId:p}),(0,m.jsx)("div",{className:j?r.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),S&&(0,m.jsx)(d.default,{item:S,style:{position:"relative"}},a.configStepKey)]})}},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>p,al:()=>C,dA:()=>d,fL:()=>m,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",C="index-module--oBSZj";const p=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>p,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>u,tL:()=>m,tO:()=>C});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",u="index-module--j1YrR",m="index-module--bG0Fi",C="index-module--Ej4oh",p="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>u,ZP:()=>p,eR:()=>a,pA:()=>C,u2:()=>m});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.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 s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",m="index-module--z1OwD",C="index-module--PkMF3";const p=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),u=t(19216),m=t.n(u),C=t(44589),p=t.n(C),x=t(43078),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=m();o()(x.ZP,v),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);

package/build/umd/8730.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8730.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8730],{98730:(n,e,t)=>{t.r(e),t.d(e,{default:()=>G});var i=t(65515),o=t.n(i),r=t(30658),a=t(9420),l=t(87363),d=t(88683),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),m=t(90569),x=t.n(m),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),y=t.n(b),k=t(92961),T={};T.styleTagTransform=y(),T.setAttributes=v(),T.insert=x().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=g();u()(k.ZP,T);k.ZP&&k.ZP.locals&&k.ZP.locals;var w=t(47514);const G=(0,a.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,r.NP)(),i=(0,d.useTranslation)().t,a=(0,l.useRef)(null),s=t.tabGroupState.curTabGroup;(0,l.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,a.current)}),[a]);var u=Object.keys(t.tabGroupState.allTabGroups),c=e.posNr==(null==s?void 0:s.posNr),p=u[u.length-1]==e.key;return(0,w.jsxs)("div",{className:o()(k.YS,t.uiState.isMobilePortrait?k.tW:void 0,t.uiState.isTablet?k.Mq:void 0,e.title==(null==s?void 0:s.title)&&c?k.F1:void 0),children:[(0,w.jsx)("div",{ref:a,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:o()(k.TI),children:i("configurator."+e.title,e.title)}),!p&&(0,w.jsx)("div",{className:k.Sf,children:(0,w.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n display: flex;\n align-items: center;\n float: left;\n height: 100%;\n}\n\n.index-module--LI7Li {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n font-size: 14px;\n font-weight: 300;\n white-space: nowrap;\n color: var(--diva-theme-palette-text-secondary);\n cursor: pointer;\n transition:\n color 0.2s ease-out,\n background-color 0.2s ease-out;\n line-height: 1;\n border: none;\n background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n font-size: 12px;\n padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n color: var(--diva-theme-palette-primary-main);\n background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n border-radius: 2px;\n}\n\n.index-module--UGxoh {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n width: 10px;\n height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);

package/build/umd/8730.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8730 /

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,6587],{76587:(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(63762),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(63762),l=i(76587),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,8429],{38429:(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(30658),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(30658),l=i(38429),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}}]);