npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.9.0-beta.35 → 25.9.0-beta.37 - Mend

@crystaldesign/diva-web-planner-react 25.9.0-beta.35 → 25.9.0-beta.37

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

Files changed (578) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8558.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,4514,3880],{38558:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(7097),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),g=t(62383),v=t(93379),A=t.n(v),w=t(7795),f=t.n(w),b=t(90569),h=t.n(b),m=t(3565),y=t.n(m),C=t(19216),S=t.n(C),D=t(44589),R=t.n(D),I=t(42044),P={};P.styleTagTransform=R(),P.setAttributes=y(),P.insert=h().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=S();A()(I.Z,P);I.Z&&I.Z.locals&&I.Z.locals;var x=t(14514),k=t(47514);const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),v=(0,d.useTranslation)().t,A=(0,s.useState)(!1),w=(0,o.Z)(A,2),f=w[0],b=w[1],h=(0,s.useState)(),m=(0,o.Z)(h,2),y=m[0],C=m[1],S=(0,s.useRef)(),D=(0,s.useState)([]),R=(0,o.Z)(D,2),I=R[0],P=R[1],L=(0,s.useRef)(!0),j=a.viewPlannerHandler.getPlannerViewConfig(),E=(0,d.useDivaCore)(),T=E.actions,U=E.state,K=U.apiConfig,O=U.isMobile,X=U.jwt,Y=U.isFirefox,W=U.dimensions,F=W.isTablet,B=W.isMobile||F,G=B&&a.uiState.AllConfig.arViewerIframe,J=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){T.loadModelViewer();var e=function messageListener(e){u.current&&"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.src=J,b(!1))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(G&&a.productState.doShowARQRCode&&S.current){u.current.style.zIndex="10000",u.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(S.current),e.onloadend=function(){var n,t=e.result;null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(I)&&P(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(T.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return T.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&T.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)(k.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,k.jsx)(x.default,{}),(0,k.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:O,elementsInfo:I,actions:T,inBackground:f,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:K,jwt:X,renderInBackground:!!G,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:j.posNumIcon,posTrashIcon:j.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB"},callbacks:{setGlb:B?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:G&&u.current&&n&&((t=new FileReader).readAsDataURL(n),t.onloadend=function(){var e,n=t.result;null===(e=u.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")}),C(e),S.current=n;case 3:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&T.openModal({title:v("configurator.missinggeo_title"),text:v("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),G&&(0,k.jsx)("iframe",{src:J,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"}}),y&&!G&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:y,ar:!0,"ar-scale":"fixed","ar-modes":Y?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:g})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),a=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}const i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,4514,3880],{38558:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(9733),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),g=t(62383),v=t(93379),A=t.n(v),w=t(7795),f=t.n(w),b=t(90569),h=t.n(b),m=t(3565),y=t.n(m),C=t(19216),S=t.n(C),D=t(44589),R=t.n(D),I=t(42044),P={};P.styleTagTransform=R(),P.setAttributes=y(),P.insert=h().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=S();A()(I.Z,P);I.Z&&I.Z.locals&&I.Z.locals;var x=t(14514),k=t(47514);const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),v=(0,d.useTranslation)().t,A=(0,s.useState)(!1),w=(0,o.Z)(A,2),f=w[0],b=w[1],h=(0,s.useState)(),m=(0,o.Z)(h,2),y=m[0],C=m[1],S=(0,s.useRef)(),D=(0,s.useState)([]),R=(0,o.Z)(D,2),I=R[0],P=R[1],L=(0,s.useRef)(!0),j=a.viewPlannerHandler.getPlannerViewConfig(),E=(0,d.useDivaCore)(),T=E.actions,U=E.state,K=U.apiConfig,O=U.isMobile,X=U.jwt,Y=U.isFirefox,W=U.dimensions,F=W.isTablet,B=W.isMobile||F,G=B&&a.uiState.AllConfig.arViewerIframe,J=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){T.loadModelViewer();var e=function messageListener(e){u.current&&"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.src=J,b(!1))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(G&&a.productState.doShowARQRCode&&S.current){u.current.style.zIndex="10000",u.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(S.current),e.onloadend=function(){var n,t=e.result;null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(I)&&P(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(T.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return T.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&T.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)(k.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,k.jsx)(x.default,{}),(0,k.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:O,elementsInfo:I,actions:T,inBackground:f,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:K,jwt:X,renderInBackground:!!G,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:j.posNumIcon,posTrashIcon:j.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB"},callbacks:{setGlb:B?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:G&&u.current&&n&&((t=new FileReader).readAsDataURL(n),t.onloadend=function(){var e,n=t.result;null===(e=u.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")}),C(e),S.current=n;case 3:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&T.openModal({title:v("configurator.missinggeo_title"),text:v("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),G&&(0,k.jsx)("iframe",{src:J,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"}}),y&&!G&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:y,ar:!0,"ar-scale":"fixed","ar-modes":Y?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:g})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),a=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}const i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -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(7097),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(7097),l=o(9420),s=(o(87363),o(26871)),r=o(73438),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(34988),u=o(65515),l=o.n(u),s=o(9420),r=o(87363),i=o(9733),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(9733),l=o(9420),s=(o(87363),o(26871)),r=o(73438),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 CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,187,8692,7261,537,1080],{87261:(t,i,o)=>{o.r(i),o.d(i,{default:()=>O});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(7097),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const O=(0,I.Pi)((function InfoIcon(t){var i,o,l,d=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(l=d.codex)&&void 0!==l?l:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),x=(0,r.Z)(m,2),C=x[0],v=x[1],g=d.sel||C;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&C&&v(!1),t&&!C&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,C?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:w.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},70537:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(80248),a=o(87363),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(57766),j=o(7097),k=o(88683),S=o(65515),I=o.n(S),N=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var O=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},E=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const M=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,l=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(O,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(E,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},40187:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});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),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,x=t.width,C=void 0===x?80:x,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{checkedIcon:c?(0,j.jsx)("div",{className:a()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:C,handleDiameter:g})}},88584:(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(7097),c=o(40187),u=o(9420),p=o(88683),f=o(57766),m=o(87261),x=o(70537),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const g=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,g=t.style,b=(0,d.NP)(),w=u.groups[0].items;if(!w)return(0,C.jsx)(C.Fragment,{});for(var y=0;y<w.length;y++){var P,j;null!==(P=w[y].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[y]),null!==(j=w[y].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[y])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return v.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,C.jsx)(C.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,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:g,children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,C.jsx)(c.default,{onChange:function onChange(){b.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,C.jsx)(x.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"})]}),k&&(0,C.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:()=>v,al:()=>C,dA:()=>p,fL:()=>x,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}\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",x="index-module--FaRqp",C="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>x});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",x="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),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),x=o.n(m),C=o(44589),v=o.n(C),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();a()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var 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,x=t.uncheckedHandleIcon,C=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.U,S=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,l,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:C,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},Z={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className: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:O},p),f&&r.createElement("div",{style:E},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},x&&r.createElement("div",{style:D},x),m&&r.createElement("div",{style:Z},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,187,8692,7261,537,1080],{87261:(t,i,o)=>{o.r(i),o.d(i,{default:()=>O});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(9733),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const O=(0,I.Pi)((function InfoIcon(t){var i,o,l,d=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(l=d.codex)&&void 0!==l?l:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),x=(0,r.Z)(m,2),C=x[0],v=x[1],g=d.sel||C;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&C&&v(!1),t&&!C&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,C?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:w.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},70537:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(80248),a=o(87363),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(57766),j=o(9733),k=o(88683),S=o(65515),I=o.n(S),N=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var O=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},E=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const M=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,l=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(O,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(E,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},40187:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});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),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,x=t.width,C=void 0===x?80:x,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{checkedIcon:c?(0,j.jsx)("div",{className:a()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:C,handleDiameter:g})}},88584:(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(9733),c=o(40187),u=o(9420),p=o(88683),f=o(57766),m=o(87261),x=o(70537),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const g=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,g=t.style,b=(0,d.NP)(),w=u.groups[0].items;if(!w)return(0,C.jsx)(C.Fragment,{});for(var y=0;y<w.length;y++){var P,j;null!==(P=w[y].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[y]),null!==(j=w[y].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[y])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return v.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,C.jsx)(C.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,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:g,children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,C.jsx)(c.default,{onChange:function onChange(){b.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,C.jsx)(x.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"})]}),k&&(0,C.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:()=>v,al:()=>C,dA:()=>p,fL:()=>x,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}\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",x="index-module--FaRqp",C="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>x});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",x="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),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),x=o.n(m),C=o(44589),v=o.n(C),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();a()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var 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,x=t.uncheckedHandleIcon,C=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.U,S=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,l,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:C,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},Z={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className: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:O},p),f&&r.createElement("div",{style:E},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},x&&r.createElement("div",{style:D},x),m&&r.createElement("div",{style:Z},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon: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 CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,187,8692,1080],{70859:(t,i,o)=>{o.r(i),o.d(i,{default:()=>d});o(87363);var a=o(57766),r=o(7097),l=o(40187),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.ZP.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)}},40187:(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),b=o.n(m),y=o(19216),g=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=b(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();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,b=void 0===m?80:m,y=t.handleDiameter,g=void 0===y?32:y,x=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:r()(k.f6,k.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(k.f6,k.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:x,offColor:p?x:"#CACACA",height:v,width:b,handleDiameter:g})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=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,b=t.boxShadow,y=t.activeBoxShadow,g=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:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:g,width:x,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:g/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:g,width:Math.min(1.5*g,x-(this.t+g)/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:g,width:Math.min(1.5*g,x-(this.t+g)/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,(g-this.t)/2),outline:0,boxShadow:M?y:b,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"},P={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"},H={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:P},m),v&&a.createElement("div",{style:H},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,187,8692,1080],{70859:(t,i,o)=>{o.r(i),o.d(i,{default:()=>d});o(87363);var a=o(57766),r=o(9733),l=o(40187),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.ZP.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)}},40187:(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),b=o.n(m),y=o(19216),g=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=b(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();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,b=void 0===m?80:m,y=t.handleDiameter,g=void 0===y?32:y,x=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:r()(k.f6,k.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(k.f6,k.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:x,offColor:p?x:"#CACACA",height:v,width:b,handleDiameter:g})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=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,b=t.boxShadow,y=t.activeBoxShadow,g=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:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:g,width:x,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:g/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:g,width:Math.min(1.5*g,x-(this.t+g)/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:g,width:Math.min(1.5*g,x-(this.t+g)/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,(g-this.t)/2),outline:0,boxShadow:M?y:b,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"},P={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"},H={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:P},m),v&&a.createElement("div",{style:H},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/8615.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 8615.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8615],{78615:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(7097),l=i(9420),o=i(93379),r=i.n(o),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,l.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),l=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,o=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,l?v.zh:void 0,o?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),l&&!o&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>o,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),l=i.n(a)()(d());l.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var o="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8615],{78615:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(9733),l=i(9420),o=i(93379),r=i.n(o),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,l.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),l=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,o=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,l?v.zh:void 0,o?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),l&&!o&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>o,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),l=i.n(a)()(d());l.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var o="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(51602),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=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,"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){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;c.canvas.width&&c.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: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.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),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.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}),[{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","ACC_PLANNER"].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"].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),r=o(43860),n=o(80248),i=o(63846),s=o(51602),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=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,"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){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,P=!1;c.canvas.width&&c.canvas.width<500&&(m=17,v=7,P=!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: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&P&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&P&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var D=c.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),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),D}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}),[{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","ACC_PLANNER","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:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8717.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,187,8692,7261,537,1080],{87261:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(7097),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const M=(0,I.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:w.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},70537:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(57766),j=o(7097),k=o(88683),S=o(65515),I=o.n(S),N=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var M=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},40187:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(7097),c=o(40187),u=o(88683),p=o(87261),f=o(70537),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",C="index-module--z1OwD",x="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var l=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),a=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:l?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,r=i.h,l=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,l=i.L,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&o>=d)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.U,S=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},C&&r.createElement("div",{style:D},C),m&&r.createElement("div",{style:E},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,187,8692,7261,537,1080],{87261:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(9733),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const M=(0,I.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:w.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},70537:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(57766),j=o(9733),k=o(88683),S=o(65515),I=o.n(S),N=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var M=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},40187:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(9733),c=o(40187),u=o(88683),p=o(87261),f=o(70537),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",C="index-module--z1OwD",x="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var l=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),a=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:l?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,r=i.h,l=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,l=i.L,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&o>=d)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,k=P.U,S=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},C&&r.createElement("div",{style:D},C),m&&r.createElement("div",{style:E},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},y,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,1699],{11699:(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(7097),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(7097),l=i(11699),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,1699],{11699:(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(9733),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(9733),l=i(11699),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}}]);