@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

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

@@ -1,2 +1,2 @@
 /*! For license information please see 858.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),r=o(87363),i=o(8135),a=o(47514),c=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,r.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],g=(0,i.NP)(),v=(0,i._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var P=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onTouchMove:function onTouchMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onMouseUp:function onMouseUp(n){p||d||P(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||P(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(12952),u=o(8135),l=o(9420),s=(o(87363),o(26871)),r=o(46881),i=o(47514);const a=(0,l.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),l=o.getItems(),a=o.getItemsOutline3D();return(0,i.jsxs)(i.Fragment,{children:[(0,t.Z)(l.keys()).map((function(n){return(0,t.Z)(l.get(n).keys()).map((function(o){return(0,i.jsx)(r.default,{plannerUIProps:e,items:l.get(n).get(o)},n+"_"+o)}))})),(0,i.jsx)(s.default,{items:a,plannerUIProps:e})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(38946),u=o(65515),l=o.n(u),s=o(9420),r=o(87363),i=o(63762),a=o(47514),c=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,r.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],g=(0,i.NP)(),v=(0,i._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var P=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onTouchMove:function onTouchMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onMouseUp:function onMouseUp(n){p||d||P(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||P(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(61965),u=o(63762),l=o(9420),s=(o(87363),o(26871)),r=o(46881),i=o(47514);const a=(0,l.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),l=o.getItems(),a=o.getItemsOutline3D();return(0,i.jsxs)(i.Fragment,{children:[(0,t.Z)(l.keys()).map((function(n){return(0,t.Z)(l.get(n).keys()).map((function(o){return(0,i.jsx)(r.default,{plannerUIProps:e,items:l.get(n).get(o)},n+"_"+o)}))})),(0,i.jsx)(s.default,{items:a,plannerUIProps:e})]})}))}}]);

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

@@ -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(8135),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(8135),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(8135),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(8135),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(8135),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,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(38946),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(38946),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(38946),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(38946),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}}}]);

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

@@ -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(8135),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,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}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8648.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8648],{88648:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(8135),i=(t(87363),t(58590)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8648,7295],{88648:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var t=o(38946),r=o(63762),a=o(87363),l=o(58590),d=o(93379),i=o.n(d),c=o(7795),s=o.n(c),m=o(90569),_=o.n(m),p=o(3565),u=o.n(p),b=o(19216),k=o.n(b),f=o(44589),v=o.n(f),g=o(73751),y={};y.styleTagTransform=v(),y.setAttributes=u(),y.insert=_().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=k();i()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var h=o(9420),x=o(47514);const w=(0,h.Pi)((function ArticleSelector(e){var n=(0,t.Z)(e.articleState,2),o=n[0],d=n[1],i=e.rerender,c=e.articles,s=e.filter,m=(0,r.NP)(),_=(0,a.useMemo)((function(){var e;return Object.values(null!==(e=m.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{})}),[m,i]),p=null!=c?c:s?_.filter(s):_,u=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return 0===u.length?null:(0,x.jsx)(l.ZP,{value:u.find((function(e){return e.value===(null==o?void 0:o.basketId)})),options:u,onChange:function onChange(e){d(p.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},73751:(e,n,o)=>{o.d(n,{Y:()=>d,Z:()=>i});var t=o(8081),r=o.n(t),a=o(23645),l=o.n(a)()(r());l.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var d="index-module--_Tl9c";const i=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8657.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8657,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(34988),i=t(88683),a=t(87363),o=t(7501),s=t(8135),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(34988),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(8135),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2,g.pn),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.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 s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8657,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(38946),i=t(88683),a=t(87363),o=t(7501),s=t(63762),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(38946),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(63762),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2,g.pn),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.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 s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);

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

@@ -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(89229),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

@@ -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(8135),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(8135),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(8135),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(8135),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(8135),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,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(38946),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(38946),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(38946),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(38946),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}}}]);

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

@@ -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(8135),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(8135),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,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}}]);