@crystaldesign/diva-web-planner-react 25.7.0-beta.17 → 25.7.0-beta.19

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7266.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7266],{27266:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(90050),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7266],{27266:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(18696),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8117.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8117],{78117:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var l=t(34988),o=t(87363),i=t(65515),a=t.n(i),c=t(90050),r=t(22976),u=t.n(r),d=t(91923),s=t(47514),p=new c.FM(0,0);const v=function Move3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,o.useState)(!1),r=(0,l.Z)(i,2),v=r[0],g=r[1],f=(0,o.useRef)(null),m=!1,D=(0,d.NP)();return(0,s.jsx)(u(),{handle:".handle3DMove",nodeRef:f,onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)g(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var l,o,i,a=null!==(l=D.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().left?D.productState.planner3DGridElement.getBoundingClientRect().left:0,r=null!==(o=D.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?D.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=n.onDragMoveFunction)||void 0===i||i.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-a,e.clientY-r)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=n.onDragMoveFunction)||void 0===u||u.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-r)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(g(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:f,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DMove",t.classes.buttonGeneral,t.classes.move3DGrid.move3DGrid)})})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8117],{78117:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var l=t(34988),o=t(87363),i=t(65515),a=t.n(i),c=t(18696),r=t(22976),u=t.n(r),d=t(91923),s=t(47514),p=new c.FM(0,0);const v=function Move3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,o.useState)(!1),r=(0,l.Z)(i,2),v=r[0],g=r[1],f=(0,o.useRef)(null),m=!1,D=(0,d.NP)();return(0,s.jsx)(u(),{handle:".handle3DMove",nodeRef:f,onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)g(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var l,o,i,a=null!==(l=D.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().left?D.productState.planner3DGridElement.getBoundingClientRect().left:0,r=null!==(o=D.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?D.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=n.onDragMoveFunction)||void 0===i||i.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-a,e.clientY-r)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=n.onDragMoveFunction)||void 0===u||u.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-r)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(g(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:f,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DMove",t.classes.buttonGeneral,t.classes.move3DGrid.move3DGrid)})})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8327.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),j=t.n(P),k=t(77452),C=t(69001),B=t(78485),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),j=t.n(P),k=t(77452),C=t(69001),B=t(48545),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8445.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(90050),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(18696),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 8545.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8545],{48545:(e,n,t)=>{t.r(n),t.d(n,{default:()=>xe});var i=t(9420),r=t(88683),o=t(87363),a=t(47514);function processContentItemLinks(e,n){return e.includes("<")?{type:"html",content:processHtmlContent(e,n)}:{type:"react",content:processPlainTextContent(e,n)}}function processHtmlContent(e,n){return e.replace(/@\[(id|codex):([\w-]+)\](?:\((.*?)\))?/g,(function(e,n,t,i){var r=i||t;return'<a class="content-item-link" data-content-item-'.concat(n,'="').concat(t,'">').concat(r,"</a>")}))}function processPlainTextContent(e,n){for(var t,i=/@\[(id|codex):([\w-]+)\](?:\((.*?)\))?/g,r=[],o=0,s=function _loop(){t.index>o&&r.push(e.substring(o,t.index));var s=t[1],d=t[2],l=t[3]||d;r.push((0,a.jsx)("a",{className:"content-item-link","data-content-item-id":"id"===s?d:void 0,"data-content-item-codex":"codex"===s?d:void 0,onClick:function onClick(e){e.preventDefault(),n({id:"id"===s?d:void 0,codex:"codex"===s?d:void 0})},children:l},t.index)),o=i.lastIndex};null!==(t=i.exec(e));)s();return o<e.length&&r.push(e.substring(o)),r}var s=t(80248),d=t(93379),l=t.n(d),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),w=t(3565),g=t.n(w),x=t(19216),v=t.n(x),f=t(44589),h=t.n(f),b=t(3842),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;const j=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,a.jsx)("a",{className:b.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,a.jsx)(a.Fragment,{})};var N=t(74787),I={};I.styleTagTransform=h(),I.setAttributes=g(),I.insert=m().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=v();l()(N.ZP,I);N.ZP&&N.ZP.locals&&N.ZP.locals;function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=function Image(e){var n=e.item,t=n.image,i=n.cover,o=n.style,s=n.altText,d=n.thumb,l=n.inGallery,c=n.disableFullscreen,u=e.inFullscreen,p={},m=(0,r.useDivaCore)().actions.openFullscreen;if(!t)return(0,a.jsx)(a.Fragment,{});var w=new URL(t),g=!d&&s,x=!(l||u||c||d);i?(p.objectFit="cover",p.minWidth="100%",p.minHeight=g&&l?"calc(100% - 48px)":"100%"):(p.maxWidth="100%",p.maxHeight=g&&l?"calc(100% - 48px)":"100%");var v=(0,a.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},p),o),src:w.toString()});return x&&(v=(0,a.jsxs)("div",{className:N.tT,style:p,children:[(0,a.jsx)("div",{className:N.yg,onClick:function openFullscreenClick(){m({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsx)("div",{id:"diva-content-item",className:N.S2,children:(0,a.jsx)(M,{item:{image:t,cover:i,style:o,altText:s,thumb:d,type:"Image"},inFullscreen:!0})})})}}),v]})),g?(0,a.jsxs)("div",{className:N.kW,style:l?{height:"100%"}:void 0,children:[v,(0,a.jsx)("div",{className:N.fL,children:s})]}):v};const C=M;var D=t(91306),L={};L.styleTagTransform=h(),L.setAttributes=g(),L.insert=m().bind(null,"head"),L.domAPI=u(),L.insertStyleElement=v();l()(D.ZP,L);D.ZP&&D.ZP.locals&&D.ZP.locals;const z=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,a.jsx)(a.Fragment,{});if(t.includes("youtube.com")||t.includes("youtu.be")){if(i)return(0,a.jsx)("div",{className:D.E0});var r=new URL(t);return r.searchParams.set("autoplay","1"),r.searchParams.set("modestbranding","1"),r.searchParams.set("rel","0"),r.searchParams.set("controls","1"),r.searchParams.set("amp",""),(0,a.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:r.toString(),referrerPolicy:"strict-origin-when-cross-origin",allow:"autoplay; gyroscope; picture-in-picture"},t)}return(0,a.jsx)("video",{className:D.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,a.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})},t)};var S=t(75048),T={};T.styleTagTransform=h(),T.setAttributes=g(),T.insert=m().bind(null,"head"),T.domAPI=u(),T.insertStyleElement=v();l()(S.Z,T);S.Z&&S.Z.locals&&S.Z.locals;var O=t(12952),k=t(34988);function useContentItemNavigator_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function useContentItemNavigator_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?useContentItemNavigator_ownKeys(Object(t),!0).forEach((function(n){(0,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):useContentItemNavigator_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=t(5304),P={};P.styleTagTransform=h(),P.setAttributes=g(),P.insert=m().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();l()(A.ZP,P);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=(0,o.createContext)(void 0);function useContentItemNavigation(){var e=(0,o.useContext)(Z);if(!e)throw new Error("useContentItemNavigation must be used within a ContentItemNavigator");return e}function ContentItemNavigator(e){var n=e.initialItemId,t=e.initialItemCodex,i=e.initialItemConfiguration,r=e.children,s=function useContentItemNavigator(e){var n=e.initialItemId,t=e.initialItemCodex,i=e.initialItemConfiguration,r=(0,o.useState)({current:{id:n,codex:t,configuration:i},history:[]}),a=(0,k.Z)(r,2),s=a[0],d=a[1];(0,o.useEffect)((function(){d({current:{id:n,codex:t,configuration:i},history:[]})}),[n,t,i]);var l=(0,o.useCallback)((function(e){(e.id||e.codex)&&d((function(n){return{current:e,history:[].concat((0,O.Z)(n.history),[n.current])}}))}),[]),c=(0,o.useCallback)((function(){d((function(e){return 0===e.history.length?e:{current:e.history[e.history.length-1],history:e.history.slice(0,-1)}}))}),[]),u=(0,o.useCallback)((function(e){d((function(n){return useContentItemNavigator_objectSpread(useContentItemNavigator_objectSpread({},n),{},{current:useContentItemNavigator_objectSpread(useContentItemNavigator_objectSpread({},n.current),{},{title:e})})}))}),[]);return{contextValue:(0,o.useMemo)((function(){return{navigateTo:l,onContentItemLoaded:u,canGoBack:s.history.length>0,currentContentItem:s.current}}),[s.current,s.history.length]),navigateBack:c}}({initialItemId:n,initialItemCodex:t,initialItemConfiguration:i}),d=s.contextValue,l=s.navigateBack;return(0,a.jsx)(Z.Provider,{value:d,children:(0,a.jsxs)("div",{className:A.ry,id:"diva-content-item-navigator",children:[d.canGoBack&&(0,a.jsx)("button",{className:A.Rw,onClick:l,id:"diva-content-item-back-button","aria-label":"Go back"}),r]})})}const E=function Title(e){var n=e.item,t=n.text,i=n.style,r=useContentItemNavigation().navigateTo;if(!t)return(0,a.jsx)(a.Fragment,{});var o=processContentItemLinks(t,r);return(0,a.jsx)("h4",{className:S.T,style:i,children:o.content})};var Q=t(299),U={};U.styleTagTransform=h(),U.setAttributes=g(),U.insert=m().bind(null,"head"),U.domAPI=u(),U.insertStyleElement=v();l()(Q.Z,U);Q.Z&&Q.Z.locals&&Q.Z.locals;var _=t(37707),Y=t(31964),F=t(4010),B={};B.styleTagTransform=h(),B.setAttributes=g(),B.insert=m().bind(null,"head"),B.domAPI=u(),B.insertStyleElement=v();l()(F.ZP,B);F.ZP&&F.ZP.locals&&F.ZP.locals;function Gallery_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Gallery_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Gallery_ownKeys(Object(t),!0).forEach((function(n){(0,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Gallery_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var G=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=n.disableFullscreen,d=n.initIndex,l=e.inFullscreen,c=(0,o.useState)(null),u=(0,k.Z)(c,2),p=u[0],m=u[1],w=(0,o.useState)(null),g=(0,k.Z)(w,2),x=g[0],v=g[1],f=(0,r.useDivaCore)().actions.openFullscreen;if(0==t.length)return(0,a.jsx)(a.Fragment,{});if(1==t.length)return(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},t[0]),{disableFullscreen:s})});return(0,a.jsxs)("div",{id:"DivaContentItemGallery",style:Gallery_objectSpread(Gallery_objectSpread({},i),{},{position:"relative"}),className:"diva-stop-swipe-detection",children:[!l&&!s&&(0,a.jsx)("div",{className:F.yg,onClick:function openFullscreenClick(){f({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsxs)("div",{id:"diva-content-item",className:F.S2,children:[(0,a.jsx)(G,{item:{content:t,wrappingStyle:i,type:"Gallery",initIndex:null==x?void 0:x.activeIndex},inFullscreen:!0}),","]})})}}),(0,a.jsx)(_.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,onSwiper:v,thumbs:{swiper:p&&!p.destroyed?p:null},modules:[Y.Rv,Y.W_,Y.o3],initialSlide:d,className:F.wn,children:t.map((function(e,n){return(0,a.jsx)(_.o5,{children:(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},e),{},{inGallery:!0})})},n)}))}),(0,a.jsx)(_.tq,{onSwiper:m,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[Y.Rv,Y.W_,Y.o3],className:F.pD,children:t.map((function(e,n){return(0,a.jsx)(_.o5,{children:(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},e),{},{thumb:!0})})},n)}))})]})};const R=G;const W=function RichText(e){var n=e.item,t=n.text,i=n.style,r=(0,o.useRef)(null),s=useContentItemNavigation().navigateTo,d=processContentItemLinks(t,s);return(0,o.useEffect)((function(){if(r.current){var e=r.current.querySelectorAll(".content-item-link"),n=new Map;return e.forEach((function(e){var t=function event(n){var t,i;n.preventDefault();var r=null!==(t=e.getAttribute("data-content-item-id"))&&void 0!==t?t:void 0,o=null!==(i=e.getAttribute("data-content-item-codex"))&&void 0!==i?i:void 0;(o||r)&&s({id:r,codex:o})};n.set(e,t),e.addEventListener("click",t)})),function(){n.forEach((function(e,n){n.removeEventListener("click",e)}))}}}),[d.content,s]),(0,a.jsx)("div",{ref:r,style:i,dangerouslySetInnerHTML:{__html:d.content}})};const K=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,a.jsx)("div",{style:t,children:i.map((function(e,n){return(0,a.jsx)(V,{item:e},n)}))})};const V=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,a.jsx)(R,{item:n});case"Image":return(0,a.jsx)(C,{item:n});case"RichText":return(0,a.jsx)(W,{item:n});case"Title":return(0,a.jsx)(E,{item:n});case"URL":return(0,a.jsx)(j,{item:n});case"Video":return(0,a.jsx)(z,{item:n});case"Wrapper":return(0,a.jsx)(K,{item:n})}throw new Error("unkonwn type: "+n.type)};var H=t(84658),X=t(50747),J=t.n(X),q=t(47714);const $=function useContentItem(e){var n=e.onContentItemLoaded,t=(0,r.useDivaCore)().state,i=t.apiConfig,a=t.jwt,s=(0,r.useTranslation)().i18n,d=useContentItemNavigation(),l=d.currentContentItem,c=l.id,u=l.codex,p=l.configuration,m=d.onContentItemLoaded,w=(0,o.useState)(null!=p?p:{content:[]}),g=(0,k.Z)(w,2),x=g[0],v=g[1],f=(0,o.useDeferredValue)(x),h=(0,o.useTransition)(),b=(0,k.Z)(h,2),y=b[0],j=b[1],N=(0,o.useState)(!0),I=(0,k.Z)(N,2),M=I[0],C=I[1],D=(0,o.useState)(null),L=(0,k.Z)(D,2),z=L[0],S=L[1];return(0,o.useEffect)((function(){(c||u)&&(C(!0),S(null),function getContentItem(e,n,t,i){return _getContentItem.apply(this,arguments)}(i.catalogService,a,null!=c?c:u,s.language).then((function(e){j((function(){v(e);var t=e.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text}));null==n||n(t[0]),m(t[0])}))})).catch((function(e){S(e)})).finally((function(){C(!1)})))}),[c,u]),(0,o.useEffect)((function(){p&&(j((function(){v(p);var e=p.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text}));null==n||n(e[0]),m(e[0])})),S(null),C(!1))}),[p]),{configuration:x,deferredConfiguration:f,loading:M||y,error:z}};function _getContentItem(){return(_getContentItem=(0,H.Z)(J().mark((function _callee(e,n,t,i){var o,a,s,d;return J().wrap((function _callee$(l){for(;;)switch(l.prev=l.next){case 0:return o=e+"/contentItems/"+t+"?language="+i,l.prev=1,l.next=4,q.Z.get(o,{headers:{Authorization:"Bearer "+n}});case 4:if(a=l.sent,s=a.data,200===a.status){l.next=8;break}throw new r.DivaError(s.error||"Failed to get content item");case 8:return l.abrupt("return",s);case 11:if(l.prev=11,l.t0=l.catch(1),!q.Z.isAxiosError(l.t0)){l.next=15;break}throw new r.DivaError((null===(d=l.t0.response)||void 0===d||null===(d=d.data)||void 0===d?void 0:d.error)||"Could not get content item",{cause:l.t0});case 15:throw new r.DivaError("Could not get content item",{cause:l.t0});case 16:case"end":return l.stop()}}),_callee,null,[[1,11]])})))).apply(this,arguments)}var ee=t(28251),ne={};ne.styleTagTransform=h(),ne.setAttributes=g(),ne.insert=m().bind(null,"head"),ne.domAPI=u(),ne.insertStyleElement=v();l()(ee.Z,ne);ee.Z&&ee.Z.locals&&ee.Z.locals;function ErrorBox(e){var n=e.error;return(0,a.jsxs)("div",{className:ee.v,id:"diva-content-item-error-box",children:["Error: ",n.message||"An error occurred"]})}var te=t(9269),ie={};ie.styleTagTransform=h(),ie.setAttributes=g(),ie.insert=m().bind(null,"head"),ie.domAPI=u(),ie.insertStyleElement=v();l()(te.ZP,ie);te.ZP&&te.ZP.locals&&te.ZP.locals;function Loader(){return(0,a.jsx)("div",{className:te._m,id:"diva-content-item-loader",children:(0,a.jsx)("div",{})})}var re=t(65515),oe=t.n(re),ae=t(47950),se={};se.styleTagTransform=h(),se.setAttributes=g(),se.insert=m().bind(null,"head"),se.domAPI=u(),se.insertStyleElement=v();l()(ae.ZP,se);ae.ZP&&ae.ZP.locals&&ae.ZP.locals;const de=function ContentItems(e){var n,t=$(e),i=t.deferredConfiguration,r=t.loading,o=t.error;return(0,a.jsxs)("div",{className:ae.ZC,id:"diva-content-item",children:[r&&(0,a.jsx)(Loader,{}),(0,a.jsxs)("div",{className:oe()(ae.Fh,(0,s.Z)({},ae.V_,r)),children:[o&&(0,a.jsx)(ErrorBox,{error:o}),null===(n=i.content)||void 0===n?void 0:n.map((function(e,n){return(0,a.jsx)(V,{item:e},n)}))]})]})};var le=function ContentItemComponent(e){return(0,a.jsx)(ContentItemNavigator,{initialItemId:e.contentItemId,initialItemCodex:e.contentItemCodex,initialItemConfiguration:e.configuration,children:(0,a.jsx)(de,{onContentItemLoaded:e.onContentItemLoaded,wrapperStyle:e.wrapperStyle})})},ce=t(91923),ue=t(12299),pe={};pe.styleTagTransform=h(),pe.setAttributes=g(),pe.insert=m().bind(null,"head"),pe.domAPI=u(),pe.insertStyleElement=v();l()(ue.ZP,pe);ue.ZP&&ue.ZP.locals&&ue.ZP.locals;var me=t(22976),we=t.n(me),ge=(0,r.getLogger)("Planner","InfoBox");const xe=(0,i.Pi)((function ContentItemWrapper(e){var n,t=e.id,i=e.startPos,s=void 0===i?"left":i,d=e.noWrapper,l=(0,r.useDivaCore)().actions,c=l.openSideMenu,u=l.closeSideMenu,p=(0,o.useRef)(null),m=(0,ce.NP)();if((0,o.useEffect)((function(){t&&m.getIsInMobileView()&&c({side:"left",onClose:function onClose(){m.settingsState.setContentItemId(),u()},open:!0,content:(0,a.jsx)("div",{className:oe()(ue.ai),children:(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}})})})}),[t]),m.getIsInMobileView())return(0,a.jsx)(a.Fragment,{});if(d)return(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}});var w=null===(n=m.productState.productElement)||void 0===n?void 0:n.getBoundingClientRect();return(0,a.jsx)(we(),{nodeRef:p,handle:".handle",bounds:"parent",defaultPosition:"right"==s?{x:null!=w&&w.width?(null==w?void 0:w.width)-508:0,y:0}:void 0,children:(0,a.jsxs)("div",{ref:p,className:ue.YS,style:{maxHeight:null!=w&&w.height&&w.height<720?(null==w?void 0:w.height)-20:700},children:[(0,a.jsxs)("div",{className:ue.Fs,children:[(0,a.jsx)("div",{className:oe()("handle",ue.pr)}),(0,a.jsx)("div",{className:ue.UF,onClick:function onClick(){return m.settingsState.setContentItemId()}})]}),(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}})]})})}))},5304:(e,n,t)=>{t.d(n,{Rw:()=>d,ZP:()=>l,ry:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--eliSU {\n  position: relative;\n  width: 100%;\n}\n\n.index-module--E0Oqn {\n  position: absolute;\n  top: 12px;\n  left: 8px;\n  z-index: 2;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  color: #666;\n  transition: color 0.2s ease;\n  border-radius: 50%;\n  width: 34px;\n  height: 34px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 4px;\n}\n.index-module--E0Oqn:after {\n  content: '←';\n  display: block;\n  text-align: center;\n}\n\n.index-module--E0Oqn:hover {\n  color: #333;\n  background-color: rgba(0, 0, 0, 0.05);\n}\n",""]);var s="index-module--eliSU",d="index-module--E0Oqn";const l=a},47950:(e,n,t)=>{t.d(n,{Fh:()=>d,V_:()=>l,ZC:()=>s,ZP:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--BscFv {\n  min-height: 60px;\n  position: relative;\n  width: 100%;\n  padding-left: 40px;\n}\n\n.index-module--eScDq {\n  transition: opacity 0.2s ease-in-out;\n}\n.index-module--eScDq.index-module--IUOxd {\n  opacity: 0.5;\n}\n",""]);var s="index-module--BscFv",d="index-module--eScDq",l="index-module--IUOxd";const c=a},28251:(e,n,t)=>{t.d(n,{Z:()=>d,v:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--QKTj_ {\n  color: red;\n  text-align: center;\n  padding: 20px;\n  border: 1px solid red;\n  background-color: #ffeeee;\n  border-radius: 4px;\n}\n",""]);var s="index-module--QKTj_";const d=a},4010:(e,n,t)=>{t.d(n,{S2:()=>p,ZP:()=>x,pD:()=>g,wn:()=>w,yg:()=>m});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(60754),t.b),c=a()(r()),u=d()(l);c.push([e.id,"#diva-content-item .swiper {\n  width: 100%;\n  height: 100%;\n}\n#diva-content-item .swiper-slide {\n  text-align: center;\n  font-size: 18px;\n  background: #fff;\n\n  /* Center slide text vertically */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--IoD5D {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 2000005;\n}\n\n.index-module--gCweM {\n  cursor: pointer;\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 16px;\n  right: 8px;\n  border-radius: 3px;\n  z-index: 1000;\n  background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+u+");\n}\n\n.mobile #diva-content-item .swiper-slide {\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n\n#diva-content-item .swiper {\n  width: 100%;\n  height: 350px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.diva-fullscreen #DivaContentItemGallery {\n  height: 90% !important;\n  width: 90% !important;\n}\n\n.diva-fullscreen #diva-content-item .index-module--OxIZN {\n  height: 100%;\n}\n\n#diva-content-item .swiper-slide {\n  background-size: cover;\n  background-position: center;\n}\n#diva-content-item .index-module--OxIZN {\n  height: 80%;\n  width: 100%;\n}\n#diva-content-item .index-module--rtXCE {\n  height: 20%;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide {\n  width: 25%;\n  height: 100%;\n  opacity: 0.4;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide-thumb-active {\n  opacity: 1;\n}\n",""]);var p="index-module--IoD5D",m="index-module--gCweM",w="index-module--OxIZN",g="index-module--rtXCE";const x=c},74787:(e,n,t)=>{t.d(n,{S2:()=>x,ZP:()=>v,fL:()=>m,kW:()=>p,tT:()=>w,yg:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(60754),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--BWa4l {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  justify-content: center;\n  position: relative;\n}\n\n.index-module--g4vSg {\n  overflow: auto;\n  text-align: center;\n  font-size: 14px;\n}\n\n.index-module--XtLKV {\n  position: relative;\n}\n\n.index-module--ldjKX {\n  cursor: pointer;\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 16px;\n  right: 8px;\n  border-radius: 3px;\n  z-index: 1000;\n  background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+u+");\n}\n\n.index-module--zw0KV {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 2000005;\n}\n",""]);var p="index-module--BWa4l",m="index-module--g4vSg",w="index-module--XtLKV",g="index-module--ldjKX",x="index-module--zw0KV";const v=c},9269:(e,n,t)=>{t.d(n,{ZP:()=>d,_m:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--tWTgE {\n  width: 100%;\n  height: 4px;\n  background-color: #f3f3f3;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--tWTgE div {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  background-color: #3498db;\n  animation: index-module--FDAPU 1s infinite ease-in-out;\n}\n\n@keyframes index-module--FDAPU {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n",""]);var s="index-module--tWTgE";const d=a},75048:(e,n,t)=>{t.d(n,{T:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var s="index-module--uEwKl";const d=a},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--JVQuz {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  text-align: right;\n  position: relative;\n  display: block;\n  width: 100%;\n}\n",""]);var s="index-module--JVQuz";const d=a},91306:(e,n,t)=>{t.d(n,{$s:()=>p,E0:()=>m,ZP:()=>w});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(81724),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--dsgPM {\n  width: 100%;\n  max-height: 100%;\n}\n\n.index-module--zjkX4 {\n  background: center / 75% no-repeat url("+u+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var p="index-module--dsgPM",m="index-module--zjkX4";const w=c},12299:(e,n,t)=>{t.d(n,{Fs:()=>m,UF:()=>g,YS:()=>p,ZP:()=>v,ai:()=>x,pr:()=>w});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(76380),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--iorwa {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.index-module--U836J {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.index-module--jHvNX {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.index-module--XBhn6 {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--XBhn6:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.index-module--sVOQy {\n  height: 100%;\n}\n",""]);var p="index-module--iorwa",m="index-module--U836J",w="index-module--jHvNX",g="index-module--XBhn6",x="index-module--sVOQy";const v=c},299:(e,n,t)=>{t.d(n,{Z:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(64197),t.b),c=a()(r()),u=d()(l);c.push([e.id,"/*Free mode*/\n#diva-content-item .swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n:root {\n  --swiper-navigation-size: 44px;\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(44px / 44 * 27);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: 44px;\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (44px / 2));\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#diva-content-item .swiper-button-next.swiper-button-disabled,\n#diva-content-item .swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-button-next.swiper-button-hidden,\n#diva-content-item .swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-navigation-disabled .swiper-button-next,\n#diva-content-item .swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  text-transform: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: 44px;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n#diva-content-item .swiper-button-prev,\n#diva-content-item .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n#diva-content-item .swiper-button-prev:after,\n#diva-content-item .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n#diva-content-item .swiper-button-lock {\n  display: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n:root {\n  --swiper-theme-color: #007aff;\n}\n#diva-content-item .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n#diva-content-item .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n#diva-content-item .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n#diva-content-item .swiper-android .swiper-slide,\n#diva-content-item .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n#diva-content-item .swiper-pointer-events {\n  touch-action: pan-y;\n}\n#diva-content-item .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n#diva-content-item .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n#diva-content-item .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n#diva-content-item .swiper-autoheight,\n#diva-content-item .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n#diva-content-item .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n#diva-content-item .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n#diva-content-item .swiper-3d,\n#diva-content-item .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n#diva-content-item .swiper-3d .swiper-cube-shadow,\n#diva-content-item .swiper-3d .swiper-slide,\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top,\n#diva-content-item .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n#diva-content-item .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n#diva-content-item .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n#diva-content-item .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);const p=c},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},60754:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFIMkMxLjQ0NzcyIDEgMSAxLjQ0NzcyIDEgMlYyMkMxIDIyLjU1MjMgMS40NDc3MiAyMyAyIDIzSDIxLjk5OTlDMjIuNTUyMiAyMyAyMi45OTk5IDIyLjU1MjMgMjIuOTk5OSAyMlYxMk0xNi4wMDc4IDFIMjEuOTk4OUMyMi41NTEyIDEgMjIuOTk4OSAxLjQ0NzcyIDIyLjk5ODkgMlY3Ljk5MTE0TTIyLjUwMDIgMS41TDEzLjMxOTUgMTAuNjgiIHN0cm9rZT0iIzRCNEI0QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

package/build/umd/8545.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:8545 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(90050),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(18696),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:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9979.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9979,1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),w=t(58069),y=t(14312),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},9979:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(1948),w=t(48930),y=t(58069),k=t(14312),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(91923),d=t(9420),s=t(63793),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(78485),j=t(47514),O=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9979,1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),w=t(58069),y=t(14312),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},9979:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(1948),w=t(48930),y=t(58069),k=t(14312),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(91923),d=t(9420),s=t(63793),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(48545),j=t(47514),O=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);