@crystaldesign/diva-web-planner-react 25.4.0-beta.51 → 25.4.0-beta.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "25.4.0-beta.51",
+  "version": "25.4.0-beta.53",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "25.4.0-beta.51",
-    "@crystaldesign/product-detail-page": "25.4.0-beta.51",
-    "@crystaldesign/products-component": "25.4.0-beta.51",
-    "@crystaldesign/real-time-viewer": "25.4.0-beta.51",
-    "@crystaldesign/web-planner-logic": "25.4.0-beta.51",
-    "@crystaldesign/widget-contact-form": "25.4.0-beta.51",
+    "@crystaldesign/content-item": "25.4.0-beta.53",
+    "@crystaldesign/product-detail-page": "25.4.0-beta.53",
+    "@crystaldesign/products-component": "25.4.0-beta.53",
+    "@crystaldesign/real-time-viewer": "25.4.0-beta.53",
+    "@crystaldesign/web-planner-logic": "25.4.0-beta.53",
+    "@crystaldesign/widget-contact-form": "25.4.0-beta.53",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -48,5 +48,5 @@
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "bd5369f12ab1d9c0cdd681e6fc355d7bf5b62628"
+  "gitHead": "bbf421634d6c4eecf12f2d913458e0e8aeac2e58"
 }

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

@@ -1,2 +0,0 @@
-/*! For license information please see 4438.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4438],{54438:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});var i=r(13125),n=r(43860),s=r(80248),a=r(53891),o=r(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")},l=r(82042);const d={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=r(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 l.iKG(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends l.u9r{constructor(){super(),this.setAttribute("position",new l.a$l([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new l.a$l([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new l.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 l.jyz?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=l.rDY.clone(e.uniforms),this.material=new l.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,r){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=r.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,r){const i=e.getContext(),n=e.state;let s,a;n.buffers.color.setMask(!1),n.buffers.depth.setMask(!1),n.buffers.color.setLocked(!0),n.buffers.depth.setLocked(!0),this.inverse?(s=0,a=1):(s=1,a=0),n.buffers.stencil.setTest(!0),n.buffers.stencil.setOp(i.REPLACE,i.REPLACE,i.REPLACE),n.buffers.stencil.setFunc(i.ALWAYS,s,4294967295),n.buffers.stencil.setClear(a),n.buffers.stencil.setLocked(!0),e.setRenderTarget(r),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(t),this.clear&&e.clear(),e.render(this.scene,this.camera),n.buffers.color.setLocked(!1),n.buffers.depth.setLocked(!1),n.buffers.color.setMask(!0),n.buffers.depth.setMask(!0),n.buffers.stencil.setLocked(!1),n.buffers.stencil.setFunc(i.EQUAL,1,4294967295),n.buffers.stencil.setOp(i.KEEP,i.KEEP,i.KEEP),n.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 r=e.getSize(new l.FM8);this._width=r.width,this._height=r.height,(t=new l.dd2(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:l.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(d),this.copyPass.material.blending=l.jFi,this.clock=new l.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 r=!1;for(let t=0,i=this.passes.length;t<i;t++){const i=this.passes[t];if(!1!==i.enabled){if(i.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),i.render(this.renderer,this.writeBuffer,this.readBuffer,e,r),i.needsSwap){if(r){const t=this.renderer.getContext(),r=this.renderer.state.buffers.stencil;r.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),r.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==MaskPass&&(i instanceof MaskPass?r=!0:i instanceof ClearMaskPass&&(r=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const t=this.renderer.getSize(new l.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 r=this._width*this._pixelRatio,i=this._height*this._pixelRatio;this.renderTarget1.setSize(r,i),this.renderTarget2.setSize(r,i);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(r,i)}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,r=null,i=null,n=null){super(),this.scene=e,this.camera=t,this.overrideMaterial=r,this.clearColor=i,this.clearAlpha=n,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this._oldClearColor=new l.Ilk}render(e,t,r){const i=e.autoClear;let n,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&&(n=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),1==this.clearDepth&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:r),!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(n),null!==this.overrideMaterial&&(this.scene.overrideMaterial=s),e.autoClear=i}}var f=r(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,r=this.y,i=e.elements;return this.x=i[0]*t+i[3]*r+i[6],this.y=i[1]*t+i[4]*r+i[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 r=this.length();return this.divideScalar(r||1).multiplyScalar(Math.max(e,Math.min(t,r)))}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 r=this.dot(e)/t;return Math.acos(f.uZ(r,-1,1))}distanceTo(e){return Math.sqrt(this.distanceToSquared(e))}distanceToSquared(e){const t=this.x-e.x,r=this.y-e.y;return t*t+r*r}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,r){return this.x=e.x+(t.x-e.x)*r,this.y=e.y+(t.y-e.y)*r,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 r=Math.cos(t),i=Math.sin(t),n=this.x-e.x,s=this.y-e.y;return this.x=n*r-s*i+e.x,this.y=n*i+s*r+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"),v=function(){return(0,n.Z)((function Planner3DGrid(e,t){var r=this;(0,i.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){r.clearSelectionFrom3DGrid(),r.threeContainer.removeEventListener("mouseup",r.onMouseUpClearSelection)})),(0,s.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(r.camera){var i=new l.iMs,n=new l.Pa4;return e=e/r.canvasWidth*2-1,t=-t/r.canvasHeight*2+1,n.set(e,t,.5),i.setFromCamera(new l.FM8(n.x,n.y),r.camera),i.intersectObject(r.groundPlane,!0)}})),(0,s.Z)(this,"startMove",(function(e,t){r.isTransforming=!0;var i=r.getAllPlannedElements();i.has(e)&&(r.clearSceneTree(),i.forEach((function(e,t){for(var i=0;i<e.length;i++)r.updatePlannerElement(e[i])})),m.debug("Start transforming","Planner3DGrid"),r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",r.autoDockingDistance))})),(0,s.Z)(this,"stopMove",(function(e,t){m.debug("Stop transforming","Planner3DGrid"),r.isTransforming=!1,r.transformWorldPosLastFrame=void 0,null!=r.curSelectedElement&&r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",r.autoDockingDistance)})),(0,s.Z)(this,"startRotation",(function(e,t){r.isTransforming=!0;var i=r.getAllPlannedElements();i.has(e)&&(r.clearSceneTree(),i.forEach((function(e,t){for(var i=0;i<e.length;i++)r.updatePlannerElement(e[i])})),r.rotationCenter=void 0,r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",r.autoDockingDistance))})),(0,s.Z)(this,"stopRotation",(function(e,t){r.isTransforming=!1,r.rotationCenter=void 0,r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",r.autoDockingDistance)})),(0,s.Z)(this,"handleTranslation",(function(e,t,i){var n=r.getIntersectsGroundPlane(i.x,i.y);if(n.length>0){var s,o=new a.FM(n[0].point.x,n[0].point.z);if(m.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!r.transformWorldPosLastFrame)return void(r.transformWorldPosLastFrame=o);var h=new a.FM(o.x-r.transformWorldPosLastFrame.x,o.y-r.transformWorldPosLastFrame.y),l=null===(s=r.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!l)return;l.position.x+=h.x,l.position.z+=h.y,null!=r.curSelectedElement&&r.updatePlannerTrans(r.curSelectedElement.getSetId(),r.curSelectedElement.getElementId(),new a.P(100*h.x,0,100*h.y),0,5,"UPDATE",r.autoDockingDistance),r.transformWorldPosLastFrame=o}})),(0,s.Z)(this,"handleRotation",(function(e,t,i){var n=r.getIntersectsGroundPlane(i.x,i.y);if(n.length>0){var s,o=null===(s=r.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!o)return;var h=new a.FM(n[0].point.x,n[0].point.z);if(r.rotationCenter){var l=new a.FM(h.x-o.position.x,h.y-o.position.z),d=new a.FM(0,1),c=a.FM.angleRad(l,d);h.x<o.position.x&&(c=2*Math.PI-c);var u=o.rotation.z-c;o.rotation.z=c,null!=r.curSelectedElement&&r.updatePlannerTrans(r.curSelectedElement.getSetId(),r.curSelectedElement.getElementId(),new a.P(0,0,0),180*u/Math.PI,5,"UPDATE",r.autoDockingDistance)}else r.rotationCenter=h}})),(0,s.Z)(this,"run",(function(){if(r.doShow3DGrid&&null!=r.renderer&&null!=r.backgroundTex){var e=r,t=r.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),r.backGroundTexChanged&&(r.backGroundTexChanged=!1,r.blenderPass.uniforms.backgroundImg.value=r.backgroundTex),r.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(m.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var r=new l._12(100,100),i=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(r,i),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new 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 l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var r=new l.USm;return r.setFromQuaternion(t),r.y+=Math.PI,r.z*=-1,r}},{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,r){t.forEach((function(t,r){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var r=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=r.x,this.camera.position.y=r.y,this.camera.position.z=r.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var r=new a.FM(-.15,t.getDepthOLT()/100/2+.15);r=a.FM.rotateOrigin(r,t.getRotDeg());var i=new l.Pa4(t.getWorldPosCenter().x/100+r.x,0,t.getWorldPosCenter().z/100+r.y),n=a.FM.convertToVector2(this.convertWorldPosToScreenPos(i));if(null!=n){var s=new a.FM(.15,t.getDepthOLT()/100/2+.15);s=a.FM.rotateOrigin(s,t.getRotDeg());var o=new l.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 d=new a.FM((n.x+(null==h?void 0:h.x))/2,(n.y+h.y)/2),c=a.FM.getDirection(n,d),u=a.FM.getDirection(h,d),g=a.FM.add(a.FM.mulNum(a.FM.normalize(c),32),d);g.interpretation="pixel";var f=a.FM.add(a.FM.mulNum(a.FM.normalize(u),32),d);f.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),g,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),f,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var r=e.getWidthOLT()/100,i=e.getDepthOLT()/100,n=new l._12(r,i),s=new l.vBJ({map:t}),a=new l.Kj0(n,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,r,i,n){var s=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=r,this.initBackgroundScene(t),this.canvasWidth=n.imgWidth,this.canvasHeight=n.imgHeight;var a=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=n.imgWidth||this.renderer.getSize(new l.FM8).y!=n.imgHeight||(null==a?void 0:a.vertFov)!=this.camera.fov)&&(this.camera.fov=a.vertFov,this.camera.aspect=n.imgWidth/n.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(n.imgWidth,n.imgHeight)),this.updateCamera(t),i.forEach((function(t,i){for(var n=0;n<t.length;n++)null!=r&&t[n].getElementId()==r.getElementId()&&s.updateInteractionIcons(e,t[n])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new a.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var r=this.canvasWidth/2,i=this.canvasHeight/2;return t.x=t.x*r+r,t.y=-t.y*i+i,new Vector2(t.x,t.y)}}])}(),p=function(){return(0,n.Z)((function Planner3DImageUI(e,t){(0,i.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,r,i){r>100||r<0||i>100||i<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new a.FM(r,i,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,r,i){var n=i.getAlternateRenderInfo();if(!i.getAlternateRenderingsExist()||null!=n){var s=r.parentElementId+"."+r.shelfGridId+"."+r.shelfRasterHeight,a=i.getLeftBottomFrontUIPos(t,s);if(a&&!(a.x<0||a.x>100||a.y<0||a.y>100)){var o=Math.round(i.getDistanceToGround(t,s));-1!=o&&e.addDistanceFromGround(t,r.parentElementId,o,a)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,r,i,n,s){r<0&&(r=0),r>100&&(r=100),i<0&&(i=0),i>100&&(i=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new a.FM(r,i,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),n?"selected":s?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,r){var i=!1,n=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==n||n.IsDisabled||(i=!0);var s=r.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",s,"3D");var a=r.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",a,"3D"),i){var o=r.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,r,i){for(var n=t.getAllDockingPoints(),s=0;s<n.length;s++){var o,h=n[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==i||i===h.Type))for(var l=0;l<r.length;l++)h.Name==r[l].N&&e.addDP(t.getSetId(),t.getElementId(),h.DpId,"ACC",h.IsDocking?"DOCKING":"NOT_DOCKING",h.OnElementId,t.getRotDeg(),0,new a.FM(r[l].x,r[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,r,i,n){var s=t.getOutlinePolygonForSVG(r.getSetId(),r.getElementId(),n);s&&e.addOutline3D(r.getSetId(),r.getElementId(),s.points,s.avgCamDist,i,"BOX"==r.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,r,i,n,s,a,o,h){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,r){for(var o=0;o<t.length;o++){var d=t[o];if(i.hasUIInfosOfElement(d.getSetId(),d.getElementId())){var c=!1,u=a;if(n.has(r))c=n.get(r).map((function(e){return e.getElementId()})).includes(d.getElementId());if(!c&&!a&&s.has(r))for(var g=s.get(r),f=0;f<g.length;f++)if(d.getElementId()==g[f].getElementId()){u=!0;break}switch(l.addOutlinePolygon(e,i,d,c?"selected":u?"selectable":"unselectable",h),d.getPlannerType()){case"STD":var m=i.getLeftTopBackUIPos(d.getSetId(),d.getElementId());if(m&&l.addPosNrUI(e,d,m.x,m.y,c,u),c&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){d.getIsDockedAccessoire()?l.addAccDockingPoints(e,d,i.getAllDockingPoints(d.getSetId(),d.getElementId()),"AVO"):l.addAccDockingPoints(e,d,i.getAllDockingPoints(d.getSetId(),d.getElementId()));var v=i.getRightTopBackUIPos(d.getSetId(),d.getElementId());l.addDelIcon(e,d,v.x,v.y),l.addCopyIcon(e,d)}if("ACC_PLANNER"==l.getConfiguratorState()&&d.getIsDockedAccessoire()){var p=i.getRightTopBackUIPos(d.getSetId(),d.getElementId());l.addDelIcon(e,d,p.x,p.y)}break;case"BOX":var y=i.getBoxPlannerCornerUIPos(d.getSetId(),d.getElementId(),"RIGHTTOPFRONT");if(y&&l.addPosNrUI(e,d,y.x,y.y,c,u),c&&(l.addBoxPlannerDockingPoints(e,d,i),!l.checkBoxPlannerSingleElement(t)&&null!=d.getFreeDockingPointByTypeAndNumber("AVO",1))){var P=i.getBoxPlannerCornerUIPos(d.getSetId(),d.getElementId(),"RIGHTTOPFRONT");P&&l.addDelIcon(e,d,P.x,P.y)}}}}})),r.forEach((function(t,r){for(var n=0;n<t.length;n++){var s=t[n];s.isShelfAcc&&l.addDimensionInfo(e,r,s,i)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),r=e[0].getAllDockingPoints(),i=0;i<t.length;i++)for(var n=t[i],s=0;s<r.length;s++){var a=r[s];if(n.IsDocking&&a.IsDocking&&2==n.Number&&2==a.Number&&("AVO"==n.Type||"AVU"==n.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),y=function(){return(0,n.Z)((function Planner3DImage(e,t,r,n,o,h){(0,i.Z)(this,Planner3DImage),(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,"update3DImgSrcInView",void 0),(0,s.Z)(this,"onDoShowNav3DChanged",void 0),(0,s.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new p(e,h),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new v(r,o),this.onDoShowNav3DChanged=n,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,r,i){if(r)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var n=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!i||!this.enablePlanner3DGrid,n&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!n&&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:"updateUI",value:function updateUI(e,t,r,i,n,s,a,o){var h=this;this.enablePlanner3DGrid&&(i.size>0?i.forEach((function(t,r){for(var i=0;i<t.length;i++)h.planner3DGrid.updateUI(e,t[i])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,r,this.curRendering,i,n,s,a,o)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,r,i,n){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;i.size>0&&i.forEach((function(e,t){null==o&&e.length>0&&(o=e[0])})),this.planner3DGrid.updateScene(e,t,o,r,n)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);

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

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