@crystaldesign/diva-web-planner-react 24.15.0-beta.31 → 24.15.0-beta.33

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3689.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3689],{83689:(e,t,i)=>{i.r(t),i.d(t,{default:()=>y});var n=i(13125),r=i(43860),s=i(80248),a=i(5065),o=i(88683),h={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")},d=i(82042);const l={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:"\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\n\t\tuniform float opacity;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 texel = texture2D( tDiffuse, vUv );\n\t\t\tgl_FragColor = opacity * texel;\n\n\n\t\t}"};var c=i(25108);class Pass{constructor(){this.isPass=!0,this.enabled=!0,this.needsSwap=!0,this.clear=!1,this.renderToScreen=!1}setSize(){}render(){c.error("THREE.Pass: .render() must be implemented in derived pass.")}dispose(){}}const u=new d.iKG(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends d.u9r{constructor(){super(),this.setAttribute("position",new d.a$l([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new d.a$l([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new d.Kj0(g,e)}dispose(){this._mesh.geometry.dispose()}render(e){e.render(this._mesh,u)}get material(){return this._mesh.material}set material(e){this._mesh.material=e}}class ShaderPass extends Pass{constructor(e,t){super(),this.textureID=void 0!==t?t:"tDiffuse",e instanceof d.jyz?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=d.rDY.clone(e.uniforms),this.material=new d.jyz({name:void 0!==e.name?e.name:"unspecified",defines:Object.assign({},e.defines),uniforms:this.uniforms,vertexShader:e.vertexShader,fragmentShader:e.fragmentShader})),this.fsQuad=new FullScreenQuad(this.material)}render(e,t,i){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=i.texture),this.fsQuad.material=this.material,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(t),this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),this.fsQuad.render(e))}dispose(){this.material.dispose(),this.fsQuad.dispose()}}class MaskPass extends Pass{constructor(e,t){super(),this.scene=e,this.camera=t,this.clear=!0,this.needsSwap=!1,this.inverse=!1}render(e,t,i){const n=e.getContext(),r=e.state;let s,a;r.buffers.color.setMask(!1),r.buffers.depth.setMask(!1),r.buffers.color.setLocked(!0),r.buffers.depth.setLocked(!0),this.inverse?(s=0,a=1):(s=1,a=0),r.buffers.stencil.setTest(!0),r.buffers.stencil.setOp(n.REPLACE,n.REPLACE,n.REPLACE),r.buffers.stencil.setFunc(n.ALWAYS,s,4294967295),r.buffers.stencil.setClear(a),r.buffers.stencil.setLocked(!0),e.setRenderTarget(i),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(t),this.clear&&e.clear(),e.render(this.scene,this.camera),r.buffers.color.setLocked(!1),r.buffers.depth.setLocked(!1),r.buffers.color.setMask(!0),r.buffers.depth.setMask(!0),r.buffers.stencil.setLocked(!1),r.buffers.stencil.setFunc(n.EQUAL,1,4294967295),r.buffers.stencil.setOp(n.KEEP,n.KEEP,n.KEEP),r.buffers.stencil.setLocked(!0)}}class ClearMaskPass extends Pass{constructor(){super(),this.needsSwap=!1}render(e){e.state.buffers.stencil.setLocked(!1),e.state.buffers.stencil.setTest(!1)}}class EffectComposer{constructor(e,t){if(this.renderer=e,this._pixelRatio=e.getPixelRatio(),void 0===t){const i=e.getSize(new d.FM8);this._width=i.width,this._height=i.height,(t=new d.dd2(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:d.cLu})).texture.name="EffectComposer.rt1"}else this._width=t.width,this._height=t.height;this.renderTarget1=t,this.renderTarget2=t.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,this.passes=[],this.copyPass=new ShaderPass(l),this.copyPass.material.blending=d.jFi,this.clock=new d.SUY}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,t){this.passes.splice(t,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const t=this.passes.indexOf(e);-1!==t&&this.passes.splice(t,1)}isLastEnabledPass(e){for(let t=e+1;t<this.passes.length;t++)if(this.passes[t].enabled)return!1;return!0}render(e){void 0===e&&(e=this.clock.getDelta());const t=this.renderer.getRenderTarget();let i=!1;for(let t=0,n=this.passes.length;t<n;t++){const n=this.passes[t];if(!1!==n.enabled){if(n.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),n.render(this.renderer,this.writeBuffer,this.readBuffer,e,i),n.needsSwap){if(i){const t=this.renderer.getContext(),i=this.renderer.state.buffers.stencil;i.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),i.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==MaskPass&&(n instanceof MaskPass?i=!0:n instanceof ClearMaskPass&&(i=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const t=this.renderer.getSize(new d.FM8);this._pixelRatio=this.renderer.getPixelRatio(),this._width=t.width,this._height=t.height,(e=this.renderTarget1.clone()).setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,t){this._width=e,this._height=t;const i=this._width*this._pixelRatio,n=this._height*this._pixelRatio;this.renderTarget1.setSize(i,n),this.renderTarget2.setSize(i,n);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(i,n)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}dispose(){this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.copyPass.dispose()}}class RenderPass extends Pass{constructor(e,t,i=null,n=null,r=null){super(),this.scene=e,this.camera=t,this.overrideMaterial=i,this.clearColor=n,this.clearAlpha=r,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this._oldClearColor=new d.Ilk}render(e,t,i){const n=e.autoClear;let r,s;e.autoClear=!1,null!==this.overrideMaterial&&(s=this.scene.overrideMaterial,this.scene.overrideMaterial=this.overrideMaterial),null!==this.clearColor&&(e.getClearColor(this._oldClearColor),e.setClearColor(this.clearColor)),null!==this.clearAlpha&&(r=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),1==this.clearDepth&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:i),!0===this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),e.render(this.scene,this.camera),null!==this.clearColor&&e.setClearColor(this._oldClearColor),null!==this.clearAlpha&&e.setClearAlpha(r),null!==this.overrideMaterial&&(this.scene.overrideMaterial=s),e.autoClear=n}}var m=i(64426);class Vector2{constructor(e=0,t=0){Vector2.prototype.isVector2=!0,this.x=e,this.y=t}get width(){return this.x}set width(e){this.x=e}get height(){return this.y}set height(e){this.y=e}set(e,t){return this.x=e,this.y=t,this}setScalar(e){return this.x=e,this.y=e,this}setX(e){return this.x=e,this}setY(e){return this.y=e,this}setComponent(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;default:throw new Error("index is out of range: "+e)}return this}getComponent(e){switch(e){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+e)}}clone(){return new this.constructor(this.x,this.y)}copy(e){return this.x=e.x,this.y=e.y,this}add(e){return this.x+=e.x,this.y+=e.y,this}addScalar(e){return this.x+=e,this.y+=e,this}addVectors(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this}addScaledVector(e,t){return this.x+=e.x*t,this.y+=e.y*t,this}sub(e){return this.x-=e.x,this.y-=e.y,this}subScalar(e){return this.x-=e,this.y-=e,this}subVectors(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this}multiply(e){return this.x*=e.x,this.y*=e.y,this}multiplyScalar(e){return this.x*=e,this.y*=e,this}divide(e){return this.x/=e.x,this.y/=e.y,this}divideScalar(e){return this.multiplyScalar(1/e)}applyMatrix3(e){const t=this.x,i=this.y,n=e.elements;return this.x=n[0]*t+n[3]*i+n[6],this.y=n[1]*t+n[4]*i+n[7],this}min(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this}max(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this}clamp(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this}clampScalar(e,t){return this.x=Math.max(e,Math.min(t,this.x)),this.y=Math.max(e,Math.min(t,this.y)),this}clampLength(e,t){const i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this}roundToZero(){return this.x=Math.trunc(this.x),this.y=Math.trunc(this.y),this}negate(){return this.x=-this.x,this.y=-this.y,this}dot(e){return this.x*e.x+this.y*e.y}cross(e){return this.x*e.y-this.y*e.x}lengthSq(){return this.x*this.x+this.y*this.y}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)}normalize(){return this.divideScalar(this.length()||1)}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}angleTo(e){const t=Math.sqrt(this.lengthSq()*e.lengthSq());if(0===t)return Math.PI/2;const i=this.dot(e)/t;return Math.acos(m.uZ(i,-1,1))}distanceTo(e){return Math.sqrt(this.distanceToSquared(e))}distanceToSquared(e){const t=this.x-e.x,i=this.y-e.y;return t*t+i*i}manhattanDistanceTo(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)}setLength(e){return this.normalize().multiplyScalar(e)}lerp(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this}lerpVectors(e,t,i){return this.x=e.x+(t.x-e.x)*i,this.y=e.y+(t.y-e.y)*i,this}equals(e){return e.x===this.x&&e.y===this.y}fromArray(e,t=0){return this.x=e[t],this.y=e[t+1],this}toArray(e=[],t=0){return e[t]=this.x,e[t+1]=this.y,e}fromBufferAttribute(e,t){return this.x=e.getX(t),this.y=e.getY(t),this}rotateAround(e,t){const i=Math.cos(t),n=Math.sin(t),r=this.x-e.x,s=this.y-e.y;return this.x=r*i-s*n+e.x,this.y=r*n+s*i+e.y,this}random(){return this.x=Math.random(),this.y=Math.random(),this}*[Symbol.iterator](){yield this.x,yield this.y}}var p=(0,o.getLogger)("Planner","Planner3DGrid"),f=function(){return(0,r.Z)((function Planner3DGrid(e,t){var i=this;(0,n.Z)(this,Planner3DGrid),(0,s.Z)(this,"autoDockingDistance",40),(0,s.Z)(this,"threeContainer",void 0),(0,s.Z)(this,"doShow3DGrid",!1),(0,s.Z)(this,"updatePlannerTrans",void 0),(0,s.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,s.Z)(this,"getAllPlannedElements",void 0),(0,s.Z)(this,"groundPlane",void 0),(0,s.Z)(this,"camera",void 0),(0,s.Z)(this,"renderer",void 0),(0,s.Z)(this,"scene",void 0),(0,s.Z)(this,"sceneTree",void 0),(0,s.Z)(this,"backgroundTex",void 0),(0,s.Z)(this,"backGroundTexChanged",!1),(0,s.Z)(this,"canvasWidth",void 0),(0,s.Z)(this,"canvasHeight",void 0),(0,s.Z)(this,"moveIconPerspective",void 0),(0,s.Z)(this,"rotateIconPerspective",void 0),(0,s.Z)(this,"rotationCenter",void 0),(0,s.Z)(this,"isTransforming",!1),(0,s.Z)(this,"transformWorldPosLastFrame",void 0),(0,s.Z)(this,"curSelectedElement",void 0),(0,s.Z)(this,"blenderPass",null),(0,s.Z)(this,"composer",null),(0,s.Z)(this,"onMouseUpClearSelection",(function(e){i.clearSelectionFrom3DGrid(),i.threeContainer.removeEventListener("mouseup",i.onMouseUpClearSelection)})),(0,s.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(i.camera){var n=new d.iMs,r=new d.Pa4;return e=e/i.canvasWidth*2-1,t=-t/i.canvasHeight*2+1,r.set(e,t,.5),n.setFromCamera(new d.FM8(r.x,r.y),i.camera),n.intersectObject(i.groundPlane,!0)}})),(0,s.Z)(this,"startMove",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),p.debug("Start transforming","Planner3DGrid"),i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopMove",(function(e,t){p.debug("Stop transforming","Planner3DGrid"),i.isTransforming=!1,i.transformWorldPosLastFrame=void 0,null!=i.curSelectedElement&&i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"startRotation",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopRotation",(function(e,t){i.isTransforming=!1,i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"handleTranslation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=new a.FM(r[0].point.x,r[0].point.z);if(p.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!i.transformWorldPosLastFrame)return void(i.transformWorldPosLastFrame=o);var h=new a.FM(o.x-i.transformWorldPosLastFrame.x,o.y-i.transformWorldPosLastFrame.y),d=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!d)return;d.position.x+=h.x,d.position.z+=h.y,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(100*h.x,0,100*h.y),0,5,"UPDATE",i.autoDockingDistance),i.transformWorldPosLastFrame=o}})),(0,s.Z)(this,"handleRotation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!o)return;var h=new a.FM(r[0].point.x,r[0].point.z);if(i.rotationCenter){var d=new a.FM(h.x-o.position.x,h.y-o.position.z),l=new a.FM(0,1),c=a.FM.angleRad(d,l);h.x<o.position.x&&(c=2*Math.PI-c);var u=o.rotation.z-c;o.rotation.z=c,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(0,0,0),180*u/Math.PI,5,"UPDATE",i.autoDockingDistance)}else i.rotationCenter=h}})),(0,s.Z)(this,"run",(function(){if(i.doShow3DGrid&&null!=i.renderer&&null!=i.backgroundTex){var e=i,t=i.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),i.backGroundTexChanged&&(i.backGroundTexChanged=!1,i.blenderPass.uniforms.backgroundImg.value=i.backgroundTex),i.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e,t){this.updatePlannerTrans=e,this.clearSelectionFrom3DGrid=t}},{key:"initialize",value:function initialize(e,t){if(p.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new d.xsS,this.camera=new d.cPb(24,e/t,.1,1e3),this.renderer=new d.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var i=new d._12(100,100),n=new d.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new d.Kj0(i,n),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new d.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new EffectComposer(this.renderer),this.composer.addPass(new RenderPass(this.scene,this.camera)),this.blenderPass=new ShaderPass(h),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&&(p.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:"unityRotToThreeRot",value:function unityRotToThreeRot(e){var t=new d._fP(-e.x,e.y,e.z,-e.w),i=new d.USm;return i.setFromQuaternion(t),i.y+=Math.PI,i.z*=-1,i}},{key:"unityPosToThreePos",value:function unityPosToThreePos(e){return new a.P(-e.x,e.y,e.z)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,i){t.forEach((function(t,i){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=this.unityPosToThreePos(e.getUnityCamPos());this.camera.rotation.copy(this.unityRotToThreeRot(e.getUnityCamRot())),this.camera.position.x=t.x,this.camera.position.y=t.y,this.camera.position.z=t.z,this.camera.updateMatrixWorld()}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var i=new a.FM(-.15,t.getDepthOLT()/100/2+.15);i=a.FM.rotateOrigin(i,t.getRotDeg());var n=new d.Pa4(t.getWorldPosCenter().x/100+i.x,0,t.getWorldPosCenter().z/100+i.y),r=a.FM.convertToVector2(this.convertWorldPosToScreenPos(n));if(null!=r){var s=new a.FM(.15,t.getDepthOLT()/100/2+.15);s=a.FM.rotateOrigin(s,t.getRotDeg());var o=new d.Pa4(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.FM.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var l=new a.FM((r.x+(null==h?void 0:h.x))/2,(r.y+h.y)/2),c=a.FM.getDirection(r,l),u=a.FM.getDirection(h,l),g=a.FM.add(a.FM.mulNum(a.FM.normalize(c),32),l);g.interpretation="pixel";var m=a.FM.add(a.FM.mulNum(a.FM.normalize(u),32),l);m.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),g,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),m,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new d.dpR).load(e.getSvgDataOLTBase64());t.wrapS=d.rpg,t.wrapT=d.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var i=e.getWidthOLT()/100,n=e.getDepthOLT()/100,r=new d._12(i,n),s=new d.vBJ({map:t}),a=new d.Kj0(r,s);a.rotation.z=-e.getRotRad(),a.rotation.x=-Math.PI/2,a.position.x=e.getWorldPosCenter().x/100,a.position.y=e.getLayer()/500,a.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(),a),this.scene.add(a)}}},{key:"updateScene",value:function updateScene(e,t,i,n,r){var s=this;(this.renderer||this.camera)&&(e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=i,this.initBackgroundScene(t),this.canvasWidth=r.imgWidth,this.canvasHeight=r.imgHeight,(this.renderer&&this.renderer.getSize(new d.FM8).x!=r.imgWidth||this.renderer.getSize(new d.FM8).y!=r.imgHeight||t.getUnityFOV()!=this.camera.fov)&&(this.camera.fov=t.getUnityFOV(),this.camera.aspect=r.imgWidth/r.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(r.imgWidth,r.imgHeight)),this.updateCamera(t),n.forEach((function(t,n){for(var r=0;r<t.length;r++)null!=i&&t[r].getElementId()==i.getElementId()&&s.updateInteractionIcons(e,t[r])})))}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new d.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 a.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var i=this.canvasWidth/2,n=this.canvasHeight/2;return t.x=t.x*i+i,t.y=-t.y*n+n,new Vector2(t.x,t.y)}}])}(),v=function(){return(0,r.Z)((function Planner3DImageUI(e,t){(0,n.Z)(this,Planner3DImageUI),(0,s.Z)(this,"uiHTMLContainer",void 0),(0,s.Z)(this,"classUI","wc3DImageUI"),(0,s.Z)(this,"getConfiguratorState",void 0),(0,s.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,i,n){i>100||i<0||n>100||n<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new a.FM(i,n,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,i,n){var r=n.getAlternateRenderInfo();if(!n.getAlternateRenderingsExist()||null!=r){var s=i.parentElementId+"."+i.shelfGridId+"."+i.shelfRasterHeight,a=n.getLeftBottomFrontUIPos(t,s);if(a&&!(a.x<0||a.x>100||a.y<0||a.y>100)){var o=Math.round(n.getDistanceToGround(t,s));-1!=o&&e.addDistanceFromGround(t,i.parentElementId,o,a)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,i,n,r,s){i<0&&(i=0),i>100&&(i=100),n<0&&(n=0),n>100&&(n=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new a.FM(i,n,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),r?"selected":s?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,i){var n=!1,r=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==r||r.IsDisabled||(n=!0);var s=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",s,"3D");var a=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",a,"3D"),n){var o=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",o,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new a.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,i,n){for(var r=t.getAllDockingPoints(),s=0;s<r.length;s++){var o,h=r[s];if((null===(o=this.plannerPaletteViewInfo)||void 0===o||null===(o=o.plannerConfiguration.hideAVButtons)||void 0===o||!o.includes(h.Type))&&(("AVO"==h.Type||"AVC"==h.Type||"AVU"==h.Type||"AVS"==h.Type||"AVN"==h.Type)&&null==n||n===h.Type))for(var d=0;d<i.length;d++)h.Name==i[d].N&&e.addDP(t.getSetId(),t.getElementId(),h.DpId,"ACC",h.IsDocking?"DOCKING":"NOT_DOCKING",h.OnElementId,t.getRotDeg(),0,new a.FM(i[d].x,i[d].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,i,n,r){var s=t.getOutlinePolygonForSVG(i.getSetId(),i.getElementId(),r);s&&e.addOutline3D(i.getSetId(),i.getElementId(),s.points,s.avgCamDist,n,"BOX"==i.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:"isParentSelectedRecursive",value:function isParentSelectedRecursive(e,t){for(var i=0;i<t.length;i++){for(var n=t[i].getCurrentAccessorires(),r=0;r<n.length;r++)if(n[r].getElementId()==e.getElementId())return!0;t=t.concat(n)}return!1}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o,h){var d=this;e.clear2D3DViewerUI(),t.forEach((function(t,i){for(var o=0;o<t.length;o++){var l=t[o];if(n.hasUIInfosOfElement(l.getSetId(),l.getElementId())){var c=!1,u=a;if(r.has(i))c=r.get(i).map((function(e){return e.getElementId()})).includes(l.getElementId());if(!c&&!a&&s.has(i))for(var g=s.get(i),m=0;m<g.length;m++)if(l.getElementId()==g[m].getElementId()){u=!0;break}switch(d.addOutlinePolygon(e,n,l,c?"selected":u?"selectable":"unselectable",h),l.getPlannerType()){case"STD":var p=n.getLeftTopBackUIPos(l.getSetId(),l.getElementId());if(p&&d.addPosNrUI(e,l,p.x,p.y,c,u),c&&["PLANNER","PRODUCTS","PROMOTED"].includes(d.getConfiguratorState())){l.getIsDockedAccessoire()?d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()),"AVO"):d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()));var f=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,f.x,f.y),d.addCopyIcon(e,l)}if("ACC_PLANNER"==d.getConfiguratorState()&&l.getIsDockedAccessoire()){var v=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,v.x,v.y)}break;case"BOX":var y=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");if(y&&d.addPosNrUI(e,l,y.x,y.y,c,u),c&&(d.addBoxPlannerDockingPoints(e,l,n),!d.checkBoxPlannerSingleElement(t)&&null!=l.getFreeDockingPointByTypeAndNumber("AVO",1))){var P=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");P&&d.addDelIcon(e,l,P.x,P.y)}}}}})),i.forEach((function(t,i){for(var r=0;r<t.length;r++){var s=t[r];s.isShelfAcc&&d.addDimensionInfo(e,i,s,n)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),i=e[0].getAllDockingPoints(),n=0;n<t.length;n++)for(var r=t[n],s=0;s<i.length;s++){var a=i[s];if(r.IsDocking&&a.IsDocking&&2==r.Number&&2==a.Number&&("AVO"==r.Type||"AVU"==r.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),y=function(){return(0,r.Z)((function Planner3DImage(e,t,i,r,o,h){var d=this;(0,n.Z)(this,Planner3DImage),(0,s.Z)(this,"domContainer",void 0),(0,s.Z)(this,"imageContainer",void 0),(0,s.Z)(this,"UIHandler",void 0),(0,s.Z)(this,"curRendering",void 0),(0,s.Z)(this,"planner3DGrid",void 0),(0,s.Z)(this,"handle3DVisualizationChanged",void 0),(0,s.Z)(this,"update3DImgSrcInView",void 0),(0,s.Z)(this,"onDoShowNav3DChanged",void 0),(0,s.Z)(this,"onSwipeStartScreenPos",void 0),(0,s.Z)(this,"onSwipeStartTime",void 0),(0,s.Z)(this,"detectSwipe",void 0),(0,s.Z)(this,"swipeDetectedCurrentFrame",void 0),(0,s.Z)(this,"enablePlanner3DGrid",void 0),(0,s.Z)(this,"touchPositionLastFrame",void 0),(0,s.Z)(this,"touchMoveDetected",(function(e){e.preventDefault()})),(0,s.Z)(this,"startDetectingSwipeMouse",(function(e){d.planner3DGrid.isInTrasnformMode()||d.curRendering.getHasStaticBackground()||(d.onSwipeStartScreenPos=new a.FM(e.clientX,e.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.domContainer.addEventListener("mouseup",d.endDetectingSwipeMouse,{passive:!0}))})),(0,s.Z)(this,"startDetectingSwipeTouch",(function(e){if(!d.planner3DGrid.isInTrasnformMode()&&!d.curRendering.getHasStaticBackground()&&1==e.touches.length){var t=e.touches[0];d.onSwipeStartScreenPos=new a.FM(t.clientX,t.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.touchPositionLastFrame=void 0,d.domContainer.addEventListener("touchend",d.endDetectingSwipeTouch,{passive:!0}),d.domContainer.addEventListener("touchmove",d.onSwipeMoveTouch,{passive:!0})}})),(0,s.Z)(this,"endDetectingSwipeMouse",(function(e){d.handleSwipeDetection(e.clientX,e.clientY);var t=d;d.domContainer.removeEventListener("mouseup",t.endDetectingSwipeMouse,!1)})),(0,s.Z)(this,"onSwipeMoveTouch",(function(e){if(1==e.touches.length){var t=e.touches[0];d.touchPositionLastFrame=new a.FM(t.clientX,t.clientY)}})),(0,s.Z)(this,"endDetectingSwipeTouch",(function(e){null!=d.touchPositionLastFrame&&d.handleSwipeDetection(d.touchPositionLastFrame.x,d.touchPositionLastFrame.y),d.touchPositionLastFrame=void 0,d.domContainer.removeEventListener("touchmove",d.onSwipeMoveTouch,!1),d.domContainer.removeEventListener("touchend",d.endDetectingSwipeTouch,!1)})),this.onSwipeStartScreenPos=new a.FM(-1,-1),this.onSwipeStartTime=(new Date).getTime(),this.detectSwipe=!0,this.UIHandler=new v(e,h),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new f(i,o),this.onDoShowNav3DChanged=r,this.enablePlanner3DGrid=!1,this.swipeDetectedCurrentFrame=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t,i,n){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t,i),this.imageContainer&&(this.addNavigationEvents(this.imageContainer),this.UIHandler.initialize(this.imageContainer)),this.handle3DVisualizationChanged=n}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,i,n){if(i)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var r=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!n||!this.enablePlanner3DGrid,r&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!r&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new a.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:"addNavigationEvents",value:function addNavigationEvents(e){this.domContainer=e;var t=this;e&&(e.addEventListener("mousedown",t.startDetectingSwipeMouse,{passive:!0}),e.addEventListener("touchstart",t.startDetectingSwipeTouch,{passive:!0}),e.addEventListener("touchmove",t.touchMoveDetected,{passive:!0}))}},{key:"handleSwipeDetection",value:function handleSwipeDetection(e,t){if(!this.planner3DGrid.isInTrasnformMode()){if(this.detectSwipe&&(new Date).getTime()-this.onSwipeStartTime<1500&&(Math.abs(this.onSwipeStartScreenPos.x-e)>10||Math.abs(this.onSwipeStartScreenPos.y-t)>10)){var i=e-this.onSwipeStartScreenPos.x,n=this.onSwipeStartScreenPos.x-e,r=t-this.onSwipeStartScreenPos.y,s=this.onSwipeStartScreenPos.y-t;i>0&&i>r&&i>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeRight:!0}),this.swipeDetectedCurrentFrame=!0):n>0&&n>r&&n>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeLeft:!0}),this.swipeDetectedCurrentFrame=!0):r>0&&r>i&&r>n?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeDown:!0}),this.swipeDetectedCurrentFrame=!0):s>0&&s>i&&s>n&&null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeUp:!0}),this.swipeDetectedCurrentFrame=!0)}this.detectSwipe=!1}}},{key:"getSwipeDetectionFinished",value:function getSwipeDetectionFinished(){return!this.detectSwipe}},{key:"getSwipeDetectedCurrentFrame",value:function getSwipeDetectedCurrentFrame(){var e=this.swipeDetectedCurrentFrame;return this.swipeDetectedCurrentFrame=!1,e}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o){var h=this;this.enablePlanner3DGrid&&(n.size>0?n.forEach((function(t,i){for(var n=0;n<t.length;n++)h.planner3DGrid.updateUI(e,t[n])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,i,this.curRendering,n,r,s,a,o)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,i,n,r){var s=this.curRendering.getHasStaticBackground(),a=t.getHasStaticBackground();if(s!=a&&this.onDoShowNav3DChanged(!a),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var o=void 0;n.size>0&&n.forEach((function(e,t){null==o&&e.length>0&&(o=e[0])})),this.planner3DGrid.updateScene(e,t,o,i,r)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3689],{83689:(e,t,i)=>{i.r(t),i.d(t,{default:()=>y});var n=i(13125),r=i(43860),s=i(80248),a=i(5065),o=i(88683),h={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")},d=i(82042);const l={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:"\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\n\t\tuniform float opacity;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 texel = texture2D( tDiffuse, vUv );\n\t\t\tgl_FragColor = opacity * texel;\n\n\n\t\t}"};var c=i(25108);class Pass{constructor(){this.isPass=!0,this.enabled=!0,this.needsSwap=!0,this.clear=!1,this.renderToScreen=!1}setSize(){}render(){c.error("THREE.Pass: .render() must be implemented in derived pass.")}dispose(){}}const u=new d.iKG(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends d.u9r{constructor(){super(),this.setAttribute("position",new d.a$l([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new d.a$l([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new d.Kj0(g,e)}dispose(){this._mesh.geometry.dispose()}render(e){e.render(this._mesh,u)}get material(){return this._mesh.material}set material(e){this._mesh.material=e}}class ShaderPass extends Pass{constructor(e,t){super(),this.textureID=void 0!==t?t:"tDiffuse",e instanceof d.jyz?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=d.rDY.clone(e.uniforms),this.material=new d.jyz({name:void 0!==e.name?e.name:"unspecified",defines:Object.assign({},e.defines),uniforms:this.uniforms,vertexShader:e.vertexShader,fragmentShader:e.fragmentShader})),this.fsQuad=new FullScreenQuad(this.material)}render(e,t,i){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=i.texture),this.fsQuad.material=this.material,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(t),this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),this.fsQuad.render(e))}dispose(){this.material.dispose(),this.fsQuad.dispose()}}class MaskPass extends Pass{constructor(e,t){super(),this.scene=e,this.camera=t,this.clear=!0,this.needsSwap=!1,this.inverse=!1}render(e,t,i){const n=e.getContext(),r=e.state;let s,a;r.buffers.color.setMask(!1),r.buffers.depth.setMask(!1),r.buffers.color.setLocked(!0),r.buffers.depth.setLocked(!0),this.inverse?(s=0,a=1):(s=1,a=0),r.buffers.stencil.setTest(!0),r.buffers.stencil.setOp(n.REPLACE,n.REPLACE,n.REPLACE),r.buffers.stencil.setFunc(n.ALWAYS,s,4294967295),r.buffers.stencil.setClear(a),r.buffers.stencil.setLocked(!0),e.setRenderTarget(i),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(t),this.clear&&e.clear(),e.render(this.scene,this.camera),r.buffers.color.setLocked(!1),r.buffers.depth.setLocked(!1),r.buffers.color.setMask(!0),r.buffers.depth.setMask(!0),r.buffers.stencil.setLocked(!1),r.buffers.stencil.setFunc(n.EQUAL,1,4294967295),r.buffers.stencil.setOp(n.KEEP,n.KEEP,n.KEEP),r.buffers.stencil.setLocked(!0)}}class ClearMaskPass extends Pass{constructor(){super(),this.needsSwap=!1}render(e){e.state.buffers.stencil.setLocked(!1),e.state.buffers.stencil.setTest(!1)}}class EffectComposer{constructor(e,t){if(this.renderer=e,this._pixelRatio=e.getPixelRatio(),void 0===t){const i=e.getSize(new d.FM8);this._width=i.width,this._height=i.height,(t=new d.dd2(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:d.cLu})).texture.name="EffectComposer.rt1"}else this._width=t.width,this._height=t.height;this.renderTarget1=t,this.renderTarget2=t.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,this.passes=[],this.copyPass=new ShaderPass(l),this.copyPass.material.blending=d.jFi,this.clock=new d.SUY}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,t){this.passes.splice(t,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const t=this.passes.indexOf(e);-1!==t&&this.passes.splice(t,1)}isLastEnabledPass(e){for(let t=e+1;t<this.passes.length;t++)if(this.passes[t].enabled)return!1;return!0}render(e){void 0===e&&(e=this.clock.getDelta());const t=this.renderer.getRenderTarget();let i=!1;for(let t=0,n=this.passes.length;t<n;t++){const n=this.passes[t];if(!1!==n.enabled){if(n.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),n.render(this.renderer,this.writeBuffer,this.readBuffer,e,i),n.needsSwap){if(i){const t=this.renderer.getContext(),i=this.renderer.state.buffers.stencil;i.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),i.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==MaskPass&&(n instanceof MaskPass?i=!0:n instanceof ClearMaskPass&&(i=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const t=this.renderer.getSize(new d.FM8);this._pixelRatio=this.renderer.getPixelRatio(),this._width=t.width,this._height=t.height,(e=this.renderTarget1.clone()).setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,t){this._width=e,this._height=t;const i=this._width*this._pixelRatio,n=this._height*this._pixelRatio;this.renderTarget1.setSize(i,n),this.renderTarget2.setSize(i,n);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(i,n)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}dispose(){this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.copyPass.dispose()}}class RenderPass extends Pass{constructor(e,t,i=null,n=null,r=null){super(),this.scene=e,this.camera=t,this.overrideMaterial=i,this.clearColor=n,this.clearAlpha=r,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this._oldClearColor=new d.Ilk}render(e,t,i){const n=e.autoClear;let r,s;e.autoClear=!1,null!==this.overrideMaterial&&(s=this.scene.overrideMaterial,this.scene.overrideMaterial=this.overrideMaterial),null!==this.clearColor&&(e.getClearColor(this._oldClearColor),e.setClearColor(this.clearColor)),null!==this.clearAlpha&&(r=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),1==this.clearDepth&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:i),!0===this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),e.render(this.scene,this.camera),null!==this.clearColor&&e.setClearColor(this._oldClearColor),null!==this.clearAlpha&&e.setClearAlpha(r),null!==this.overrideMaterial&&(this.scene.overrideMaterial=s),e.autoClear=n}}var p=i(64426);class Vector2{constructor(e=0,t=0){Vector2.prototype.isVector2=!0,this.x=e,this.y=t}get width(){return this.x}set width(e){this.x=e}get height(){return this.y}set height(e){this.y=e}set(e,t){return this.x=e,this.y=t,this}setScalar(e){return this.x=e,this.y=e,this}setX(e){return this.x=e,this}setY(e){return this.y=e,this}setComponent(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;default:throw new Error("index is out of range: "+e)}return this}getComponent(e){switch(e){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+e)}}clone(){return new this.constructor(this.x,this.y)}copy(e){return this.x=e.x,this.y=e.y,this}add(e){return this.x+=e.x,this.y+=e.y,this}addScalar(e){return this.x+=e,this.y+=e,this}addVectors(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this}addScaledVector(e,t){return this.x+=e.x*t,this.y+=e.y*t,this}sub(e){return this.x-=e.x,this.y-=e.y,this}subScalar(e){return this.x-=e,this.y-=e,this}subVectors(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this}multiply(e){return this.x*=e.x,this.y*=e.y,this}multiplyScalar(e){return this.x*=e,this.y*=e,this}divide(e){return this.x/=e.x,this.y/=e.y,this}divideScalar(e){return this.multiplyScalar(1/e)}applyMatrix3(e){const t=this.x,i=this.y,n=e.elements;return this.x=n[0]*t+n[3]*i+n[6],this.y=n[1]*t+n[4]*i+n[7],this}min(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this}max(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this}clamp(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this}clampScalar(e,t){return this.x=Math.max(e,Math.min(t,this.x)),this.y=Math.max(e,Math.min(t,this.y)),this}clampLength(e,t){const i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this}roundToZero(){return this.x=Math.trunc(this.x),this.y=Math.trunc(this.y),this}negate(){return this.x=-this.x,this.y=-this.y,this}dot(e){return this.x*e.x+this.y*e.y}cross(e){return this.x*e.y-this.y*e.x}lengthSq(){return this.x*this.x+this.y*this.y}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)}normalize(){return this.divideScalar(this.length()||1)}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}angleTo(e){const t=Math.sqrt(this.lengthSq()*e.lengthSq());if(0===t)return Math.PI/2;const i=this.dot(e)/t;return Math.acos(p.uZ(i,-1,1))}distanceTo(e){return Math.sqrt(this.distanceToSquared(e))}distanceToSquared(e){const t=this.x-e.x,i=this.y-e.y;return t*t+i*i}manhattanDistanceTo(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)}setLength(e){return this.normalize().multiplyScalar(e)}lerp(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this}lerpVectors(e,t,i){return this.x=e.x+(t.x-e.x)*i,this.y=e.y+(t.y-e.y)*i,this}equals(e){return e.x===this.x&&e.y===this.y}fromArray(e,t=0){return this.x=e[t],this.y=e[t+1],this}toArray(e=[],t=0){return e[t]=this.x,e[t+1]=this.y,e}fromBufferAttribute(e,t){return this.x=e.getX(t),this.y=e.getY(t),this}rotateAround(e,t){const i=Math.cos(t),n=Math.sin(t),r=this.x-e.x,s=this.y-e.y;return this.x=r*i-s*n+e.x,this.y=r*n+s*i+e.y,this}random(){return this.x=Math.random(),this.y=Math.random(),this}*[Symbol.iterator](){yield this.x,yield this.y}}var m=(0,o.getLogger)("Planner","Planner3DGrid"),f=function(){return(0,r.Z)((function Planner3DGrid(e,t){var i=this;(0,n.Z)(this,Planner3DGrid),(0,s.Z)(this,"autoDockingDistance",40),(0,s.Z)(this,"threeContainer",void 0),(0,s.Z)(this,"doShow3DGrid",!1),(0,s.Z)(this,"updatePlannerTrans",void 0),(0,s.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,s.Z)(this,"getAllPlannedElements",void 0),(0,s.Z)(this,"groundPlane",void 0),(0,s.Z)(this,"camera",void 0),(0,s.Z)(this,"renderer",void 0),(0,s.Z)(this,"scene",void 0),(0,s.Z)(this,"sceneTree",void 0),(0,s.Z)(this,"backgroundTex",void 0),(0,s.Z)(this,"backGroundTexChanged",!1),(0,s.Z)(this,"canvasWidth",void 0),(0,s.Z)(this,"canvasHeight",void 0),(0,s.Z)(this,"moveIconPerspective",void 0),(0,s.Z)(this,"rotateIconPerspective",void 0),(0,s.Z)(this,"rotationCenter",void 0),(0,s.Z)(this,"isTransforming",!1),(0,s.Z)(this,"transformWorldPosLastFrame",void 0),(0,s.Z)(this,"curSelectedElement",void 0),(0,s.Z)(this,"blenderPass",null),(0,s.Z)(this,"composer",null),(0,s.Z)(this,"onMouseUpClearSelection",(function(e){i.clearSelectionFrom3DGrid(),i.threeContainer.removeEventListener("mouseup",i.onMouseUpClearSelection)})),(0,s.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(i.camera){var n=new d.iMs,r=new d.Pa4;return e=e/i.canvasWidth*2-1,t=-t/i.canvasHeight*2+1,r.set(e,t,.5),n.setFromCamera(new d.FM8(r.x,r.y),i.camera),n.intersectObject(i.groundPlane,!0)}})),(0,s.Z)(this,"startMove",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),m.debug("Start transforming","Planner3DGrid"),i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopMove",(function(e,t){m.debug("Stop transforming","Planner3DGrid"),i.isTransforming=!1,i.transformWorldPosLastFrame=void 0,null!=i.curSelectedElement&&i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"startRotation",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopRotation",(function(e,t){i.isTransforming=!1,i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"handleTranslation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=new a.FM(r[0].point.x,r[0].point.z);if(m.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!i.transformWorldPosLastFrame)return void(i.transformWorldPosLastFrame=o);var h=new a.FM(o.x-i.transformWorldPosLastFrame.x,o.y-i.transformWorldPosLastFrame.y),d=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!d)return;d.position.x+=h.x,d.position.z+=h.y,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(100*h.x,0,100*h.y),0,5,"UPDATE",i.autoDockingDistance),i.transformWorldPosLastFrame=o}})),(0,s.Z)(this,"handleRotation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!o)return;var h=new a.FM(r[0].point.x,r[0].point.z);if(i.rotationCenter){var d=new a.FM(h.x-o.position.x,h.y-o.position.z),l=new a.FM(0,1),c=a.FM.angleRad(d,l);h.x<o.position.x&&(c=2*Math.PI-c);var u=o.rotation.z-c;o.rotation.z=c,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(0,0,0),180*u/Math.PI,5,"UPDATE",i.autoDockingDistance)}else i.rotationCenter=h}})),(0,s.Z)(this,"run",(function(){if(i.doShow3DGrid&&null!=i.renderer&&null!=i.backgroundTex){var e=i,t=i.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),i.backGroundTexChanged&&(i.backGroundTexChanged=!1,i.blenderPass.uniforms.backgroundImg.value=i.backgroundTex),i.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e,t){this.updatePlannerTrans=e,this.clearSelectionFrom3DGrid=t}},{key:"initialize",value:function initialize(e,t){if(m.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new d.xsS,this.camera=new d.cPb(24,e/t,.1,1e3),this.renderer=new d.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var i=new d._12(100,100),n=new d.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new d.Kj0(i,n),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new d.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new EffectComposer(this.renderer),this.composer.addPass(new RenderPass(this.scene,this.camera)),this.blenderPass=new ShaderPass(h),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&&(m.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 d.USm;return t.setFromVector3(new d.Pa4(e.x,e.y,e.z)),t}},{key:"posToThreePos",value:function posToThreePos(e){return new a.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,i){t.forEach((function(t,i){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var i=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=i.x,this.camera.position.y=i.y,this.camera.position.z=i.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var i=new a.FM(-.15,t.getDepthOLT()/100/2+.15);i=a.FM.rotateOrigin(i,t.getRotDeg());var n=new d.Pa4(t.getWorldPosCenter().x/100+i.x,0,t.getWorldPosCenter().z/100+i.y),r=a.FM.convertToVector2(this.convertWorldPosToScreenPos(n));if(null!=r){var s=new a.FM(.15,t.getDepthOLT()/100/2+.15);s=a.FM.rotateOrigin(s,t.getRotDeg());var o=new d.Pa4(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.FM.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var l=new a.FM((r.x+(null==h?void 0:h.x))/2,(r.y+h.y)/2),c=a.FM.getDirection(r,l),u=a.FM.getDirection(h,l),g=a.FM.add(a.FM.mulNum(a.FM.normalize(c),32),l);g.interpretation="pixel";var p=a.FM.add(a.FM.mulNum(a.FM.normalize(u),32),l);p.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),g,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),p,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new d.dpR).load(e.getSvgDataOLTBase64());t.wrapS=d.rpg,t.wrapT=d.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var i=e.getWidthOLT()/100,n=e.getDepthOLT()/100,r=new d._12(i,n),s=new d.vBJ({map:t}),a=new d.Kj0(r,s);a.rotation.z=-e.getRotRad(),a.rotation.x=-Math.PI/2,a.position.x=e.getWorldPosCenter().x/100,a.position.y=e.getLayer()/500,a.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(),a),this.scene.add(a)}}},{key:"updateScene",value:function updateScene(e,t,i,n,r){var s=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=i,this.initBackgroundScene(t),this.canvasWidth=r.imgWidth,this.canvasHeight=r.imgHeight;var a=t.getCamInfo();(this.renderer&&this.renderer.getSize(new d.FM8).x!=r.imgWidth||this.renderer.getSize(new d.FM8).y!=r.imgHeight||(null==a?void 0:a.vertFov)!=this.camera.fov)&&(this.camera.fov=a.vertFov,this.camera.aspect=r.imgWidth/r.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(r.imgWidth,r.imgHeight)),this.updateCamera(t),n.forEach((function(t,n){for(var r=0;r<t.length;r++)null!=i&&t[r].getElementId()==i.getElementId()&&s.updateInteractionIcons(e,t[r])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new d.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 a.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var i=this.canvasWidth/2,n=this.canvasHeight/2;return t.x=t.x*i+i,t.y=-t.y*n+n,new Vector2(t.x,t.y)}}])}(),v=function(){return(0,r.Z)((function Planner3DImageUI(e,t){(0,n.Z)(this,Planner3DImageUI),(0,s.Z)(this,"uiHTMLContainer",void 0),(0,s.Z)(this,"classUI","wc3DImageUI"),(0,s.Z)(this,"getConfiguratorState",void 0),(0,s.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,i,n){i>100||i<0||n>100||n<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new a.FM(i,n,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,i,n){var r=n.getAlternateRenderInfo();if(!n.getAlternateRenderingsExist()||null!=r){var s=i.parentElementId+"."+i.shelfGridId+"."+i.shelfRasterHeight,a=n.getLeftBottomFrontUIPos(t,s);if(a&&!(a.x<0||a.x>100||a.y<0||a.y>100)){var o=Math.round(n.getDistanceToGround(t,s));-1!=o&&e.addDistanceFromGround(t,i.parentElementId,o,a)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,i,n,r,s){i<0&&(i=0),i>100&&(i=100),n<0&&(n=0),n>100&&(n=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new a.FM(i,n,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),r?"selected":s?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,i){var n=!1,r=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==r||r.IsDisabled||(n=!0);var s=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",s,"3D");var a=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",a,"3D"),n){var o=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",o,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new a.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,i,n){for(var r=t.getAllDockingPoints(),s=0;s<r.length;s++){var o,h=r[s];if((null===(o=this.plannerPaletteViewInfo)||void 0===o||null===(o=o.plannerConfiguration.hideAVButtons)||void 0===o||!o.includes(h.Type))&&(("AVO"==h.Type||"AVC"==h.Type||"AVU"==h.Type||"AVS"==h.Type||"AVN"==h.Type)&&null==n||n===h.Type))for(var d=0;d<i.length;d++)h.Name==i[d].N&&e.addDP(t.getSetId(),t.getElementId(),h.DpId,"ACC",h.IsDocking?"DOCKING":"NOT_DOCKING",h.OnElementId,t.getRotDeg(),0,new a.FM(i[d].x,i[d].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,i,n,r){var s=t.getOutlinePolygonForSVG(i.getSetId(),i.getElementId(),r);s&&e.addOutline3D(i.getSetId(),i.getElementId(),s.points,s.avgCamDist,n,"BOX"==i.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:"isParentSelectedRecursive",value:function isParentSelectedRecursive(e,t){for(var i=0;i<t.length;i++){for(var n=t[i].getCurrentAccessorires(),r=0;r<n.length;r++)if(n[r].getElementId()==e.getElementId())return!0;t=t.concat(n)}return!1}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o,h){var d=this;e.clear2D3DViewerUI(),t.forEach((function(t,i){for(var o=0;o<t.length;o++){var l=t[o];if(n.hasUIInfosOfElement(l.getSetId(),l.getElementId())){var c=!1,u=a;if(r.has(i))c=r.get(i).map((function(e){return e.getElementId()})).includes(l.getElementId());if(!c&&!a&&s.has(i))for(var g=s.get(i),p=0;p<g.length;p++)if(l.getElementId()==g[p].getElementId()){u=!0;break}switch(d.addOutlinePolygon(e,n,l,c?"selected":u?"selectable":"unselectable",h),l.getPlannerType()){case"STD":var m=n.getLeftTopBackUIPos(l.getSetId(),l.getElementId());if(m&&d.addPosNrUI(e,l,m.x,m.y,c,u),c&&["PLANNER","PRODUCTS","PROMOTED"].includes(d.getConfiguratorState())){l.getIsDockedAccessoire()?d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()),"AVO"):d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()));var f=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,f.x,f.y),d.addCopyIcon(e,l)}if("ACC_PLANNER"==d.getConfiguratorState()&&l.getIsDockedAccessoire()){var v=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,v.x,v.y)}break;case"BOX":var y=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");if(y&&d.addPosNrUI(e,l,y.x,y.y,c,u),c&&(d.addBoxPlannerDockingPoints(e,l,n),!d.checkBoxPlannerSingleElement(t)&&null!=l.getFreeDockingPointByTypeAndNumber("AVO",1))){var S=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");S&&d.addDelIcon(e,l,S.x,S.y)}}}}})),i.forEach((function(t,i){for(var r=0;r<t.length;r++){var s=t[r];s.isShelfAcc&&d.addDimensionInfo(e,i,s,n)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),i=e[0].getAllDockingPoints(),n=0;n<t.length;n++)for(var r=t[n],s=0;s<i.length;s++){var a=i[s];if(r.IsDocking&&a.IsDocking&&2==r.Number&&2==a.Number&&("AVO"==r.Type||"AVU"==r.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),y=function(){return(0,r.Z)((function Planner3DImage(e,t,i,r,o,h){var d=this;(0,n.Z)(this,Planner3DImage),(0,s.Z)(this,"domContainer",void 0),(0,s.Z)(this,"imageContainer",void 0),(0,s.Z)(this,"UIHandler",void 0),(0,s.Z)(this,"curRendering",void 0),(0,s.Z)(this,"planner3DGrid",void 0),(0,s.Z)(this,"handle3DVisualizationChanged",void 0),(0,s.Z)(this,"update3DImgSrcInView",void 0),(0,s.Z)(this,"onDoShowNav3DChanged",void 0),(0,s.Z)(this,"onSwipeStartScreenPos",void 0),(0,s.Z)(this,"onSwipeStartTime",void 0),(0,s.Z)(this,"detectSwipe",void 0),(0,s.Z)(this,"swipeDetectedCurrentFrame",void 0),(0,s.Z)(this,"enablePlanner3DGrid",void 0),(0,s.Z)(this,"touchPositionLastFrame",void 0),(0,s.Z)(this,"touchMoveDetected",(function(e){e.preventDefault()})),(0,s.Z)(this,"startDetectingSwipeMouse",(function(e){d.planner3DGrid.isInTrasnformMode()||d.curRendering.getHasStaticBackground()||(d.onSwipeStartScreenPos=new a.FM(e.clientX,e.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.domContainer.addEventListener("mouseup",d.endDetectingSwipeMouse,{passive:!0}))})),(0,s.Z)(this,"startDetectingSwipeTouch",(function(e){if(!d.planner3DGrid.isInTrasnformMode()&&!d.curRendering.getHasStaticBackground()&&1==e.touches.length){var t=e.touches[0];d.onSwipeStartScreenPos=new a.FM(t.clientX,t.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.touchPositionLastFrame=void 0,d.domContainer.addEventListener("touchend",d.endDetectingSwipeTouch,{passive:!0}),d.domContainer.addEventListener("touchmove",d.onSwipeMoveTouch,{passive:!0})}})),(0,s.Z)(this,"endDetectingSwipeMouse",(function(e){d.handleSwipeDetection(e.clientX,e.clientY);var t=d;d.domContainer.removeEventListener("mouseup",t.endDetectingSwipeMouse,!1)})),(0,s.Z)(this,"onSwipeMoveTouch",(function(e){if(1==e.touches.length){var t=e.touches[0];d.touchPositionLastFrame=new a.FM(t.clientX,t.clientY)}})),(0,s.Z)(this,"endDetectingSwipeTouch",(function(e){null!=d.touchPositionLastFrame&&d.handleSwipeDetection(d.touchPositionLastFrame.x,d.touchPositionLastFrame.y),d.touchPositionLastFrame=void 0,d.domContainer.removeEventListener("touchmove",d.onSwipeMoveTouch,!1),d.domContainer.removeEventListener("touchend",d.endDetectingSwipeTouch,!1)})),this.onSwipeStartScreenPos=new a.FM(-1,-1),this.onSwipeStartTime=(new Date).getTime(),this.detectSwipe=!0,this.UIHandler=new v(e,h),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new f(i,o),this.onDoShowNav3DChanged=r,this.enablePlanner3DGrid=!1,this.swipeDetectedCurrentFrame=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t,i,n){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t,i),this.imageContainer&&(this.addNavigationEvents(this.imageContainer),this.UIHandler.initialize(this.imageContainer)),this.handle3DVisualizationChanged=n}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,i,n){if(i)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var r=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!n||!this.enablePlanner3DGrid,r&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!r&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new a.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:"addNavigationEvents",value:function addNavigationEvents(e){this.domContainer=e;var t=this;e&&(e.addEventListener("mousedown",t.startDetectingSwipeMouse,{passive:!0}),e.addEventListener("touchstart",t.startDetectingSwipeTouch,{passive:!0}),e.addEventListener("touchmove",t.touchMoveDetected,{passive:!0}))}},{key:"handleSwipeDetection",value:function handleSwipeDetection(e,t){if(!this.planner3DGrid.isInTrasnformMode()){if(this.detectSwipe&&(new Date).getTime()-this.onSwipeStartTime<1500&&(Math.abs(this.onSwipeStartScreenPos.x-e)>10||Math.abs(this.onSwipeStartScreenPos.y-t)>10)){var i=e-this.onSwipeStartScreenPos.x,n=this.onSwipeStartScreenPos.x-e,r=t-this.onSwipeStartScreenPos.y,s=this.onSwipeStartScreenPos.y-t;i>0&&i>r&&i>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeRight:!0}),this.swipeDetectedCurrentFrame=!0):n>0&&n>r&&n>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeLeft:!0}),this.swipeDetectedCurrentFrame=!0):r>0&&r>i&&r>n?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeDown:!0}),this.swipeDetectedCurrentFrame=!0):s>0&&s>i&&s>n&&null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeUp:!0}),this.swipeDetectedCurrentFrame=!0)}this.detectSwipe=!1}}},{key:"getSwipeDetectionFinished",value:function getSwipeDetectionFinished(){return!this.detectSwipe}},{key:"getSwipeDetectedCurrentFrame",value:function getSwipeDetectedCurrentFrame(){var e=this.swipeDetectedCurrentFrame;return this.swipeDetectedCurrentFrame=!1,e}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o){var h=this;this.enablePlanner3DGrid&&(n.size>0?n.forEach((function(t,i){for(var n=0;n<t.length;n++)h.planner3DGrid.updateUI(e,t[n])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,i,this.curRendering,n,r,s,a,o)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,i,n,r){var s=this.curRendering.getHasStaticBackground(),a=t.getHasStaticBackground();if(s!=a&&this.onDoShowNav3DChanged(!a),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var o=void 0;n.size>0&&n.forEach((function(e,t){null==o&&e.length>0&&(o=e[0])})),this.planner3DGrid.updateScene(e,t,o,i,r)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4269.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4269,4514,939],{64269:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(34988),a=t(96463),o=t(87363),i=t(9420),l=t(88683),s=t(70318),c=t.n(s),d=t(62383),u=t(14514),p=t(93379),g=t.n(p),A=t(7795),v=t.n(A),w=t(90569),f=t.n(w),b=t(3565),h=t.n(b),m=t(19216),C=t.n(m),D=t(44589),y=t.n(D),S=t(42044),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=f().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=C();g()(S.Z,P);S.Z&&S.Z.locals&&S.Z.locals;var I=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const j=(0,i.Pi)((function Planner3D(){var e,n,t=(0,a.NP)(),i=(0,o.useRef)(),s=(0,l.useTranslation)().t,p=(0,o.useState)(!1),g=(0,r.Z)(p,2),A=g[0],v=g[1],w=(0,o.useState)(),f=(0,r.Z)(w,2),b=f[0],h=f[1],m=(0,o.useState)([]),C=(0,r.Z)(m,2),D=C[0],y=C[1],S=(0,o.useRef)(!0),P=t.viewPlannerHandler.getPlannerViewConfig(),j=(0,l.useDivaCore)(),k=j.actions,R=j.state,L=(R.loading,R.apiConfig),x=R.isMobile,T=R.jwt;return(0,o.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){e.push({elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr})})),JSON.stringify(e)!=JSON.stringify(D)&&y(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,o.useEffect)((function(){!t.hqRenderScript&&t.productState.doShow3DComb?(k.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return k.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&k.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShow3DComb,t.hqRenderScript]),!t.productState.doShow3DComb&&!0===S.current||!t.isParentViewVisible?(0,I.jsx)(I.Fragment,{}):(S.current=!1,void 0===t.hqRenderScript?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(u.default,{}),(0,I.jsx)(c(),{renderjob:t.hqRenderScript,isMobile:x,elementsInfo:D,actions:k,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:L,jwt:T,renderInBackground:!1,overlayImage:t.divaWebPlanner.getEnableUnityRtvKombi()?{base64:t.productState.diva3dImgSrc,isStaticBg:t.productState.plannerRenderingIsStaticBG}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:P.posNumIcon,posTrashIcon:P.posTrashRotIcon},callbacks:{setGlb:x?h:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&k.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){return t.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return t.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),b&&(0,I.jsx)("div",{id:"ar-viewer",children:(0,I.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;i.current=e,null===(n=i.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=i.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=i.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?v(!1):v(!0)})),null===(r=i.current)||void 0===r||r.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=i.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=i.current)||void 0===e?void 0:e.activateAR()}))}))},src:b,ar:!0,"ar-scale":"fixed","ar-modes":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,I.jsx)("div",{id:"ar-prompt",children:(0,I.jsx)("img",{src:d})}),(0,I.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),a=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const i=function Image3DNavBar(e){return(0,o.jsx)(a.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),a=t.n(r),o=t(23645),i=t.n(o),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(a()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},62383:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4269,4514,939],{64269:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var r=t(34988),a=t(96463),o=t(87363),i=t(9420),l=t(88683),s=t(70318),c=t.n(s),d=t(62383),u=t(14514),p=t(93379),g=t.n(p),A=t(7795),v=t.n(A),w=t(90569),f=t.n(w),b=t(3565),h=t.n(b),m=t(19216),C=t.n(m),D=t(44589),S=t.n(D),y=t(42044),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=f().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=C();g()(y.Z,P);y.Z&&y.Z.locals&&y.Z.locals;var I=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const R=(0,i.Pi)((function Planner3D(){var e,n,t=(0,a.NP)(),i=(0,o.useRef)(),s=(0,l.useTranslation)().t,p=(0,o.useState)(!1),g=(0,r.Z)(p,2),A=g[0],v=g[1],w=(0,o.useState)(),f=(0,r.Z)(w,2),b=f[0],h=f[1],m=(0,o.useState)([]),C=(0,r.Z)(m,2),D=C[0],S=C[1],y=(0,o.useRef)(!0),P=t.viewPlannerHandler.getPlannerViewConfig(),R=(0,l.useDivaCore)(),j=R.actions,k=R.state,L=(k.loading,k.apiConfig),x=k.isMobile,T=k.jwt;return(0,o.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){e.push({elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr})})),JSON.stringify(e)!=JSON.stringify(D)&&S(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,o.useEffect)((function(){!t.hqRenderScript&&t.productState.doShow3DComb?(j.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return j.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&j.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShow3DComb,t.hqRenderScript]),!t.productState.doShow3DComb&&!0===y.current||!t.isParentViewVisible?(0,I.jsx)(I.Fragment,{}):(y.current=!1,void 0===t.hqRenderScript?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)(I.Fragment,{children:[t.productState.doShow3DComb&&(0,I.jsx)(u.default,{}),(0,I.jsx)(c(),{renderjob:t.hqRenderScript,viewpoint:t.camInfo,isMobile:x,elementsInfo:D,actions:j,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:L,jwt:T,renderInBackground:!1,overlayImage:t.divaWebPlanner.getEnableUnityRtvKombi()?{base64:t.productState.diva3dImgSrc,isStaticBg:t.productState.plannerRenderingIsStaticBG,isStart:t.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:P.posNumIcon,posTrashIcon:P.posTrashRotIcon},callbacks:{setGlb:x?h:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&j.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){t.productState.setPlannerRenderingIsStart(!1),t.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return t.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),b&&(0,I.jsx)("div",{id:"ar-viewer",children:(0,I.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;i.current=e,null===(n=i.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=i.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=i.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?v(!1):v(!0)})),null===(r=i.current)||void 0===r||r.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=i.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=i.current)||void 0===e?void 0:e.activateAR()}))}))},src:b,ar:!0,"ar-scale":"fixed","ar-modes":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,I.jsx)("div",{id:"ar-prompt",children:(0,I.jsx)("img",{src:d})}),(0,I.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),a=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const i=function Image3DNavBar(e){return(0,o.jsx)(a.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),a=t.n(r),o=t(23645),i=t.n(o),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(a()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},62383:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4408.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4408,59,2450],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,r,o,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},42450:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>k});var i=t(80248),r=t(34988),o=t(9420),s=t(96463),l=t(87363),a=t(65515),d=t.n(a),A=t(88683),c=t(93379),u=t.n(c),m=t(7795),h=t.n(m),p=t(90569),g=t.n(p),x=t(3565),y=t.n(x),E=t(19216),R=t.n(E),S=t(44589),b=t.n(S),f=t(68042),v={};v.styleTagTransform=b(),v.setAttributes=y(),v.insert=g().bind(null,"head"),v.domAPI=h(),v.insertStyleElement=R();u()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var w=t(22976),L=t.n(w),C=t(47514);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,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,A.useTranslation)().t,o=t.getIsInMobileView()?50:100,a=n.groups[0].items,c=(0,l.useState)({x:0,y:0}),u=(0,r.Z)(c,2),m=u[0],h=u[1],p=(0,l.useState)(void 0),g=(0,r.Z)(p,2),x=g[0],y=g[1],E=(0,l.useRef)(null),R=(0,l.useState)(!1),S=(0,r.Z)(R,2),b=S[0],v=S[1],w=function scrollLeftOrRight(e){var n,i,r;if(E.current){var o=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(r=t.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().x)&&void 0!==i?i:0);o<E.current.getBoundingClientRect().width/100*5?E.current.scrollTo({left:E.current.scrollLeft-10}):o>E.current.getBoundingClientRect().width/100*95&&E.current.scrollTo({left:E.current.scrollLeft+10})}},k=function getEventOffsetX(e){var n,i,r,o,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(r=t.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(o=null===(s=E.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==o?o:0)},Y={onStart:function handleStart(e){var n=k(e),t=n-n%o;h({y:0,x:t}),y(a[t/o])},onDrag:function handleDrag(e){var n=k(e),t=(n-n%o)/o;t>=0&&t<a.length&&((null==x?void 0:x.key)!=a[t].key&&(null==x?void 0:x.currentDoor.StrictType)===a[t].currentDoor.StrictType?v(!0):v(!1)),w(e)},onStop:function handleStop(e){var n=k(e),i=(n-n%o)/o;b&&x&&i>=0&&i<a.length&&t.paletteViewHandler.moveDoors(x.door,a[i].door),y(void 0),v(!1),h({y:0,x:0})}};return(0,C.jsxs)(C.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,C.jsx)("div",{ref:E,className:d()(f.nC,"box",t.getIsInMobileView()?f.ai:void 0),children:(0,C.jsxs)("div",{className:f.YS,children:[(0,C.jsx)(L(),_objectSpread(_objectSpread({bounds:"parent",position:m},Y),{},{axis:"x",defaultClassName:f.ts,defaultClassNameDragging:d()(f.sv,b?f.Zn:f.zP),children:(0,C.jsx)("div",{className:"box cursor-x",style:{width:x?o:o*a.length}})})),a.map((function(e,n){return(0,C.jsxs)("div",{className:d()(f.nw,0==n?f.Ps:void 0,n===a.length-1?f.Z$:void 0),children:["TUER_L"==e.type&&(0,C.jsx)("div",{className:d()(f.pr,f.F2)}),"TUER_R"==e.type&&(0,C.jsx)("div",{className:d()(f.pr,f.t$)})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{F2:()=>b,Ps:()=>y,YS:()=>p,Z$:()=>E,ZP:()=>C,Zn:()=>w,ai:()=>x,nC:()=>h,nw:()=>g,pr:()=>R,sv:()=>v,t$:()=>S,ts:()=>f,zP:()=>L});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(42495),t.b),A=new URL(t(42087),t.b),c=s()(r()),u=a()(d),m=a()(A);c.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  width: 100px;\n  word-break: break-word;\n  height: 300px;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n}\n\n.index-module--EHWt0 .index-module--aqj4f {\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  left: calc(50% - 32px);\n  height: 40px;\n  width: 60px;\n  pointer-events: none;\n}\n\n.index-module--EHWt0 .index-module--BhUM_ {\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 300px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--EHWt0 .index-module--f8a_9 {\n  height: 150px;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var h="index-module--NzX3M",p="index-module--RkNWX",g="index-module--aqj4f",x="index-module--EHWt0",y="index-module--SrsAj",E="index-module--vuiRh",R="index-module--BhUM_",S="index-module--ypgMv",b="index-module--SMdcf",f="index-module--f8a_9",v="index-module--FwvZJ",w="index-module--Sc12s",L="index-module--nAXUW";const C=c},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},42495:e=>{"use strict";e.exports="data:image/png;base64,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"},42087:e=>{"use strict";e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAACSCAYAAACue5OOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wUCBxMapy8qGgAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAF50lEQVR4nO3dW3ITMRSE4fZkA05lKewgWbeX4KVQeAFQ4SE14NhzkTSSTp+j/p+AQEaXjxDbGnP6/PxEaX8+Pv794ZfL5VT8iZRZtfZwqjGApZ8r/mruYRGktQsKk59q72E2pL0LCRN/LfYwC1LqBYSJt1Z7mAwp9xMLE18t9zAJUikKYeKp9R7uQjqKQZjs67GHm5BqIRAmu3rt4Sqk2psvTP3ruYeLkFptujD1q/cePkFqvdnC1D6LPZz2fkOvgag6We3htPaB3gNRx7Pcw8liAEsDUcey3sPT7/d3883UEZRjMfyFLD5GUjOGhfAay9pNb9frq/UgAJ4F8RTLmr1dr6/T7Xa7CZO/WNbq7Xp9vd1utwkAhMlXLGs0IwLuvkcSJh+xrM09IuDhm21h4o5lTR4RAQuP2oSJM5a1WEIErDz8FyauWNZgDRGw8TySMHHEMvctRMDOE5LCZBvLnPcQAQnPbAuTTSxzTUEEJL5EIkx9Y5ljKiIg47U2YeoTy9xyEAGZL9oKU9tY5pSLCCh49V+Y2sQylxJEQOExEmGqG8scShEBB84jCVOdWMZ+BBFw8GCbMB2LZcxHEQEVTkgKU1ksY62BCKh01FaY8mIZYy1EQMUz28KUFsvYaiICKh/+F6btWMZUGxHQ4C4SYVqOZSwtEAGNbkcSJr4xAO0QAQ3vaxMm+2vf1xIR0PgGydExjYII6HCn7aiYRkIEdLplezRMoyECOt77PwqmEREBnd9EIjqmUREBBu9GEhXTyIgAo7e1iYZpdESA4fsjRcEkRF+ZvtGWd0xC9D/zd2zzikmIvmcOCfCHSYieo4AE+MEkRMvRQAL4MQnRelSQAF5MQrTd6ch/196y8/l8/vnjxy/rcTDFiggg/Io0x/SViSFmRAAxJECY5tgRAeSQAGHygAhwAAkYF5MXRIATSMB4mDwhAhxBAsbB5A0R4AwSEB+TR0SAQ0hAXExeEQFOIQHxMHlGBDiGBMTB5B0R4BwS4B9TBERAAEiAX0xREAFBIAH+MEVCBASCBPjBFA0REAwSwI8pIiIgICSAF1NUREBQSAAfpsiIgMCQAIDphCXTWFoUFhLLGev7GMdUq5CQmDeMeWxHCgfJw0Z5GGNuoSB52iBPY00pDCSPG+NxzGuFgOR5QzyP/T73kCJsRIQ5uIYUYQPmvM/FLSTvC7+U5zm5hOR5wffyOjd3kLwudE4e5+gKkscFLs3bXN1A8rawNfI0ZxeQPC1o7bzMnR6Sl4VsmYc1oIbkYQF7xb4WtJBYFu7ten1lOWnJsiZLUUJiWbD5eCzTsV2WtXmMDhLLQj2esRam7aggsSzQ2kF9YVqPBhLLwuzd7SFMy1FAYlmQ1FuGhOk5c0gsC5F735kwfc8UEsMCAOU3LwrT/8wgWU987ugdsML0lQmkKIjmhMkAUjREc6Nj6gopKqK5kTF1gxQd0dyomLpAGgXR3IiYmkMaDdHcaJiaQhoV0dxImJpBGh3R3CiYmkASou+NgKk6JCFaLjqmqpCEaLvImKpBEqK0omKqAkmI8oqI6TAkISorGqZDkIToWJEwFUMSojpFwVQESYjqFgFTNiQhapN3TFmQhKhtnjElQxKiPnnFlARJiPrmEdMuJCGyyRumTUhCZJsnTKuQhIgjL5gWIQkRVx4wPUESIs7YMU17v8EiIVqOGdO09gGrhGg7VkzT4y9YJkRpMWI6/X5/FyKnnc/nM8t/A2/+RluAEJXG9JXJHJIQHYsF0/RyuZysLi5EdbLG9HK5nKb5B70vLkR1s8I025kef6FHQtSm3pjuzUxrH2iVELWtF6ZHK0/fbLfEJER9ao1pycjio7YWmISob60wrdlYffhfE5MQ2VQb05aJzeeRamASIttqYdqzsPuE5BFMQsTRUUwpBpKe2S7BJERclWJK3fvkl0hyMAkRZ7mYcvY867W2lE8sRNylYsr9Vyj7RdutCwiRj/YwlXwrU/Tq/9KFhMhXa5hKH1wVHyO5v6AQ+ewR05FH6H8B5Ihh9gBsjDAAAAAASUVORK5CYII="},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4408,59,2450],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,r,o,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},42450:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>k});var i=t(80248),r=t(34988),o=t(9420),s=t(96463),l=t(87363),a=t(65515),d=t.n(a),A=t(88683),c=t(93379),u=t.n(c),m=t(7795),h=t.n(m),p=t(90569),g=t.n(p),x=t(3565),y=t.n(x),E=t(19216),R=t.n(E),S=t(44589),f=t.n(S),b=t(68042),v={};v.styleTagTransform=f(),v.setAttributes=y(),v.insert=g().bind(null,"head"),v.domAPI=h(),v.insertStyleElement=R();u()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=t(22976),L=t.n(w),C=t(47514);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,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,A.useTranslation)().t,o=t.getIsInMobileView()?50:100,a=n.groups[0].items,c=(0,l.useState)({x:0,y:0}),u=(0,r.Z)(c,2),m=u[0],h=u[1],p=(0,l.useState)(void 0),g=(0,r.Z)(p,2),x=g[0],y=g[1],E=(0,l.useRef)(null),R=(0,l.useRef)(null),S=(0,l.useState)(!1),f=(0,r.Z)(S,2),v=f[0],w=f[1],k=function scrollLeftOrRight(e){var n,i,r;if(E.current){var o=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(r=t.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().x)&&void 0!==i?i:0);o<E.current.getBoundingClientRect().width/100*5?E.current.scrollTo({left:E.current.scrollLeft-10}):o>E.current.getBoundingClientRect().width/100*95&&E.current.scrollTo({left:E.current.scrollLeft+10})}},Y=function getEventOffsetX(e){var n,i,r,o,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(r=t.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(o=null===(s=E.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==o?o:0)},B={onStart:function handleStart(e){var n=Y(e),t=n-n%o;h({y:0,x:t}),y(a[t/o])},onDrag:function handleDrag(e){var n=Y(e),t=(n-n%o)/o;t>=0&&t<a.length&&((null==x?void 0:x.key)!=a[t].key&&(null==x?void 0:x.currentDoor.StrictType)===a[t].currentDoor.StrictType?w(!0):w(!1)),k(e)},onStop:function handleStop(e){var n=Y(e),i=(n-n%o)/o;v&&x&&i>=0&&i<a.length&&t.paletteViewHandler.moveDoors(x.door,a[i].door),y(void 0),w(!1),h({y:0,x:0})}};return(0,C.jsxs)(C.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,C.jsx)("div",{ref:E,className:d()(b.nC,"box",t.getIsInMobileView()?b.ai:void 0),children:(0,C.jsxs)("div",{className:b.YS,children:[(0,C.jsx)(L(),_objectSpread(_objectSpread({nodeRef:R,bounds:"parent",position:m},B),{},{axis:"x",defaultClassName:b.ts,defaultClassNameDragging:d()(b.sv,v?b.Zn:b.zP),children:(0,C.jsx)("div",{ref:R,className:"box cursor-x",style:{width:x?o:o*a.length}})})),a.map((function(e,n){return(0,C.jsxs)("div",{className:d()(b.nw,0==n?b.Ps:void 0,n===a.length-1?b.Z$:void 0),children:["TUER_L"==e.type&&(0,C.jsx)("div",{className:d()(b.pr,b.F2)}),"TUER_R"==e.type&&(0,C.jsx)("div",{className:d()(b.pr,b.t$)})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{F2:()=>f,Ps:()=>y,YS:()=>p,Z$:()=>E,ZP:()=>C,Zn:()=>w,ai:()=>x,nC:()=>h,nw:()=>g,pr:()=>R,sv:()=>v,t$:()=>S,ts:()=>b,zP:()=>L});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(42495),t.b),A=new URL(t(42087),t.b),c=s()(r()),u=a()(d),m=a()(A);c.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  width: 100px;\n  word-break: break-word;\n  height: 300px;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n}\n\n.index-module--EHWt0 .index-module--aqj4f {\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  left: calc(50% - 32px);\n  height: 40px;\n  width: 60px;\n  pointer-events: none;\n}\n\n.index-module--EHWt0 .index-module--BhUM_ {\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 300px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--EHWt0 .index-module--f8a_9 {\n  height: 150px;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var h="index-module--NzX3M",p="index-module--RkNWX",g="index-module--aqj4f",x="index-module--EHWt0",y="index-module--SrsAj",E="index-module--vuiRh",R="index-module--BhUM_",S="index-module--ypgMv",f="index-module--SMdcf",b="index-module--f8a_9",v="index-module--FwvZJ",w="index-module--Sc12s",L="index-module--nAXUW";const C=c},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},42495:e=>{"use strict";e.exports="data:image/png;base64,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"},42087:e=>{"use strict";e.exports="data:image/png;base64,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"},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 443.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[443,7801,7348,3525,3090,9290,8938,241,8445,4580,3401,4723,2352,4516,5115],{65526:(e,t,n)=>{"use strict";var o=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,l,i,r){if(r!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},37801:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5065),c=n(22976),a=n.n(c),u=n(96463),d=n(47514),p=new s.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),c=(0,o.Z)(i,2),f=c[0],v=c[1],m=!1,h=(0,u.NP)();return(0,d.jsx)(a(),{handle:".handle3DMove",onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(m&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=h.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?h.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(l=h.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?h.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-r,e.clientY-c)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var a;null===(a=t.onDragMoveFunction)||void 0===a||a.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-r,e.touches[0].clientY-c)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),m=!1}()},children:(0,d.jsx)("div",{style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),s=n(87363),c=n(5065),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,s.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(96463)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r.NP)();return(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px",visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5065),c=n(22976),a=n.n(c),u=n(96463),d=n(47514),p=new s.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),c=(0,l.useState)(!1),f=(0,o.Z)(c,2),v=f[0],m=f[1],h=!1;return(0,d.jsx)(a(),{handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,c=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-c,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-c,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{"use strict";n.d(t,{Z:()=>useDockingPointPositioning});var o=n(5065),l=n(96463);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},20640:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(5065),v=n(96463);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(37537),P=(0,x.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],S=E[1],R=(0,i.useState)(null),k=(0,o.Z)(R,2),b=k[0],F=k[1],O=(0,i.useState)(null),T=(0,o.Z)(O,2),U=T[0],B=T[1],G=(0,i.useState)(null),j=(0,o.Z)(G,2),A=j[0],_=(j[1],(0,i.useState)(null)),Z=(0,o.Z)(_,2),L=Z[0],X=(Z[1],(0,i.useState)(null)),V=(0,o.Z)(X,2),Y=V[0],H=(V[1],(0,i.useState)(null)),K=(0,o.Z)(H,2),W=K[0],q=K[1],z=(0,i.useState)(null),J=(0,o.Z)(z,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),se=t.find((function(e){return"PosNr"==e.type})),ce=t.find((function(e){return"AVL"==e.type})),ae=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}break;case"3D":d.y=100-d.y,d.y-=1,d.x+=3,d.x<1&&(d.x=1),d.y<1&&(d.y=1)}a=d.x,u=d.y}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:se,posNrElement:N}),we=(0,p.Z)({item:ce,dpElement:b}),Me=(0,p.Z)({item:ae,dpElement:U}),Ee=(0,p.Z)({item:ye,dpElement:A}),Ne=(0,p.Z)({item:Ce,dpElement:L}),Se=(0,p.Z)({item:xe,dpElement:Y}),Re=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C="calc("+r.top+"% - "+(r.height+2)+"px)"):(x=!0,y=r.left.toString()+"%",C="calc("+r.top+"% - "+(r.height+5)+"px)"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var D=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0),!D&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0))}g=100-g,(h-=1)>99&&(h=99),(g-=2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Se,trashElement:W}),ke=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:Re,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:Re,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[se&&(0,M.jsx)(h.default,{item:se,rect:De,onElement:S,plannerUIProps:n}),fe&&(0,M.jsx)(c.default,{item:fe,plannerUIProps:n},fe.key),ce&&(0,M.jsx)(r.default,{item:ce,rect:we,onElement:F,plannerUIProps:n},null==ce?void 0:ce.key),ae&&(0,M.jsx)(s.default,{item:ae,rect:Me,onElement:B,plannerUIProps:n},null==ae?void 0:ae.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Se.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Se,invertLeftRight:Se.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:Re,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:ke,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(a.default,{item:he,rect:be,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))},65515:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[443,7801,7348,3525,3090,9290,8938,241,8445,4580,3401,4723,2352,4516,5115],{65526:(e,t,n)=>{"use strict";var o=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,l,i,r){if(r!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},37801:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(96463),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5065),c=n(22976),a=n.n(c),u=n(96463),d=n(47514),p=new s.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),c=(0,o.Z)(i,2),f=c[0],v=c[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(a(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=g.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?g.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(l=g.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?g.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-r,e.clientY-c)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var a;null===(a=t.onDragMoveFunction)||void 0===a||a.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-r,e.touches[0].clientY-c)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{ref:m,style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),s=n(87363),c=n(5065),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,s.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(96463)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r.NP)();return(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px",visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5065),c=n(22976),a=n.n(c),u=n(96463),d=n(47514),p=new s.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),c=(0,l.useState)(!1),f=(0,o.Z)(c,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(a(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(g&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,c=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-c,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-c,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}g=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),g=!1}()},children:(0,d.jsx)("div",{ref:h,style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{"use strict";n.d(t,{Z:()=>useDockingPointPositioning});var o=n(5065),l=n(96463);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},20640:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(5065),v=n(96463);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(37537),P=(0,x.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],S=E[1],R=(0,i.useState)(null),k=(0,o.Z)(R,2),b=k[0],F=k[1],O=(0,i.useState)(null),T=(0,o.Z)(O,2),U=T[0],B=T[1],G=(0,i.useState)(null),j=(0,o.Z)(G,2),A=j[0],_=(j[1],(0,i.useState)(null)),Z=(0,o.Z)(_,2),L=Z[0],X=(Z[1],(0,i.useState)(null)),V=(0,o.Z)(X,2),Y=V[0],H=(V[1],(0,i.useState)(null)),K=(0,o.Z)(H,2),W=K[0],q=K[1],z=(0,i.useState)(null),J=(0,o.Z)(z,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),se=t.find((function(e){return"PosNr"==e.type})),ce=t.find((function(e){return"AVL"==e.type})),ae=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}break;case"3D":d.y=100-d.y,d.y-=1,d.x+=3,d.x<1&&(d.x=1),d.y<1&&(d.y=1)}a=d.x,u=d.y}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:se,posNrElement:N}),we=(0,p.Z)({item:ce,dpElement:b}),Me=(0,p.Z)({item:ae,dpElement:U}),Ee=(0,p.Z)({item:ye,dpElement:A}),Ne=(0,p.Z)({item:Ce,dpElement:L}),Se=(0,p.Z)({item:xe,dpElement:Y}),Re=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C="calc("+r.top+"% - "+(r.height+2)+"px)"):(x=!0,y=r.left.toString()+"%",C="calc("+r.top+"% - "+(r.height+5)+"px)"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var D=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0),!D&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0))}g=100-g,(h-=1)>99&&(h=99),(g-=2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Se,trashElement:W}),ke=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:Re,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:Re,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[se&&(0,M.jsx)(h.default,{item:se,rect:De,onElement:S,plannerUIProps:n}),fe&&(0,M.jsx)(c.default,{item:fe,plannerUIProps:n},fe.key),ce&&(0,M.jsx)(r.default,{item:ce,rect:we,onElement:F,plannerUIProps:n},null==ce?void 0:ce.key),ae&&(0,M.jsx)(s.default,{item:ae,rect:Me,onElement:B,plannerUIProps:n},null==ae?void 0:ae.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Se.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Se,invertLeftRight:Se.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:Re,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:ke,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(a.default,{item:he,rect:be,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))},65515:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6785.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6785],{16785:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ne});var i=t(84658),r=t(34988),s=t(50747),o=t.n(s),a=t(9420),d=t(88683),c=t(87363),l=t(80248),p=t(93379),w=t.n(p),u=t(7795),m=t.n(u),g=t(90569),v=t.n(g),x=t(3565),h=t.n(x),j=t(19216),f=t.n(j),b=t(44589),N=t.n(b),y=t(3842),M={};M.styleTagTransform=N(),M.setAttributes=h(),M.insert=v().bind(null,"head"),M.domAPI=m(),M.insertStyleElement=f();w()(y.Z,M);y.Z&&y.Z.locals&&y.Z.locals;var z=t(47514);const D=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,z.jsx)("a",{className:y.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,z.jsx)(z.Fragment,{})};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,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=function Image(e){var n=e.item,t=n.image,i=n.cover,r=n.style,s=n.altText,o={};if(!t)return(0,z.jsx)(z.Fragment,{});var a=new URL(t);return i?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight="100%"),(0,z.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},o),r),src:a.toString()})};var L=t(91306),S={};S.styleTagTransform=N(),S.setAttributes=h(),S.insert=v().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=f();w()(L.ZP,S);L.ZP&&L.ZP.locals&&L.ZP.locals;const I=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,z.jsx)(z.Fragment,{});if(t.includes("youtube.com")||t.includes("youtu.be")){if(i)return(0,z.jsx)("div",{className:L.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,z.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"})}return(0,z.jsx)("video",{className:L.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,z.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})})};var T=t(75048),C={};C.styleTagTransform=N(),C.setAttributes=h(),C.insert=v().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();w()(T.Z,C);T.Z&&T.Z.locals&&T.Z.locals;const A=function Title(e){var n=e.item,t=n.text,i=n.style;return t?(0,z.jsx)("h4",{className:T.T,style:i,children:t}):(0,z.jsx)(z.Fragment,{})};var P=t(299),Q={};Q.styleTagTransform=N(),Q.setAttributes=h(),Q.insert=v().bind(null,"head"),Q.domAPI=m(),Q.insertStyleElement=f();w()(P.Z,Q);P.Z&&P.Z.locals&&P.Z.locals;var k=t(37707),E=t(31964),Z=t(4010),U={};U.styleTagTransform=N(),U.setAttributes=h(),U.insert=v().bind(null,"head"),U.domAPI=m(),U.insertStyleElement=f();w()(Z.ZP,U);Z.ZP&&Z.ZP.locals&&Z.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,l.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}const Y=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=(0,c.useState)(null),o=(0,r.Z)(s,2),a=o[0],d=o[1];return 0==t.length?(0,z.jsx)(z.Fragment,{}):1==t.length?(0,z.jsx)(G,{item:Gallery_objectSpread({},t[0])}):(0,z.jsxs)("div",{style:Gallery_objectSpread({},i),className:"diva-stop-swipe-detection",children:[(0,z.jsx)(k.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,thumbs:{swiper:a&&!a.destroyed?a:null},modules:[E.Rv,E.W_,E.o3],className:Z.wn,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:e})},n)}))}),(0,z.jsx)(k.tq,{onSwiper:d,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[E.Rv,E.W_,E.o3],className:Z.pD,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:Gallery_objectSpread(Gallery_objectSpread({},e),"Video"==e.type?{thumb:!0}:{})})},n)}))})]})};const _=function RichText(e){var n=e.item,t=n.text,i=n.style;return(0,z.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:t}})};const W=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,z.jsx)("div",{style:t,children:i.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})};const G=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,z.jsx)(Y,{item:n});case"Image":return(0,z.jsx)(O,{item:n});case"RichText":return(0,z.jsx)(_,{item:n});case"Title":return(0,z.jsx)(A,{item:n});case"URL":return(0,z.jsx)(D,{item:n});case"Video":return(0,z.jsx)(I,{item:n});case"Wrapper":return(0,z.jsx)(W,{item:n})}throw new Error("unkonwn type: "+n.type)};const R=function ContentItems(e){var n=e.contentItems,t=e.wrapperStyle;return(0,z.jsx)(z.Fragment,{children:(0,z.jsx)("div",{style:t,id:"diva-content-item",children:n.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})})};function src_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 src_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?src_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):src_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=function Main(e){var n=e.settings;e.parameters,e.internal;return(0,z.jsx)(R,src_objectSpread({},n))},H=function ContentItemComponent(e){return(0,z.jsx)(B,src_objectSpread({},e))};var K=t(96463),F=t(12299),V={};V.styleTagTransform=N(),V.setAttributes=h(),V.insert=v().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=f();w()(F.ZP,V);F.ZP&&F.ZP.locals&&F.ZP.locals;var J=t(22976),X=t.n(J),$=t(65515),q=t.n($),ee=(0,d.getLogger)("Planner","InfoBox");const ne=(0,a.Pi)((function ContentItemWrapper(e){var n,t=e.id,s=e.startPos,a=void 0===s?"left":s,l=e.noWrapper,p=(0,d.useDivaCore)(),w=p.handler.contentItemHandler,u=p.actions,m=u.openSideMenu,g=u.closeSideMenu,v=(0,d.useTranslation)().i18n.language,x=(0,K.NP)(),h=(0,c.useState)(),j=(0,r.Z)(h,2),f=j[0],b=j[1];(0,c.useEffect)((function(){t&&N()}),[t]);var N=function(){var e=(0,i.Z)(o().mark((function _callee(){var e,n,i;return o().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,w.getContentItem(t,v);case 2:n=r.sent,i=n.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text})),ee.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:n._id,title:null!==(e=i[0])&&void 0!==e?e:void 0}),b(n),x.getIsInMobileView()&&m({side:"left",onClose:function onClose(){x.settingsState.setContentItemId(),g()},open:!0,content:(0,z.jsx)("div",{className:q()(F.ai),children:(0,z.jsx)(H,{settings:{contentItems:n.content,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"}}})})});case 7:case"end":return r.stop()}}),_callee)})));return function loadData(){return e.apply(this,arguments)}}();if((0,c.useEffect)((function(){void 0===t&&b(void 0)}),[t]),!f)return(0,z.jsx)(z.Fragment,{});if(x.getIsInMobileView())return(0,z.jsx)(z.Fragment,{});if(l)return(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}});var y=null===(n=x.productState.productElement)||void 0===n?void 0:n.getBoundingClientRect();return(0,z.jsx)(X(),{handle:".handle",bounds:"parent",defaultPosition:"right"==a?{x:null!=y&&y.width?(null==y?void 0:y.width)-508:0,y:0}:void 0,children:(0,z.jsxs)("div",{className:F.YS,style:{maxHeight:null!=y&&y.height&&y.height<720?(null==y?void 0:y.height)-20:700},children:[(0,z.jsxs)("div",{className:F.Fs,children:[(0,z.jsx)("div",{className:q()("handle",F.pr)}),(0,z.jsx)("div",{className:F.UF,onClick:function onClick(){return x.settingsState.setContentItemId()}})]}),(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}})]})})}))},4010:(e,n,t)=>{t.d(n,{ZP:()=>c,pD:()=>d,wn:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.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\n#diva-content-item .swiper {\n  width: 100%;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\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 a="index-module--OxIZN",d="index-module--rtXCE";const c=o},75048:(e,n,t)=>{t.d(n,{T:()=>a,Z:()=>d});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var a="index-module--uEwKl";const d=o},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.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 a="index-module--JVQuz";const d=o},91306:(e,n,t)=>{t.d(n,{$s:()=>w,E0:()=>u,ZP:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(81724),t.b),l=o()(r()),p=d()(c);l.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("+p+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var w="index-module--dsgPM",u="index-module--zjkX4";const m=l},12299:(e,n,t)=>{t.d(n,{Fs:()=>u,UF:()=>g,YS:()=>w,ZP:()=>x,ai:()=>v,pr:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(76380),t.b),l=o()(r()),p=d()(c);l.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("+p+");\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 w="index-module--iorwa",u="index-module--U836J",m="index-module--jHvNX",g="index-module--XBhn6",v="index-module--sVOQy";const x=l},299:(e,n,t)=>{t.d(n,{Z:()=>w});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(64197),t.b),l=o()(r()),p=d()(c);l.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("+p+');\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 w=l},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6785],{16785:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ne});var i=t(84658),r=t(34988),s=t(50747),o=t.n(s),a=t(9420),d=t(88683),c=t(87363),l=t(80248),p=t(93379),w=t.n(p),u=t(7795),m=t.n(u),g=t(90569),v=t.n(g),x=t(3565),h=t.n(x),f=t(19216),j=t.n(f),b=t(44589),N=t.n(b),y=t(3842),M={};M.styleTagTransform=N(),M.setAttributes=h(),M.insert=v().bind(null,"head"),M.domAPI=m(),M.insertStyleElement=j();w()(y.Z,M);y.Z&&y.Z.locals&&y.Z.locals;var z=t(47514);const D=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,z.jsx)("a",{className:y.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,z.jsx)(z.Fragment,{})};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,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=function Image(e){var n=e.item,t=n.image,i=n.cover,r=n.style,s=n.altText,o={};if(!t)return(0,z.jsx)(z.Fragment,{});var a=new URL(t);return i?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight="100%"),(0,z.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},o),r),src:a.toString()})};var L=t(91306),S={};S.styleTagTransform=N(),S.setAttributes=h(),S.insert=v().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=j();w()(L.ZP,S);L.ZP&&L.ZP.locals&&L.ZP.locals;const I=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,z.jsx)(z.Fragment,{});if(t.includes("youtube.com")||t.includes("youtu.be")){if(i)return(0,z.jsx)("div",{className:L.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,z.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"})}return(0,z.jsx)("video",{className:L.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,z.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})})};var T=t(75048),C={};C.styleTagTransform=N(),C.setAttributes=h(),C.insert=v().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=j();w()(T.Z,C);T.Z&&T.Z.locals&&T.Z.locals;const A=function Title(e){var n=e.item,t=n.text,i=n.style;return t?(0,z.jsx)("h4",{className:T.T,style:i,children:t}):(0,z.jsx)(z.Fragment,{})};var P=t(299),Q={};Q.styleTagTransform=N(),Q.setAttributes=h(),Q.insert=v().bind(null,"head"),Q.domAPI=m(),Q.insertStyleElement=j();w()(P.Z,Q);P.Z&&P.Z.locals&&P.Z.locals;var k=t(37707),E=t(31964),Z=t(4010),U={};U.styleTagTransform=N(),U.setAttributes=h(),U.insert=v().bind(null,"head"),U.domAPI=m(),U.insertStyleElement=j();w()(Z.ZP,U);Z.ZP&&Z.ZP.locals&&Z.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,l.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}const Y=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=(0,c.useState)(null),o=(0,r.Z)(s,2),a=o[0],d=o[1];return 0==t.length?(0,z.jsx)(z.Fragment,{}):1==t.length?(0,z.jsx)(W,{item:Gallery_objectSpread({},t[0])}):(0,z.jsxs)("div",{style:Gallery_objectSpread({},i),className:"diva-stop-swipe-detection",children:[(0,z.jsx)(k.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,thumbs:{swiper:a&&!a.destroyed?a:null},modules:[E.Rv,E.W_,E.o3],className:Z.wn,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(W,{item:e})},n)}))}),(0,z.jsx)(k.tq,{onSwiper:d,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[E.Rv,E.W_,E.o3],className:Z.pD,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(W,{item:Gallery_objectSpread(Gallery_objectSpread({},e),"Video"==e.type?{thumb:!0}:{})})},n)}))})]})};const _=function RichText(e){var n=e.item,t=n.text,i=n.style;return(0,z.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:t}})};const R=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,z.jsx)("div",{style:t,children:i.map((function(e,n){return(0,z.jsx)(W,{item:e},n)}))})};const W=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,z.jsx)(Y,{item:n});case"Image":return(0,z.jsx)(O,{item:n});case"RichText":return(0,z.jsx)(_,{item:n});case"Title":return(0,z.jsx)(A,{item:n});case"URL":return(0,z.jsx)(D,{item:n});case"Video":return(0,z.jsx)(I,{item:n});case"Wrapper":return(0,z.jsx)(R,{item:n})}throw new Error("unkonwn type: "+n.type)};const G=function ContentItems(e){var n=e.contentItems,t=e.wrapperStyle;return(0,z.jsx)(z.Fragment,{children:(0,z.jsx)("div",{style:t,id:"diva-content-item",children:n.map((function(e,n){return(0,z.jsx)(W,{item:e},n)}))})})};function src_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 src_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?src_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):src_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=function Main(e){var n=e.settings;e.parameters,e.internal;return(0,z.jsx)(G,src_objectSpread({},n))},H=function ContentItemComponent(e){return(0,z.jsx)(B,src_objectSpread({},e))};var K=t(96463),F=t(12299),V={};V.styleTagTransform=N(),V.setAttributes=h(),V.insert=v().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=j();w()(F.ZP,V);F.ZP&&F.ZP.locals&&F.ZP.locals;var J=t(22976),X=t.n(J),$=t(65515),q=t.n($),ee=(0,d.getLogger)("Planner","InfoBox");const ne=(0,a.Pi)((function ContentItemWrapper(e){var n,t=e.id,s=e.startPos,a=void 0===s?"left":s,l=e.noWrapper,p=(0,d.useDivaCore)(),w=p.handler.contentItemHandler,u=p.actions,m=u.openSideMenu,g=u.closeSideMenu,v=(0,d.useTranslation)().i18n.language,x=(0,c.useRef)(null),h=(0,K.NP)(),f=(0,c.useState)(),j=(0,r.Z)(f,2),b=j[0],N=j[1];(0,c.useEffect)((function(){t&&y()}),[t]);var y=function(){var e=(0,i.Z)(o().mark((function _callee(){var e,n,i;return o().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,w.getContentItem(t,v);case 2:n=r.sent,i=n.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text})),ee.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:n._id,title:null!==(e=i[0])&&void 0!==e?e:void 0}),N(n),h.getIsInMobileView()&&m({side:"left",onClose:function onClose(){h.settingsState.setContentItemId(),g()},open:!0,content:(0,z.jsx)("div",{className:q()(F.ai),children:(0,z.jsx)(H,{settings:{contentItems:n.content,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"}}})})});case 7:case"end":return r.stop()}}),_callee)})));return function loadData(){return e.apply(this,arguments)}}();if((0,c.useEffect)((function(){void 0===t&&N(void 0)}),[t]),!b)return(0,z.jsx)(z.Fragment,{});if(h.getIsInMobileView())return(0,z.jsx)(z.Fragment,{});if(l)return(0,z.jsx)(H,{settings:{contentItems:b.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}});var M=null===(n=h.productState.productElement)||void 0===n?void 0:n.getBoundingClientRect();return(0,z.jsx)(X(),{nodeRef:x,handle:".handle",bounds:"parent",defaultPosition:"right"==a?{x:null!=M&&M.width?(null==M?void 0:M.width)-508:0,y:0}:void 0,children:(0,z.jsxs)("div",{ref:x,className:F.YS,style:{maxHeight:null!=M&&M.height&&M.height<720?(null==M?void 0:M.height)-20:700},children:[(0,z.jsxs)("div",{className:F.Fs,children:[(0,z.jsx)("div",{className:q()("handle",F.pr)}),(0,z.jsx)("div",{className:F.UF,onClick:function onClick(){return h.settingsState.setContentItemId()}})]}),(0,z.jsx)(H,{settings:{contentItems:b.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}})]})})}))},4010:(e,n,t)=>{t.d(n,{ZP:()=>c,pD:()=>d,wn:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.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\n#diva-content-item .swiper {\n  width: 100%;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\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 a="index-module--OxIZN",d="index-module--rtXCE";const c=o},75048:(e,n,t)=>{t.d(n,{T:()=>a,Z:()=>d});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var a="index-module--uEwKl";const d=o},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.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 a="index-module--JVQuz";const d=o},91306:(e,n,t)=>{t.d(n,{$s:()=>w,E0:()=>u,ZP:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(81724),t.b),l=o()(r()),p=d()(c);l.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("+p+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var w="index-module--dsgPM",u="index-module--zjkX4";const m=l},12299:(e,n,t)=>{t.d(n,{Fs:()=>u,UF:()=>g,YS:()=>w,ZP:()=>x,ai:()=>v,pr:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(76380),t.b),l=o()(r()),p=d()(c);l.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("+p+");\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 w="index-module--iorwa",u="index-module--U836J",m="index-module--jHvNX",g="index-module--XBhn6",v="index-module--sVOQy";const x=l},299:(e,n,t)=>{t.d(n,{Z:()=>w});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(64197),t.b),l=o()(r()),p=d()(c);l.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("+p+');\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 w=l},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);