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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 81.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[81],{60081:(e,t,i)=>{i.r(t),i.d(t,{default:()=>P});var n=i(88501),r=i(8005),s=i(13587),a=i(62436),o=i(14488),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(71799);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(93e3);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.qUd(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends d.LoY{constructor(){super(),this.setAttribute("position",new d.qtW([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new d.qtW([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new d.eaF(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.BKk?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=d.LlO.clone(e.uniforms),this.material=new d.BKk({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.I9Y);this._width=i.width,this._height=i.height,(t=new d.nWS(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:d.ix0})).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.XIg,this.clock=new d.zD7}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.I9Y);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.Q1f}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(78669);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.qE(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 f=(0,o.getLogger)("Planner","Planner3DGrid"),p=function(){return(0,r.A)((function Planner3DGrid(e,t){var i=this;(0,n.A)(this,Planner3DGrid),(0,s.A)(this,"autoDockingDistance",40),(0,s.A)(this,"threeContainer",void 0),(0,s.A)(this,"doShow3DGrid",!1),(0,s.A)(this,"updatePlannerTrans",void 0),(0,s.A)(this,"clearSelectionFrom3DGrid",void 0),(0,s.A)(this,"getAllPlannedElements",void 0),(0,s.A)(this,"groundPlane",void 0),(0,s.A)(this,"camera",void 0),(0,s.A)(this,"renderer",void 0),(0,s.A)(this,"scene",void 0),(0,s.A)(this,"sceneTree",void 0),(0,s.A)(this,"backgroundTex",void 0),(0,s.A)(this,"backGroundTexChanged",!1),(0,s.A)(this,"canvasWidth",void 0),(0,s.A)(this,"canvasHeight",void 0),(0,s.A)(this,"moveIconPerspective",void 0),(0,s.A)(this,"rotateIconPerspective",void 0),(0,s.A)(this,"rotationCenter",void 0),(0,s.A)(this,"isTransforming",!1),(0,s.A)(this,"transformWorldPosLastFrame",void 0),(0,s.A)(this,"curSelectedElement",void 0),(0,s.A)(this,"blenderPass",null),(0,s.A)(this,"composer",null),(0,s.A)(this,"onMouseUpClearSelection",(function(e){i.clearSelectionFrom3DGrid(),i.threeContainer.removeEventListener("mouseup",i.onMouseUpClearSelection)})),(0,s.A)(this,"getIntersectsGroundPlane",(function(e,t){if(i.camera){var n=new d.tBo,r=new d.Pq0;return e=e/i.canvasWidth*2-1,t=-t/i.canvasHeight*2+1,r.set(e,t,.5),n.setFromCamera(new d.I9Y(r.x,r.y),i.camera),n.intersectObject(i.groundPlane,!0)}})),(0,s.A)(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])})),f.debug("Start transforming","Planner3DGrid"),i.updatePlannerTrans(e,t,new a.Pq(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.A)(this,"stopMove",(function(e,t){f.debug("Stop transforming","Planner3DGrid"),i.isTransforming=!1,i.transformWorldPosLastFrame=void 0,null!=i.curSelectedElement&&i.updatePlannerTrans(e,t,new a.Pq(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.A)(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.Pq(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.A)(this,"stopRotation",(function(e,t){i.isTransforming=!1,i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.Pq(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.A)(this,"handleTranslation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=new a.I9(r[0].point.x,r[0].point.z);if(f.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!i.transformWorldPosLastFrame)return void(i.transformWorldPosLastFrame=o);var h=new a.I9(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.Pq(100*h.x,0,100*h.y),0,5,"UPDATE",i.autoDockingDistance),i.transformWorldPosLastFrame=o}})),(0,s.A)(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.I9(r[0].point.x,r[0].point.z);if(i.rotationCenter){var d=new a.I9(h.x-o.position.x,h.y-o.position.z),l=new a.I9(0,1),c=a.I9.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.Pq(0,0,0),180*u/Math.PI,5,"UPDATE",i.autoDockingDistance)}else i.rotationCenter=h}})),(0,s.A)(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(f.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new d.Z58,this.camera=new d.ubm(24,e/t,.1,1e3),this.renderer=new d.JeP({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var i=new d.bdM(100,100),n=new d.G_z({color:255,transparent:!0,opacity:0});this.groundPlane=new d.eaF(i,n),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new d.gPd,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&&(f.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.PTz(-e.x,e.y,e.z,-e.w),i=new d.O9p;return i.setFromQuaternion(t),i.y+=Math.PI,i.z*=-1,i}},{key:"unityPosToThreePos",value:function unityPosToThreePos(e){return new a.Pq(-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.I9(-.15,t.getDepthOLT()/100/2+.15);i=a.I9.rotateOrigin(i,t.getRotDeg());var n=new d.Pq0(t.getWorldPosCenter().x/100+i.x,0,t.getWorldPosCenter().z/100+i.y),r=a.I9.convertToVector2(this.convertWorldPosToScreenPos(n));if(null!=r){var s=new a.I9(.15,t.getDepthOLT()/100/2+.15);s=a.I9.rotateOrigin(s,t.getRotDeg());var o=new d.Pq0(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.I9.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var l=new a.I9((r.x+(null==h?void 0:h.x))/2,(r.y+h.y)/2),c=a.I9.getDirection(r,l),u=a.I9.getDirection(h,l),g=a.I9.add(a.I9.mulNum(a.I9.normalize(c),32),l);g.interpretation="pixel";var m=a.I9.add(a.I9.mulNum(a.I9.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.Tap).load(e.getSvgDataOLTBase64());t.wrapS=d.GJx,t.wrapT=d.GJx,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var i=e.getWidthOLT()/100,n=e.getDepthOLT()/100,r=new d.bdM(i,n),s=new d.V9B({map:t}),a=new d.eaF(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.I9Y).x!=r.imgWidth||this.renderer.getSize(new d.I9Y).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.Tap;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.I9(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.A)((function Planner3DImageUI(e,t,i){(0,n.A)(this,Planner3DImageUI),(0,s.A)(this,"uiHTMLContainer",void 0),(0,s.A)(this,"classUI","wc3DImageUI"),(0,s.A)(this,"getConfiguratorState",void 0),(0,s.A)(this,"getPlannerViewConfig",void 0),(0,s.A)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.getPlannerViewConfig=t,this.plannerPaletteViewInfo=i}),[{key:"checkCollisionRectRect",value:function checkCollisionRectRect(e,t){return e.screenPos.x<t.screenPos.x+t.width&&e.screenPos.x+e.width>t.screenPos.x&&e.screenPos.y<t.screenPos.y+t.height&&e.screenPos.y+e.height>t.screenPos.y}},{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.I9(i,n,"percentage"),"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.I9(i,n,"percentage"),t.getRotDeg(),1,t.getPosNrWithAccessoirePosNr(),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.I9(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)&&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.I9(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 f=n.getLeftTopBackUIPos(l.getSetId(),l.getElementId());if(f&&d.addPosNrUI(e,l,f.x,f.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 p=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,p.x,p.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 P=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");if(P&&d.addPosNrUI(e,l,P.x,P.y,c,u),c&&(d.addBoxPlannerDockingPoints(e,l,n),!d.checkBoxPlannerSingleElement(t)&&null!=l.getFreeDockingPointByTypeAndNumber("AVO",1))){var y=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");y&&d.addDelIcon(e,l,y.x,y.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}}])}(),P=function(){return(0,r.A)((function Planner3DImage(e,t,i,r,o,h){var d=this;(0,n.A)(this,Planner3DImage),(0,s.A)(this,"domContainer",void 0),(0,s.A)(this,"imageContainer",void 0),(0,s.A)(this,"UIHandler",void 0),(0,s.A)(this,"curRendering",void 0),(0,s.A)(this,"planner3DGrid",void 0),(0,s.A)(this,"handle3DVisualizationChanged",void 0),(0,s.A)(this,"update3DImgSrcInView",void 0),(0,s.A)(this,"onDoShowNav3DChanged",void 0),(0,s.A)(this,"onSwipeStartScreenPos",void 0),(0,s.A)(this,"onSwipeStartTime",void 0),(0,s.A)(this,"detectSwipe",void 0),(0,s.A)(this,"swipeDetectedCurrentFrame",void 0),(0,s.A)(this,"enablePlanner3DGrid",void 0),(0,s.A)(this,"touchPositionLastFrame",void 0),(0,s.A)(this,"touchMoveDetected",(function(e){e.preventDefault()})),(0,s.A)(this,"startDetectingSwipeMouse",(function(e){d.planner3DGrid.isInTrasnformMode()||d.curRendering.getHasStaticBackground()||(d.onSwipeStartScreenPos=new a.I9(e.clientX,e.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.domContainer.addEventListener("mouseup",d.endDetectingSwipeMouse,{passive:!0}))})),(0,s.A)(this,"startDetectingSwipeTouch",(function(e){if(!d.planner3DGrid.isInTrasnformMode()&&!d.curRendering.getHasStaticBackground()&&1==e.touches.length){var t=e.touches[0];d.onSwipeStartScreenPos=new a.I9(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.A)(this,"endDetectingSwipeMouse",(function(e){d.handleSwipeDetection(e.clientX,e.clientY);var t=d;d.domContainer.removeEventListener("mouseup",t.endDetectingSwipeMouse,!1)})),(0,s.A)(this,"onSwipeMoveTouch",(function(e){if(1==e.touches.length){var t=e.touches[0];d.touchPositionLastFrame=new a.I9(t.clientX,t.clientY)}})),(0,s.A)(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.I9(-1,-1),this.onSwipeStartTime=(new Date).getTime(),this.detectSwipe=!0,this.UIHandler=new v(e,i,h),this.curRendering=new a.nc("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new p(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.nc("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([[81],{60081:(e,t,i)=>{i.r(t),i.d(t,{default:()=>y});var n=i(88501),r=i(8005),s=i(13587),a=i(62436),o=i(14488),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(71799);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(93e3);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.qUd(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends d.LoY{constructor(){super(),this.setAttribute("position",new d.qtW([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new d.qtW([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new d.eaF(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.BKk?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=d.LlO.clone(e.uniforms),this.material=new d.BKk({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.I9Y);this._width=i.width,this._height=i.height,(t=new d.nWS(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:d.ix0})).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.XIg,this.clock=new d.zD7}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.I9Y);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.Q1f}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(78669);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.qE(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.A)((function Planner3DGrid(e,t){var i=this;(0,n.A)(this,Planner3DGrid),(0,s.A)(this,"autoDockingDistance",40),(0,s.A)(this,"threeContainer",void 0),(0,s.A)(this,"doShow3DGrid",!1),(0,s.A)(this,"updatePlannerTrans",void 0),(0,s.A)(this,"clearSelectionFrom3DGrid",void 0),(0,s.A)(this,"getAllPlannedElements",void 0),(0,s.A)(this,"groundPlane",void 0),(0,s.A)(this,"camera",void 0),(0,s.A)(this,"renderer",void 0),(0,s.A)(this,"scene",void 0),(0,s.A)(this,"sceneTree",void 0),(0,s.A)(this,"backgroundTex",void 0),(0,s.A)(this,"backGroundTexChanged",!1),(0,s.A)(this,"canvasWidth",void 0),(0,s.A)(this,"canvasHeight",void 0),(0,s.A)(this,"moveIconPerspective",void 0),(0,s.A)(this,"rotateIconPerspective",void 0),(0,s.A)(this,"rotationCenter",void 0),(0,s.A)(this,"isTransforming",!1),(0,s.A)(this,"transformWorldPosLastFrame",void 0),(0,s.A)(this,"curSelectedElement",void 0),(0,s.A)(this,"blenderPass",null),(0,s.A)(this,"composer",null),(0,s.A)(this,"onMouseUpClearSelection",(function(e){i.clearSelectionFrom3DGrid(),i.threeContainer.removeEventListener("mouseup",i.onMouseUpClearSelection)})),(0,s.A)(this,"getIntersectsGroundPlane",(function(e,t){if(i.camera){var n=new d.tBo,r=new d.Pq0;return e=e/i.canvasWidth*2-1,t=-t/i.canvasHeight*2+1,r.set(e,t,.5),n.setFromCamera(new d.I9Y(r.x,r.y),i.camera),n.intersectObject(i.groundPlane,!0)}})),(0,s.A)(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.Pq(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.A)(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.Pq(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.A)(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.Pq(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.A)(this,"stopRotation",(function(e,t){i.isTransforming=!1,i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.Pq(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.A)(this,"handleTranslation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=new a.I9(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.I9(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.Pq(100*h.x,0,100*h.y),0,5,"UPDATE",i.autoDockingDistance),i.transformWorldPosLastFrame=o}})),(0,s.A)(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.I9(r[0].point.x,r[0].point.z);if(i.rotationCenter){var d=new a.I9(h.x-o.position.x,h.y-o.position.z),l=new a.I9(0,1),c=a.I9.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.Pq(0,0,0),180*u/Math.PI,5,"UPDATE",i.autoDockingDistance)}else i.rotationCenter=h}})),(0,s.A)(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.Z58,this.camera=new d.ubm(24,e/t,.1,1e3),this.renderer=new d.JeP({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var i=new d.bdM(100,100),n=new d.G_z({color:255,transparent:!0,opacity:0});this.groundPlane=new d.eaF(i,n),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new d.gPd,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.PTz(-e.x,e.y,e.z,-e.w),i=new d.O9p;return i.setFromQuaternion(t),i.y+=Math.PI,i.z*=-1,i}},{key:"unityPosToThreePos",value:function unityPosToThreePos(e){return new a.Pq(-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.I9(-.15,t.getDepthOLT()/100/2+.15);i=a.I9.rotateOrigin(i,t.getRotDeg());var n=new d.Pq0(t.getWorldPosCenter().x/100+i.x,0,t.getWorldPosCenter().z/100+i.y),r=a.I9.convertToVector2(this.convertWorldPosToScreenPos(n));if(null!=r){var s=new a.I9(.15,t.getDepthOLT()/100/2+.15);s=a.I9.rotateOrigin(s,t.getRotDeg());var o=new d.Pq0(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.I9.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var l=new a.I9((r.x+(null==h?void 0:h.x))/2,(r.y+h.y)/2),c=a.I9.getDirection(r,l),u=a.I9.getDirection(h,l),g=a.I9.add(a.I9.mulNum(a.I9.normalize(c),32),l);g.interpretation="pixel";var m=a.I9.add(a.I9.mulNum(a.I9.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.Tap).load(e.getSvgDataOLTBase64());t.wrapS=d.GJx,t.wrapT=d.GJx,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var i=e.getWidthOLT()/100,n=e.getDepthOLT()/100,r=new d.bdM(i,n),s=new d.V9B({map:t}),a=new d.eaF(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.I9Y).x!=r.imgWidth||this.renderer.getSize(new d.I9Y).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.Tap;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.I9(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.A)((function Planner3DImageUI(e,t,i){(0,n.A)(this,Planner3DImageUI),(0,s.A)(this,"uiHTMLContainer",void 0),(0,s.A)(this,"classUI","wc3DImageUI"),(0,s.A)(this,"getConfiguratorState",void 0),(0,s.A)(this,"getPlannerViewConfig",void 0),(0,s.A)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.getPlannerViewConfig=t,this.plannerPaletteViewInfo=i}),[{key:"checkCollisionRectRect",value:function checkCollisionRectRect(e,t){return e.screenPos.x<t.screenPos.x+t.width&&e.screenPos.x+e.width>t.screenPos.x&&e.screenPos.y<t.screenPos.y+t.height&&e.screenPos.y+e.height>t.screenPos.y}},{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.I9(i,n,"percentage"),"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.I9(i,n,"percentage"),t.getRotDeg(),1,t.getPosNrWithAccessoirePosNr(),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.I9(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.I9(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.A)((function Planner3DImage(e,t,i,r,o,h){var d=this;(0,n.A)(this,Planner3DImage),(0,s.A)(this,"domContainer",void 0),(0,s.A)(this,"imageContainer",void 0),(0,s.A)(this,"UIHandler",void 0),(0,s.A)(this,"curRendering",void 0),(0,s.A)(this,"planner3DGrid",void 0),(0,s.A)(this,"handle3DVisualizationChanged",void 0),(0,s.A)(this,"update3DImgSrcInView",void 0),(0,s.A)(this,"onDoShowNav3DChanged",void 0),(0,s.A)(this,"onSwipeStartScreenPos",void 0),(0,s.A)(this,"onSwipeStartTime",void 0),(0,s.A)(this,"detectSwipe",void 0),(0,s.A)(this,"swipeDetectedCurrentFrame",void 0),(0,s.A)(this,"enablePlanner3DGrid",void 0),(0,s.A)(this,"touchPositionLastFrame",void 0),(0,s.A)(this,"touchMoveDetected",(function(e){e.preventDefault()})),(0,s.A)(this,"startDetectingSwipeMouse",(function(e){d.planner3DGrid.isInTrasnformMode()||d.curRendering.getHasStaticBackground()||(d.onSwipeStartScreenPos=new a.I9(e.clientX,e.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.domContainer.addEventListener("mouseup",d.endDetectingSwipeMouse,{passive:!0}))})),(0,s.A)(this,"startDetectingSwipeTouch",(function(e){if(!d.planner3DGrid.isInTrasnformMode()&&!d.curRendering.getHasStaticBackground()&&1==e.touches.length){var t=e.touches[0];d.onSwipeStartScreenPos=new a.I9(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.A)(this,"endDetectingSwipeMouse",(function(e){d.handleSwipeDetection(e.clientX,e.clientY);var t=d;d.domContainer.removeEventListener("mouseup",t.endDetectingSwipeMouse,!1)})),(0,s.A)(this,"onSwipeMoveTouch",(function(e){if(1==e.touches.length){var t=e.touches[0];d.touchPositionLastFrame=new a.I9(t.clientX,t.clientY)}})),(0,s.A)(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.I9(-1,-1),this.onSwipeStartTime=(new Date).getTime(),this.detectSwipe=!0,this.UIHandler=new v(e,i,h),this.curRendering=new a.nc("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.nc("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/8307.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 8307.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8307,5374,5434,3053,2596,2993,196],{55374:(t,o,i)=>{"use strict";i.r(o),i.d(o,{default:()=>D});var r=i(72919),a=i.n(r),l=(i(41594),i(87809)),c=i(25835),u=i.n(c),p=i(69120),d=i.n(p),f=i(91148),y=i.n(f),v=i(73035),m=i.n(v),b=i(24959),g=i.n(b),w=i(15004),k=i.n(w),C=i(21814),_={};_.styleTagTransform=k(),_.setAttributes=m(),_.insert=y().bind(null,"head"),_.domAPI=d(),_.insertStyleElement=g();u()(C.Ay,_);C.Ay&&C.Ay.locals&&C.Ay.locals;var O=i(82246);const D=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,p=t.off,d=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,v=t.width,m=void 0===v?80:v,b=t.handleDiameter,g=void 0===b?32:b,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,O.jsx)(l.A,{checkedIcon:u?(0,O.jsx)("div",{className:a()(C.U6,C.EZ),children:u}):(0,O.jsx)(O.Fragment,{}),uncheckedIcon:p?(0,O.jsx)("div",{className:a()(C.U6,C.no),children:p}):(0,O.jsx)(O.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:d?w:"#CACACA",height:y,width:m,handleDiameter:g})}},21814:(t,o,i)=>{"use strict";i.d(o,{Ay:()=>f,EZ:()=>p,U6:()=>u,no:()=>d});var r=i(38634),a=i.n(r),l=i(92083),c=i.n(l)()(a());c.push([t.id,".index-module--NqIko {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--hr3Cy {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--McC4U {\n  padding-left: 16px;\n}\n\n.index-module--gJvpV {\n  padding-left: 4px;\n}\n",""]);var u="index-module--hr3Cy",p="index-module--McC4U",d="index-module--gJvpV";const f=c},1946:t=>{"use strict";t.exports=function(t,o){return o||(o={}),t?(t=String(t.__esModule?t.default:t),/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),o.hash&&(t+=o.hash),/["'() \t\n]|(%20)/.test(t)||o.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t):t}},72919:(t,o)=>{var i;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t=[],o=0;o<arguments.length;o++){var i=arguments[o];if(i){var a=typeof i;if("string"===a||"number"===a)t.push(i);else if(Array.isArray(i)){if(i.length){var l=classNames.apply(null,i);l&&t.push(l)}}else if("object"===a)if(i.toString===Object.prototype.toString)for(var c in i)r.call(i,c)&&i[c]&&t.push(c);else t.push(i.toString())}}return t.join(" ")}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(i=function(){return classNames}.apply(o,[]))||(t.exports=i)}()},6561:(t,o,i)=>{"use strict";o.A=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(41594)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),p=(0,a.default)(u);return r.default.createElement("div",{key:i,className:p,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,p=u.baseClassName,d=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,v=u.arrowClassName,m=u.arrowClosed,b=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,C=(0,a.default)((_defineProperty(t={},"".concat(p,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),_=(0,a.default)((_defineProperty(o={},"".concat(p,"-control"),!0),_defineProperty(o,d,!!d),_defineProperty(o,w,!!w),o)),O=(0,a.default)((_defineProperty(i={},"".concat(p,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),D=(0,a.default)((_defineProperty(l={},"".concat(p,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(p,"-arrow"),!0),_defineProperty(c,v,!!v),c)),P=r.default.createElement("div",{className:O},k),E=this.state.isOpen?r.default.createElement("div",{className:D,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:C},r.default.createElement("div",{className:_,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},P,r.default.createElement("div",{className:"".concat(p,"-arrow-wrapper")},b&&m?this.state.isOpen?b:m:r.default.createElement("span",{className:x}))),E)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.A=u},87809:(t,o,i)=>{"use strict";i.d(o,{A:()=>c});var r=i(41594);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var p=parseInt(r.substr(u,2),16),d=parseInt(a.substr(u,2),16),f=Math.round((1-l)*p+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,p=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,v=t.uncheckedHandleIcon,m=t.boxShadow,b=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,C=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),_=this.state,O=_.h,D=_.N,x=_.j,P={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},E={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(O,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},S={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(O-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(O-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,background:e(O,this.i,this.o,u,p),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+O+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?b:m,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},j={height:this.t,width:this.t,opacity:Math.max(2*(1-(O-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((O-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:P},r.createElement("div",{className:"react-switch-bg",style:E,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:S},d),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:N,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},v&&r.createElement("div",{style:j},v),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},C,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8307,5374,5434,3053,2596,2993],{55374:(t,o,i)=>{"use strict";i.r(o),i.d(o,{default:()=>D});var r=i(72919),a=i.n(r),l=(i(41594),i(87809)),c=i(25835),u=i.n(c),p=i(69120),d=i.n(p),f=i(91148),y=i.n(f),v=i(73035),m=i.n(v),b=i(24959),g=i.n(b),w=i(15004),k=i.n(w),C=i(21814),_={};_.styleTagTransform=k(),_.setAttributes=m(),_.insert=y().bind(null,"head"),_.domAPI=d(),_.insertStyleElement=g();u()(C.Ay,_);C.Ay&&C.Ay.locals&&C.Ay.locals;var O=i(82246);const D=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,p=t.off,d=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,v=t.width,m=void 0===v?80:v,b=t.handleDiameter,g=void 0===b?32:b,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,O.jsx)(l.A,{checkedIcon:u?(0,O.jsx)("div",{className:a()(C.U6,C.EZ),children:u}):(0,O.jsx)(O.Fragment,{}),uncheckedIcon:p?(0,O.jsx)("div",{className:a()(C.U6,C.no),children:p}):(0,O.jsx)(O.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:d?w:"#CACACA",height:y,width:m,handleDiameter:g})}},21814:(t,o,i)=>{"use strict";i.d(o,{Ay:()=>f,EZ:()=>p,U6:()=>u,no:()=>d});var r=i(38634),a=i.n(r),l=i(92083),c=i.n(l)()(a());c.push([t.id,".index-module--NqIko {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--hr3Cy {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--McC4U {\n  padding-left: 16px;\n}\n\n.index-module--gJvpV {\n  padding-left: 4px;\n}\n",""]);var u="index-module--hr3Cy",p="index-module--McC4U",d="index-module--gJvpV";const f=c},1946:t=>{"use strict";t.exports=function(t,o){return o||(o={}),t?(t=String(t.__esModule?t.default:t),/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),o.hash&&(t+=o.hash),/["'() \t\n]|(%20)/.test(t)||o.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t):t}},72919:(t,o)=>{var i;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t=[],o=0;o<arguments.length;o++){var i=arguments[o];if(i){var a=typeof i;if("string"===a||"number"===a)t.push(i);else if(Array.isArray(i)){if(i.length){var l=classNames.apply(null,i);l&&t.push(l)}}else if("object"===a)if(i.toString===Object.prototype.toString)for(var c in i)r.call(i,c)&&i[c]&&t.push(c);else t.push(i.toString())}}return t.join(" ")}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(i=function(){return classNames}.apply(o,[]))||(t.exports=i)}()},6561:(t,o,i)=>{"use strict";o.A=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(41594)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),p=(0,a.default)(u);return r.default.createElement("div",{key:i,className:p,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,p=u.baseClassName,d=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,v=u.arrowClassName,m=u.arrowClosed,b=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,C=(0,a.default)((_defineProperty(t={},"".concat(p,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),_=(0,a.default)((_defineProperty(o={},"".concat(p,"-control"),!0),_defineProperty(o,d,!!d),_defineProperty(o,w,!!w),o)),O=(0,a.default)((_defineProperty(i={},"".concat(p,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),D=(0,a.default)((_defineProperty(l={},"".concat(p,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(p,"-arrow"),!0),_defineProperty(c,v,!!v),c)),P=r.default.createElement("div",{className:O},k),E=this.state.isOpen?r.default.createElement("div",{className:D,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:C},r.default.createElement("div",{className:_,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},P,r.default.createElement("div",{className:"".concat(p,"-arrow-wrapper")},b&&m?this.state.isOpen?b:m:r.default.createElement("span",{className:x}))),E)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.A=u},87809:(t,o,i)=>{"use strict";i.d(o,{A:()=>c});var r=i(41594);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var p=parseInt(r.substr(u,2),16),d=parseInt(a.substr(u,2),16),f=Math.round((1-l)*p+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,p=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,v=t.uncheckedHandleIcon,m=t.boxShadow,b=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,C=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),_=this.state,O=_.h,D=_.N,x=_.j,P={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},E={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(O,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},S={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(O-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(O-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,background:e(O,this.i,this.o,u,p),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+O+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?b:m,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},j={height:this.t,width:this.t,opacity:Math.max(2*(1-(O-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((O-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:P},r.createElement("div",{className:"react-switch-bg",style:E,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:S},d),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:N,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},v&&r.createElement("div",{style:j},v),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},C,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 869.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[869,5434,3053],{1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,t)=>{var s;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var s=arguments[t];if(s){var n=typeof s;if("string"===n||"number"===n)e.push(s);else if(Array.isArray(s)){if(s.length){var a=classNames.apply(null,s);a&&e.push(a)}}else if("object"===n)if(s.toString===Object.prototype.toString)for(var i in s)r.call(s,i)&&s[i]&&e.push(i);else e.push(s.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(s=function(){return classNames}.apply(t,[]))||(e.exports=s)}()},32134:(e,t,s)=>{"use strict";function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure undefined")}s.d(t,{A:()=>_objectDestructuringEmpty})}}]);

package/build/umd/{196.diva-web-planner-react.umd.min.js.LICENSE.txt → 869.diva-web-planner-react.umd.min.js.LICENSE.txt}

@@ -4,4 +4,4 @@
   http://jedwatson.github.io/classnames
 */
 
-/*! filename:196 */
+/*! filename:869 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8932.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8932,5434,3053,9082,7921,196],{19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),c=t(91148),u=t.n(c),x=t(73035),p=t.n(x),m=t(24959),g=t.n(m),y=t(15004),h=t.n(y),b=t(18930),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(b.A,v);b.A&&b.A.locals&&b.A.locals;var j=t(82246);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],c=a[1],u=(0,o.hV)(),x=(0,r.useState)(""),p=(0,i.A)(x,2),m=p[0],g=p[1],y=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==y?void 0:y.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===y[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<y.length;o++)i(o)}g(e),c(e)}}),[]),s?(0,j.jsx)("div",{style:n,className:b.w,children:m}):(0,j.jsx)(j.Fragment,{})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>v});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),c=t(84085),u=t(83207),x=t(14488),p=t(77921),m=t(38191),g=t(19082),y=t(41096),h=t(39898),b=t(82246);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.A)(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 v=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),v=(0,x.useTranslation)().t,j=(0,x.useDivaCore)().state.dimensions,w=j.isMobile,f=j.isTablet,M=(0,s.useState)(""),I=(0,o.A)(M,2),z=I[0],L=I[1],N={},S={},A=void 0,O=!1,T={},k=(0,m.Mk)({delayEnter:600,hideOnScroll:!0}),C=(0,m.Z4)({isOpen:k[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return w||f||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(O=k[0]&&!a.settingsState.isContentItemIdVisible(r.contentItemId),T=k[1],N=C.triggerProps,S=C.layerProps,A=C.renderLayer),(0,b.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(c.Zx,r.sel?c.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},N),T),{},{children:[(0,b.jsxs)("div",{className:d()(c.yp,c.LF),children:[r.sel&&(0,b.jsx)(p.default,{listenToOptionVariables:!0}),r.contentItemId&&(0,b.jsx)(h.default,{item:r,style:{bottom:8}}),"TEXT"==r.layout&&(0,b.jsx)("div",{className:c.L9}),!("TEXT"==r.layout)&&(0,b.jsx)("div",{className:c.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,b.jsxs)("div",{className:d()(c.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:c.lW),children:[(0,b.jsx)("div",{className:d()(c.Ps,""!==z?c.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,b.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[z,L]},r.codex)]}),O&&(null===(n=A)||void 0===n?void 0:n((0,b.jsx)(y.default,{text:r.text+(r.freeText?r.freeText:""),desciption:z,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:S},r.codex))),void 0!==r.deltaPrice&&(0,b.jsx)("div",{className:c.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,b.jsx)("div",{className:r.isFav?u.zn:u.ve})]}),r.disabledByConstructionRule&&(0,b.jsx)("div",{className:d()(c.Yy),title:v("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n}\n",""]);var l="index-module--lSIQk";const a=d},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>z,FS:()=>v,L9:()=>h,LF:()=>y,Ps:()=>w,VR:()=>p,Yy:()=>I,Zx:()=>x,gv:()=>M,lW:()=>j,p4:()=>g,wx:()=>f,yU:()=>b,yp:()=>m});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${u});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var x="index-module--zrzFQ",p="index-module--fy8o1",m="index-module--RQ1TK",g="index-module--l26Vx",y="index-module--oqIY4",h="index-module--nbILR",b="index-module--w2rjQ",v="index-module--d8V_h",j="index-module--wU03f",w="index-module--AYd6R",f="index-module--fRs_W",M="index-module--L3A_U",I="index-module--pdYUy";const z=c},1946: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}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),p=t(15004),m=t.n(p),g=t(7543),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=a().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=x();o()(g.Ay,y),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(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];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8932,5434,3053,9082,7921],{19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),c=t(91148),u=t.n(c),x=t(73035),p=t.n(x),m=t(24959),g=t.n(m),y=t(15004),h=t.n(y),b=t(18930),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(b.A,v);b.A&&b.A.locals&&b.A.locals;var j=t(82246);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],c=a[1],u=(0,o.hV)(),x=(0,r.useState)(""),p=(0,i.A)(x,2),m=p[0],g=p[1],y=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==y?void 0:y.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===y[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<y.length;o++)i(o)}g(e),c(e)}}),[]),s?(0,j.jsx)("div",{style:n,className:b.w,children:m}):(0,j.jsx)(j.Fragment,{})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>v});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),c=t(84085),u=t(83207),x=t(14488),p=t(77921),m=t(38191),g=t(19082),y=t(41096),h=t(39898),b=t(82246);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.A)(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 v=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),v=(0,x.useTranslation)().t,j=(0,x.useDivaCore)().state.dimensions,w=j.isMobile,f=j.isTablet,M=(0,s.useState)(""),I=(0,o.A)(M,2),z=I[0],L=I[1],N={},S={},A=void 0,O=!1,T={},k=(0,m.Mk)({delayEnter:600,hideOnScroll:!0}),C=(0,m.Z4)({isOpen:k[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return w||f||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(O=k[0]&&!a.settingsState.isContentItemIdVisible(r.contentItemId),T=k[1],N=C.triggerProps,S=C.layerProps,A=C.renderLayer),(0,b.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(c.Zx,r.sel?c.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},N),T),{},{children:[(0,b.jsxs)("div",{className:d()(c.yp,c.LF),children:[r.sel&&(0,b.jsx)(p.default,{listenToOptionVariables:!0}),r.contentItemId&&(0,b.jsx)(h.default,{item:r,style:{bottom:8}}),"TEXT"==r.layout&&(0,b.jsx)("div",{className:c.L9}),!("TEXT"==r.layout)&&(0,b.jsx)("div",{className:c.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,b.jsxs)("div",{className:d()(c.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:c.lW),children:[(0,b.jsx)("div",{className:d()(c.Ps,""!==z?c.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,b.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[z,L]},r.codex)]}),O&&(null===(n=A)||void 0===n?void 0:n((0,b.jsx)(y.default,{text:r.text+(r.freeText?r.freeText:""),desciption:z,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:S},r.codex))),void 0!==r.deltaPrice&&(0,b.jsx)("div",{className:c.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,b.jsx)("div",{className:r.isFav?u.zn:u.ve})]}),r.disabledByConstructionRule&&(0,b.jsx)("div",{className:d()(c.Yy),title:v("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n}\n",""]);var l="index-module--lSIQk";const a=d},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>z,FS:()=>v,L9:()=>h,LF:()=>y,Ps:()=>w,VR:()=>p,Yy:()=>I,Zx:()=>x,gv:()=>M,lW:()=>j,p4:()=>g,wx:()=>f,yU:()=>b,yp:()=>m});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${u});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var x="index-module--zrzFQ",p="index-module--fy8o1",m="index-module--RQ1TK",g="index-module--l26Vx",y="index-module--oqIY4",h="index-module--nbILR",b="index-module--w2rjQ",v="index-module--d8V_h",j="index-module--wU03f",w="index-module--AYd6R",f="index-module--fRs_W",M="index-module--L3A_U",I="index-module--pdYUy";const z=c},1946: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}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),p=t(15004),m=t.n(p),g=t(7543),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=a().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=x();o()(g.Ay,y),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(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];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8990.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8990,2508,5434,3053,196],{22508:(A,M,o)=>{"use strict";o.r(M),o.d(M,{default:()=>L});var n=o(72919),g=o.n(n),N=o(970),e=(o(41594),o(25835)),C=o.n(e),j=o(69120),i=o.n(j),t=o(91148),T=o.n(t),u=o(73035),I=o.n(u),Q=o(24959),d=o.n(Q),U=o(15004),D=o.n(U),a=o(49958),x={};x.styleTagTransform=D(),x.setAttributes=I(),x.insert=T().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=d();C()(a.Ay,x);a.Ay&&a.Ay.locals&&a.Ay.locals;var y=o(14488),r=o(5219),l=o(82246);const L=(0,N.PA)((function PriceSumm(A){var M=(0,r.hV)(),o=(0,y.useDivaCore)().state.hidePrices,n=(0,y.useTranslation)().t;return(0,l.jsxs)("div",{className:g()(a.lf,M.getIsInMobileView()?a.Fr:void 0),children:[(0,l.jsx)("div",{children:n("configurator.Sum","Summe")}),(0,l.jsxs)("div",{className:a.to,children:[(0,l.jsx)("div",{className:g()(a.q9,M.productState.formatedBruttoPrice?a.qe:void 0),children:!o&&M.productState.formatedCurSetPrice}),M.productState.formatedBruttoPrice&&!o&&(0,l.jsxs)("div",{className:g()(a.q9,a.aD),children:[" ",M.productState.formatedBruttoPrice]})]})]})}))},68990:(A,M,o)=>{"use strict";o.r(M),o.d(M,{default:()=>c});var n=o(5219),g=o(970),N=(o(41594),o(25835)),e=o.n(N),C=o(69120),j=o.n(C),i=o(91148),t=o.n(i),T=o(73035),u=o.n(T),I=o(24959),Q=o.n(I),d=o(15004),U=o.n(d),D=o(32246),a={};a.styleTagTransform=U(),a.setAttributes=u(),a.insert=t().bind(null,"head"),a.domAPI=j(),a.insertStyleElement=Q();e()(D.Ay,a);D.Ay&&D.Ay.locals&&D.Ay.locals;var x=o(72919),y=o.n(x),r=o(14488),l=o(22508),L=o(82246);const c=(0,g.PA)((function BasketActionRalph(A){var M=A.buttonTextClassName,o=void 0===M?D.my:M,g=A.containerClassName,N=(0,n.hV)(),e=(0,r.useTranslation)().t;return(0,L.jsxs)("div",{className:y()(D.k9,g,N.getIsInMobileView()?D.Hw:void 0),children:[!N.getIsInMobileView()&&(0,L.jsxs)(L.Fragment,{children:[N.eventIsManagedByClient("onRequestConsulation")&&(0,L.jsx)("div",{className:y()(D.Kk,D.VY),title:e("configurator.consulation"),onClick:N.productState.onRequestConsulation}),N.eventIsManagedByClient("onSave")&&(0,L.jsx)("div",{className:y()(D.Kk,D.if),title:e("configurator.bookmark"),onClick:N.productState.onClickSave2})]}),N.getIsInMobileView()&&(0,L.jsx)(l.default,{}),(0,L.jsx)("div",{className:D.AC,children:(0,L.jsx)("div",{className:y()(D.C8),onClick:function onClick(){return N.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:!N.getIsInMobileView()&&(0,L.jsx)("div",{className:o,children:e("configurator.ADD_TO_BASKET")})})})]})}))},49958:(A,M,o)=>{"use strict";o.d(M,{Ay:()=>I,Fr:()=>j,aD:()=>u,lf:()=>C,q9:()=>t,qe:()=>T,to:()=>i});var n=o(38634),g=o.n(n),N=o(92083),e=o.n(N)()(g());e.push([A.id,".index-module--phxZV {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--Skvzp.index-module--phxZV {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--q0Uj5 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--dTy27 {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--Skvzp .index-module--dTy27 {\n  font-size: 15px;\n}\n\n.index-module--HKMLl {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--dTy27.index-module--ToCZ6 {\n  color: #bfbfbf;\n}\n\n.index-module--dTy27.index-module--ToCZ6:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--Skvzp .index-module--dTy27.index-module--ToCZ6:before {\n  top: 45%;\n}\n",""]);var C="index-module--phxZV",j="index-module--Skvzp",i="index-module--q0Uj5",t="index-module--dTy27",T="index-module--HKMLl",u="index-module--ToCZ6";const I=e},32246:(A,M,o)=>{"use strict";o.d(M,{AC:()=>L,Ay:()=>m,C8:()=>c,Hw:()=>w,Kk:()=>B,VY:()=>E,if:()=>K,k9:()=>l,my:()=>s});var n=o(38634),g=o.n(n),N=o(92083),e=o.n(N),C=o(1946),j=o.n(C),i=new URL(o(18859),o.b),t=new URL(o(14351),o.b),T=new URL(o(31622),o.b),u=new URL(o(94546),o.b),I=new URL(o(62196),o.b),Q=new URL(o(72780),o.b),d=e()(g()),U=j()(i),D=j()(t),a=j()(T),x=j()(u),y=j()(I),r=j()(Q);d.push([A.id,`.index-module--aG9p5 {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.index-module--v5lWa {\n  width: 100%;\n}\n\n.index-module--diyGU {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.index-module--diyGU:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--dZC2Q .index-module--diyGU {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--fVEZ0 {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--ahkjc {\n  background-image: url(${U});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--_P18A .index-module--aG9p5 {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--_P18A .index-module--IrH8z.index-module--XRmGs .index-module--aG9p5 {\n  display: none;\n}\n\n.index-module--_P18A .index-module--aG9p5 .index-module--diyGU {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--diyGU .index-module--atURx {\n  margin-top: 0px;\n}\n\n.index-module--_P18A .index-module--diyGU .index-module--atURx,\n.index-module--URNSi .index-module--diyGU .index-module--atURx {\n  margin-top: 0px;\n}\n\n.index-module--atURx {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--AivcB .index-module--v5lWa {\n  display: flex;\n  justify-content: flex-end;\n  width: 38px;\n}\n\n.index-module--AivcB .index-module--diyGU {\n  background: no-repeat url(${D}) center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.index-module--LZkTS {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition: background 0.4s, box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.index-module--LZkTS:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--ah6ud {\n  background-image: url(${a});\n}\n\n.index-module--ah6ud:hover {\n  background-image: url(${x});\n}\n\n.index-module--SApmM {\n  background-image: url(${y});\n}\n\n.index-module--SApmM:hover {\n  background-image: url(${r});\n}\n`,""]);var l="index-module--aG9p5",L="index-module--v5lWa",c="index-module--diyGU",s="index-module--atURx",w="index-module--AivcB",B="index-module--LZkTS",K="index-module--ah6ud",E="index-module--SApmM";const m=d},1946:A=>{"use strict";A.exports=function(A,M){return M||(M={}),A?(A=String(A.__esModule?A.default:A),/^['"].*['"]$/.test(A)&&(A=A.slice(1,-1)),M.hash&&(A+=M.hash),/["'() \t\n]|(%20)/.test(A)||M.needQuotes?'"'.concat(A.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):A):A}},72919:(A,M)=>{var o;!function(){"use strict";var n={}.hasOwnProperty;function classNames(){for(var A=[],M=0;M<arguments.length;M++){var o=arguments[M];if(o){var g=typeof o;if("string"===g||"number"===g)A.push(o);else if(Array.isArray(o)){if(o.length){var N=classNames.apply(null,o);N&&A.push(N)}}else if("object"===g)if(o.toString===Object.prototype.toString)for(var e in o)n.call(o,e)&&o[e]&&A.push(e);else A.push(o.toString())}}return A.join(" ")}A.exports?(classNames.default=classNames,A.exports=classNames):void 0===(o=function(){return classNames}.apply(M,[]))||(A.exports=o)}()},18859:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},94546:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMjAtMTU0LjY2N1YtNzUwcTAtMzAuOTA1IDIyLjI0Ni01My4zNSAyMi4yNDctMjIuNDQ1IDUzLjU0OS0yMi40NDVoMzY4LjQxcTMxLjMwMiAwIDUzLjU0OSAyMi40NDVRNzQwLTc4MC45MDUgNzQwLTc1MHY1OTUuMzMzTDQ4MC0yNjUuNzQ0IDIyMC0xNTQuNjY3Wm01MS4xNzktNzcuOTQ4TDQ4MC0zMjEuODI0bDIwOC44MjEgODkuMjA5Vi03NTBxMC05LjIzMS03LjY5My0xNi45MjMtNy42OTItNy42OTMtMTYuOTIzLTcuNjkzaC0zNjguNDFxLTkuMjMxIDAtMTYuOTIzIDcuNjkzLTcuNjkzIDcuNjkyLTcuNjkzIDE2LjkyM3Y1MTcuMzg1Wm0wLTU0Mi4wMDFoNDE3LjY0Mi00MTcuNjQyWiIvPjwvc3ZnPg=="},31622:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMjAtMTU0LjY2N1YtNzUwcTAtMzAuOTA1IDIyLjE4OS01My4zNSAyMi4xODgtMjIuNDQ1IDUzLjYwNi0yMi40NDVoMzY4LjQxcTMxLjQxOCAwIDUzLjYwNiAyMi40NDVRNzQwLTc4MC45MDUgNzQwLTc1MHY1OTUuMzMzTDQ4MC0yNjUuNzQ0IDIyMC0xNTQuNjY3WiIvPjwvc3ZnPg=="},72780:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMTQuNDYxLTEwMHEtMzEuMzAyIDAtNTMuNTQ4LTIyLjI0Ni0yMi4yNDYtMjIuMjQ3LTIyLjI0Ni01My41NDl2LTUzNy4yMzFxMC0zMS4zMDIgMjIuMjQ2LTUzLjU0OCAyMi4yNDYtMjIuMjQ3IDUzLjU0OC0yMi4yNDdoNTcuMzg1di04MC40MWg1NS41Mzl2ODAuNDFoMzA4LjMwN3YtODAuNDFoNTIuOTc1djgwLjQxaDU2Ljg3MnEzMS4zMDEgMCA1My41NDggMjIuMjQ3IDIyLjI0NiAyMi4yNDYgMjIuMjQ2IDUzLjU0OHY1MzcuMjMxcTAgMzEuMzAyLTIyLjI0NiA1My41NDlRNzc2Ljg0LTEwMCA3NDUuNTM5LTEwMEgyMTQuNDYxWm0wLTUxLjE3OWg1MzEuMDc4cTkuMjMgMCAxNi45MjMtNy42OTMgNy42OTItNy42OTIgNy42OTItMTYuOTIzdi0zNzZIMTg5Ljg0NnYzNzZxMCA5LjIzMSA3LjY5MiAxNi45MjMgNy42OTIgNy42OTMgMTYuOTIzIDcuNjkzWm0tMjQuNjE1LTQ1MS43OTVoNTgwLjMwOHYtMTEwLjA1MnEwLTkuMjMxLTcuNjkyLTE2LjkyMy03LjY5My03LjY5Mi0xNi45MjMtNy42OTJIMjE0LjQ2MXEtOS4yMzEgMC0xNi45MjMgNy42OTItNy42OTIgNy42OTItNy42OTIgMTYuOTIzdjExMC4wNTJabTAgMHYtMTM0LjY2NyAxMzQuNjY3Wm0yOTAuMDI1IDIxMy4xMjhxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0tMTYwIDBxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NS0xMC41MjUtMTAuNjU0LTEwLjUyNS0yNC4yNDMgMC0xMy41ODkgMTAuNjU0LTI0LjExNSAxMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41ODktMTAuNjU0IDI0LjExNS0xMC42NTQgMTAuNTI2LTI0LjI0NCAxMC41MjZaTTQ3OS44NzEtMjM2cS0xMy41ODkgMC0yNC4xMTUtMTAuNjU0LTEwLjUyNS0xMC42NTUtMTAuNTI1LTI0LjI0NHQxMC42NTQtMjQuMTE1cTEwLjY1NC0xMC41MjYgMjQuMjQ0LTEwLjUyNiAxMy41ODkgMCAyNC4xMTUgMTAuNjU1IDEwLjUyNSAxMC42NTQgMTAuNTI1IDI0LjI0MyAwIDEzLjU5LTEwLjY1NCAyNC4xMTVRNDkzLjQ2MS0yMzYgNDc5Ljg3MS0yMzZabS0xNjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTMzMy40NjEtMjM2IDMxOS44NzEtMjM2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTY1My40NjEtMjM2IDYzOS44NzEtMjM2WiIvPjwvc3ZnPg=="},62196:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik00NzkuODcxLTM4OS44NDZxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0tMTYwIDBxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NS0xMC41MjUtMTAuNjU0LTEwLjUyNS0yNC4yNDMgMC0xMy41ODkgMTAuNjU0LTI0LjExNSAxMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41ODktMTAuNjU0IDI0LjExNS0xMC42NTQgMTAuNTI2LTI0LjI0NCAxMC41MjZaTTQ3OS44NzEtMjM2cS0xMy41ODkgMC0yNC4xMTUtMTAuNjU0LTEwLjUyNS0xMC42NTUtMTAuNTI1LTI0LjI0NHQxMC42NTQtMjQuMTE1cTEwLjY1NC0xMC41MjYgMjQuMjQ0LTEwLjUyNiAxMy41ODkgMCAyNC4xMTUgMTAuNjU1IDEwLjUyNSAxMC42NTQgMTAuNTI1IDI0LjI0MyAwIDEzLjU5LTEwLjY1NCAyNC4xMTVRNDkzLjQ2MS0yMzYgNDc5Ljg3MS0yMzZabS0xNjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTMzMy40NjEtMjM2IDMxOS44NzEtMjM2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTY1My40NjEtMjM2IDYzOS44NzEtMjM2Wm0tNDI1LjQxIDEzNnEtMzEuMzAyIDAtNTMuNTQ4LTIyLjI0Ni0yMi4yNDYtMjIuMjQ3LTIyLjI0Ni01My41NDl2LTUzNy4yMzFxMC0zMS4zMDIgMjIuMjQ2LTUzLjU0OCAyMi4yNDYtMjIuMjQ3IDUzLjU0OC0yMi4yNDdoNTcuMzg1di04MC40MWg1NS41Mzl2ODAuNDFoMzA4LjMwN3YtODAuNDFoNTIuOTc1djgwLjQxaDU2Ljg3MnEzMS4zMDEgMCA1My41NDggMjIuMjQ3IDIyLjI0NiAyMi4yNDYgMjIuMjQ2IDUzLjU0OHY1MzcuMjMxcTAgMzEuMzAyLTIyLjI0NiA1My41NDlRNzc2Ljg0LTEwMCA3NDUuNTM5LTEwMEgyMTQuNDYxWm0wLTUxLjE3OWg1MzEuMDc4cTkuMjMgMCAxNi45MjMtNy42OTMgNy42OTItNy42OTIgNy42OTItMTYuOTIzdi0zNzZIMTg5Ljg0NnYzNzZxMCA5LjIzMSA3LjY5MiAxNi45MjMgNy42OTIgNy42OTMgMTYuOTIzIDcuNjkzWiIvPjwvc3ZnPg=="},14351:A=>{"use strict";A.exports="data:image/jpeg;base64,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"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8990,2508,5434,3053],{22508:(A,M,o)=>{"use strict";o.r(M),o.d(M,{default:()=>L});var n=o(72919),g=o.n(n),N=o(970),e=(o(41594),o(25835)),C=o.n(e),j=o(69120),i=o.n(j),t=o(91148),T=o.n(t),u=o(73035),I=o.n(u),Q=o(24959),d=o.n(Q),U=o(15004),D=o.n(U),a=o(49958),x={};x.styleTagTransform=D(),x.setAttributes=I(),x.insert=T().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=d();C()(a.Ay,x);a.Ay&&a.Ay.locals&&a.Ay.locals;var y=o(14488),r=o(5219),l=o(82246);const L=(0,N.PA)((function PriceSumm(A){var M=(0,r.hV)(),o=(0,y.useDivaCore)().state.hidePrices,n=(0,y.useTranslation)().t;return(0,l.jsxs)("div",{className:g()(a.lf,M.getIsInMobileView()?a.Fr:void 0),children:[(0,l.jsx)("div",{children:n("configurator.Sum","Summe")}),(0,l.jsxs)("div",{className:a.to,children:[(0,l.jsx)("div",{className:g()(a.q9,M.productState.formatedBruttoPrice?a.qe:void 0),children:!o&&M.productState.formatedCurSetPrice}),M.productState.formatedBruttoPrice&&!o&&(0,l.jsxs)("div",{className:g()(a.q9,a.aD),children:[" ",M.productState.formatedBruttoPrice]})]})]})}))},68990:(A,M,o)=>{"use strict";o.r(M),o.d(M,{default:()=>c});var n=o(5219),g=o(970),N=(o(41594),o(25835)),e=o.n(N),C=o(69120),j=o.n(C),i=o(91148),t=o.n(i),T=o(73035),u=o.n(T),I=o(24959),Q=o.n(I),d=o(15004),U=o.n(d),D=o(32246),a={};a.styleTagTransform=U(),a.setAttributes=u(),a.insert=t().bind(null,"head"),a.domAPI=j(),a.insertStyleElement=Q();e()(D.Ay,a);D.Ay&&D.Ay.locals&&D.Ay.locals;var x=o(72919),y=o.n(x),r=o(14488),l=o(22508),L=o(82246);const c=(0,g.PA)((function BasketActionRalph(A){var M=A.buttonTextClassName,o=void 0===M?D.my:M,g=A.containerClassName,N=(0,n.hV)(),e=(0,r.useTranslation)().t;return(0,L.jsxs)("div",{className:y()(D.k9,g,N.getIsInMobileView()?D.Hw:void 0),children:[!N.getIsInMobileView()&&(0,L.jsxs)(L.Fragment,{children:[N.eventIsManagedByClient("onRequestConsulation")&&(0,L.jsx)("div",{className:y()(D.Kk,D.VY),title:e("configurator.consulation"),onClick:N.productState.onRequestConsulation}),N.eventIsManagedByClient("onSave")&&(0,L.jsx)("div",{className:y()(D.Kk,D.if),title:e("configurator.bookmark"),onClick:N.productState.onClickSave2})]}),N.getIsInMobileView()&&(0,L.jsx)(l.default,{}),(0,L.jsx)("div",{className:D.AC,children:(0,L.jsx)("div",{className:y()(D.C8),onClick:function onClick(){return N.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:!N.getIsInMobileView()&&(0,L.jsx)("div",{className:o,children:e("configurator.ADD_TO_BASKET")})})})]})}))},49958:(A,M,o)=>{"use strict";o.d(M,{Ay:()=>I,Fr:()=>j,aD:()=>u,lf:()=>C,q9:()=>t,qe:()=>T,to:()=>i});var n=o(38634),g=o.n(n),N=o(92083),e=o.n(N)()(g());e.push([A.id,".index-module--phxZV {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--Skvzp.index-module--phxZV {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--q0Uj5 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--dTy27 {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--Skvzp .index-module--dTy27 {\n  font-size: 15px;\n}\n\n.index-module--HKMLl {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--dTy27.index-module--ToCZ6 {\n  color: #bfbfbf;\n}\n\n.index-module--dTy27.index-module--ToCZ6:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--Skvzp .index-module--dTy27.index-module--ToCZ6:before {\n  top: 45%;\n}\n",""]);var C="index-module--phxZV",j="index-module--Skvzp",i="index-module--q0Uj5",t="index-module--dTy27",T="index-module--HKMLl",u="index-module--ToCZ6";const I=e},32246:(A,M,o)=>{"use strict";o.d(M,{AC:()=>L,Ay:()=>m,C8:()=>c,Hw:()=>w,Kk:()=>B,VY:()=>E,if:()=>K,k9:()=>l,my:()=>s});var n=o(38634),g=o.n(n),N=o(92083),e=o.n(N),C=o(1946),j=o.n(C),i=new URL(o(18859),o.b),t=new URL(o(14351),o.b),T=new URL(o(31622),o.b),u=new URL(o(94546),o.b),I=new URL(o(62196),o.b),Q=new URL(o(72780),o.b),d=e()(g()),U=j()(i),D=j()(t),a=j()(T),x=j()(u),y=j()(I),r=j()(Q);d.push([A.id,`.index-module--aG9p5 {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.index-module--v5lWa {\n  width: 100%;\n}\n\n.index-module--diyGU {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.index-module--diyGU:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--dZC2Q .index-module--diyGU {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--fVEZ0 {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--ahkjc {\n  background-image: url(${U});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--_P18A .index-module--aG9p5 {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--_P18A .index-module--IrH8z.index-module--XRmGs .index-module--aG9p5 {\n  display: none;\n}\n\n.index-module--_P18A .index-module--aG9p5 .index-module--diyGU {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--diyGU .index-module--atURx {\n  margin-top: 0px;\n}\n\n.index-module--_P18A .index-module--diyGU .index-module--atURx,\n.index-module--URNSi .index-module--diyGU .index-module--atURx {\n  margin-top: 0px;\n}\n\n.index-module--atURx {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--AivcB .index-module--v5lWa {\n  display: flex;\n  justify-content: flex-end;\n  width: 38px;\n}\n\n.index-module--AivcB .index-module--diyGU {\n  background: no-repeat url(${D}) center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.index-module--LZkTS {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition: background 0.4s, box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.index-module--LZkTS:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--ah6ud {\n  background-image: url(${a});\n}\n\n.index-module--ah6ud:hover {\n  background-image: url(${x});\n}\n\n.index-module--SApmM {\n  background-image: url(${y});\n}\n\n.index-module--SApmM:hover {\n  background-image: url(${r});\n}\n`,""]);var l="index-module--aG9p5",L="index-module--v5lWa",c="index-module--diyGU",s="index-module--atURx",w="index-module--AivcB",B="index-module--LZkTS",K="index-module--ah6ud",E="index-module--SApmM";const m=d},1946:A=>{"use strict";A.exports=function(A,M){return M||(M={}),A?(A=String(A.__esModule?A.default:A),/^['"].*['"]$/.test(A)&&(A=A.slice(1,-1)),M.hash&&(A+=M.hash),/["'() \t\n]|(%20)/.test(A)||M.needQuotes?'"'.concat(A.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):A):A}},72919:(A,M)=>{var o;!function(){"use strict";var n={}.hasOwnProperty;function classNames(){for(var A=[],M=0;M<arguments.length;M++){var o=arguments[M];if(o){var g=typeof o;if("string"===g||"number"===g)A.push(o);else if(Array.isArray(o)){if(o.length){var N=classNames.apply(null,o);N&&A.push(N)}}else if("object"===g)if(o.toString===Object.prototype.toString)for(var e in o)n.call(o,e)&&o[e]&&A.push(e);else A.push(o.toString())}}return A.join(" ")}A.exports?(classNames.default=classNames,A.exports=classNames):void 0===(o=function(){return classNames}.apply(M,[]))||(A.exports=o)}()},18859:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},94546:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMjAtMTU0LjY2N1YtNzUwcTAtMzAuOTA1IDIyLjI0Ni01My4zNSAyMi4yNDctMjIuNDQ1IDUzLjU0OS0yMi40NDVoMzY4LjQxcTMxLjMwMiAwIDUzLjU0OSAyMi40NDVRNzQwLTc4MC45MDUgNzQwLTc1MHY1OTUuMzMzTDQ4MC0yNjUuNzQ0IDIyMC0xNTQuNjY3Wm01MS4xNzktNzcuOTQ4TDQ4MC0zMjEuODI0bDIwOC44MjEgODkuMjA5Vi03NTBxMC05LjIzMS03LjY5My0xNi45MjMtNy42OTItNy42OTMtMTYuOTIzLTcuNjkzaC0zNjguNDFxLTkuMjMxIDAtMTYuOTIzIDcuNjkzLTcuNjkzIDcuNjkyLTcuNjkzIDE2LjkyM3Y1MTcuMzg1Wm0wLTU0Mi4wMDFoNDE3LjY0Mi00MTcuNjQyWiIvPjwvc3ZnPg=="},31622:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMjAtMTU0LjY2N1YtNzUwcTAtMzAuOTA1IDIyLjE4OS01My4zNSAyMi4xODgtMjIuNDQ1IDUzLjYwNi0yMi40NDVoMzY4LjQxcTMxLjQxOCAwIDUzLjYwNiAyMi40NDVRNzQwLTc4MC45MDUgNzQwLTc1MHY1OTUuMzMzTDQ4MC0yNjUuNzQ0IDIyMC0xNTQuNjY3WiIvPjwvc3ZnPg=="},72780:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik0yMTQuNDYxLTEwMHEtMzEuMzAyIDAtNTMuNTQ4LTIyLjI0Ni0yMi4yNDYtMjIuMjQ3LTIyLjI0Ni01My41NDl2LTUzNy4yMzFxMC0zMS4zMDIgMjIuMjQ2LTUzLjU0OCAyMi4yNDYtMjIuMjQ3IDUzLjU0OC0yMi4yNDdoNTcuMzg1di04MC40MWg1NS41Mzl2ODAuNDFoMzA4LjMwN3YtODAuNDFoNTIuOTc1djgwLjQxaDU2Ljg3MnEzMS4zMDEgMCA1My41NDggMjIuMjQ3IDIyLjI0NiAyMi4yNDYgMjIuMjQ2IDUzLjU0OHY1MzcuMjMxcTAgMzEuMzAyLTIyLjI0NiA1My41NDlRNzc2Ljg0LTEwMCA3NDUuNTM5LTEwMEgyMTQuNDYxWm0wLTUxLjE3OWg1MzEuMDc4cTkuMjMgMCAxNi45MjMtNy42OTMgNy42OTItNy42OTIgNy42OTItMTYuOTIzdi0zNzZIMTg5Ljg0NnYzNzZxMCA5LjIzMSA3LjY5MiAxNi45MjMgNy42OTIgNy42OTMgMTYuOTIzIDcuNjkzWm0tMjQuNjE1LTQ1MS43OTVoNTgwLjMwOHYtMTEwLjA1MnEwLTkuMjMxLTcuNjkyLTE2LjkyMy03LjY5My03LjY5Mi0xNi45MjMtNy42OTJIMjE0LjQ2MXEtOS4yMzEgMC0xNi45MjMgNy42OTItNy42OTIgNy42OTItNy42OTIgMTYuOTIzdjExMC4wNTJabTAgMHYtMTM0LjY2NyAxMzQuNjY3Wm0yOTAuMDI1IDIxMy4xMjhxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0tMTYwIDBxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NS0xMC41MjUtMTAuNjU0LTEwLjUyNS0yNC4yNDMgMC0xMy41ODkgMTAuNjU0LTI0LjExNSAxMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41ODktMTAuNjU0IDI0LjExNS0xMC42NTQgMTAuNTI2LTI0LjI0NCAxMC41MjZaTTQ3OS44NzEtMjM2cS0xMy41ODkgMC0yNC4xMTUtMTAuNjU0LTEwLjUyNS0xMC42NTUtMTAuNTI1LTI0LjI0NHQxMC42NTQtMjQuMTE1cTEwLjY1NC0xMC41MjYgMjQuMjQ0LTEwLjUyNiAxMy41ODkgMCAyNC4xMTUgMTAuNjU1IDEwLjUyNSAxMC42NTQgMTAuNTI1IDI0LjI0MyAwIDEzLjU5LTEwLjY1NCAyNC4xMTVRNDkzLjQ2MS0yMzYgNDc5Ljg3MS0yMzZabS0xNjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTMzMy40NjEtMjM2IDMxOS44NzEtMjM2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTY1My40NjEtMjM2IDYzOS44NzEtMjM2WiIvPjwvc3ZnPg=="},62196:A=>{"use strict";A.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDAiPjxwYXRoIGQ9Ik00NzkuODcxLTM4OS44NDZxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0tMTYwIDBxLTEzLjU4OSAwLTI0LjExNS0xMC42NTUtMTAuNTI1LTEwLjY1NC0xMC41MjUtMjQuMjQzIDAtMTMuNTg5IDEwLjY1NC0yNC4xMTUgMTAuNjU0LTEwLjUyNiAyNC4yNDQtMTAuNTI2IDEzLjU4OSAwIDI0LjExNSAxMC42NTUgMTAuNTI1IDEwLjY1NCAxMC41MjUgMjQuMjQzIDAgMTMuNTg5LTEwLjY1NCAyNC4xMTUtMTAuNjU0IDEwLjUyNi0yNC4yNDQgMTAuNTI2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NS0xMC41MjUtMTAuNjU0LTEwLjUyNS0yNC4yNDMgMC0xMy41ODkgMTAuNjU0LTI0LjExNSAxMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41ODktMTAuNjU0IDI0LjExNS0xMC42NTQgMTAuNTI2LTI0LjI0NCAxMC41MjZaTTQ3OS44NzEtMjM2cS0xMy41ODkgMC0yNC4xMTUtMTAuNjU0LTEwLjUyNS0xMC42NTUtMTAuNTI1LTI0LjI0NHQxMC42NTQtMjQuMTE1cTEwLjY1NC0xMC41MjYgMjQuMjQ0LTEwLjUyNiAxMy41ODkgMCAyNC4xMTUgMTAuNjU1IDEwLjUyNSAxMC42NTQgMTAuNTI1IDI0LjI0MyAwIDEzLjU5LTEwLjY1NCAyNC4xMTVRNDkzLjQ2MS0yMzYgNDc5Ljg3MS0yMzZabS0xNjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTMzMy40NjEtMjM2IDMxOS44NzEtMjM2Wm0zMjAgMHEtMTMuNTg5IDAtMjQuMTE1LTEwLjY1NC0xMC41MjUtMTAuNjU1LTEwLjUyNS0yNC4yNDR0MTAuNjU0LTI0LjExNXExMC42NTQtMTAuNTI2IDI0LjI0NC0xMC41MjYgMTMuNTg5IDAgMjQuMTE1IDEwLjY1NSAxMC41MjUgMTAuNjU0IDEwLjUyNSAyNC4yNDMgMCAxMy41OS0xMC42NTQgMjQuMTE1UTY1My40NjEtMjM2IDYzOS44NzEtMjM2Wm0tNDI1LjQxIDEzNnEtMzEuMzAyIDAtNTMuNTQ4LTIyLjI0Ni0yMi4yNDYtMjIuMjQ3LTIyLjI0Ni01My41NDl2LTUzNy4yMzFxMC0zMS4zMDIgMjIuMjQ2LTUzLjU0OCAyMi4yNDYtMjIuMjQ3IDUzLjU0OC0yMi4yNDdoNTcuMzg1di04MC40MWg1NS41Mzl2ODAuNDFoMzA4LjMwN3YtODAuNDFoNTIuOTc1djgwLjQxaDU2Ljg3MnEzMS4zMDEgMCA1My41NDggMjIuMjQ3IDIyLjI0NiAyMi4yNDYgMjIuMjQ2IDUzLjU0OHY1MzcuMjMxcTAgMzEuMzAyLTIyLjI0NiA1My41NDlRNzc2Ljg0LTEwMCA3NDUuNTM5LTEwMEgyMTQuNDYxWm0wLTUxLjE3OWg1MzEuMDc4cTkuMjMgMCAxNi45MjMtNy42OTMgNy42OTItNy42OTIgNy42OTItMTYuOTIzdi0zNzZIMTg5Ljg0NnYzNzZxMCA5LjIzMSA3LjY5MiAxNi45MjMgNy42OTIgNy42OTMgMTYuOTIzIDcuNjkzWiIvPjwvc3ZnPg=="},14351:A=>{"use strict";A.exports="data:image/jpeg;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9003.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9003,7893,9289],{7893:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>m});var r=t(13587),a=t(84451),o=t(36520),i=t(23170),l=t(64281),s=t.n(l),c=t(41594),d=t(970),u=t(46586),p=t(72919),h=t.n(p),x=t(5219),f=t(82246),g=["plannerArticles","curBox","isExpanded"];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.A)(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 m=(0,d.PA)((function SVGOverview(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,i.A)(e,g)),l=(0,x.hV)(),d=(0,c.useState)("None"),p=(0,o.A)(d,2),m=p[0],v=p[1],b=l.divaWebPlanner.getDivaArticles();if(!b)return(0,f.jsx)(f.Fragment,{});var j=Object.values(b).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],A=j[t],w="",S="",O=[];if(void 0===y)return(0,f.jsx)(f.Fragment,{});if(y.topSvgsWithFormula){var V;null===(V=A.plannerData)||void 0===V||V.curSVG;var P=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=A.plannerData)||void 0===n?void 0:n.curSVG)}));if(P){for(var D=0;D<y.topSvgsWithFormula.length;D++)O.push(y.topSvgsWithFormula[D]);S=A.CatalogData.getCatImageURL(null==P?void 0:P.SVG,""),w=P.SVG,null==P||P.JsFormula}}if(S||(S=A.CatalogData.getCatImageURL(y.topSvg,""),O.push({SVG:S,Layer:y.topLayer,AVC:y.topAVC,AVO:y.topAVO,AVU:y.topAVU,HasAVL:y.topHasAVL,HasAVR:y.topHasAVR,JsFormula:""})),""!==S){var H=function(){var e=(0,a.A)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=v,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();H(S)}else"None"!=m&&v("None");return(0,f.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.e_),children:(0,f.jsxs)("table",{className:u.tp,children:[(0,f.jsx)("thead",{children:(0,f.jsxs)("tr",{className:u.fi,children:[(0,f.jsx)("th",{children:"Nr"}),(0,f.jsx)("th",{children:"SVG"}),(0,f.jsx)("th",{children:"Layer"}),(0,f.jsx)("th",{children:"AVC"}),(0,f.jsx)("th",{children:"AVO"}),(0,f.jsx)("th",{children:"AVU "}),(0,f.jsx)("th",{children:"HasAVL "}),(0,f.jsx)("th",{children:"HasAVR "}),(0,f.jsx)("th",{children:"JSFormula "})]})}),(0,f.jsx)("tbody",{children:Object.values(O).map((function(e,n){return(0,f.jsxs)("tr",{className:e.SVG===w?u.wH:void 0,children:[(0,f.jsx)("th",{children:n+1}),(0,f.jsx)("th",{children:(0,f.jsx)("img",{src:A.CatalogData.getCatImageURL(e.SVG,"")})}),(0,f.jsx)("th",{children:e.Layer}),(0,f.jsx)("th",{children:e.AVC}),(0,f.jsx)("th",{children:e.AVO}),(0,f.jsx)("th",{children:e.AVU}),(0,f.jsx)("th",{children:e.HasAVL}),(0,f.jsx)("th",{children:e.HasAVR}),(0,f.jsx)("th",{children:e.JsFormula})]},e.JsFormula)}))})]})}))}))},9289:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>m});var r=t(13587),a=t(84451),o=t(36520),i=t(23170),l=t(64281),s=t.n(l),c=t(41594),d=t(970),u=t(46586),p=t(72919),h=t.n(p),x=t(5219),f=t(82246),g=["plannerArticles","curBox","isExpanded"];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.A)(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 m=(0,d.PA)((function SVGSourceViewer(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,i.A)(e,g)),l=(0,x.hV)(),d=(0,c.useState)("None"),p=(0,o.A)(d,2),m=p[0],v=p[1],b=l.divaWebPlanner.getDivaArticles();if(!b)return(0,f.jsx)(f.Fragment,{});var j=Object.values(b).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],A=j[t],w="";if(void 0===y)return(0,f.jsx)(f.Fragment,{});if(y.topSvgsWithFormula){var S;null===(S=A.plannerData)||void 0===S||S.curSVG;var O=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=A.plannerData)||void 0===n?void 0:n.curSVG)}));null!=O&&O.SVG&&(w=A.CatalogData.getCatImageURL(O.SVG,""))}if(w||(w=A.CatalogData.getCatImageURL(y.topSvg,"")),""!==w){var V=function(){var e=(0,a.A)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=v,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();V(w)}else"None"!=m&&v("None");return(0,f.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.e_),children:(0,f.jsx)("textarea",{readOnly:!0,value:m})}))}))},99003:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>l});var r=t(970),a=(t(41594),t(7893)),o=t(9289),i=t(82246);const l=(0,r.PA)((function index(e){if("SVGOVERVIEW"===e.selectedJson)var n=(0,i.jsx)(a.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});else n=(0,i.jsx)(o.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});return(0,i.jsx)("div",{children:n})}))},93288:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>u,e_:()=>l,fi:()=>c,tp:()=>s,wH:()=>d});var r=t(38634),a=t.n(r),o=t(92083),i=t.n(o)()(a());i.push([e.id,".index-module--SmL9p {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--rYH7I {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--uMjZZ {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--uo2WV {\n  width: 50px;\n  height: 50px;\n}\n.index-module--SmL9p textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--SmL9p .index-module--zWGC_ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--LQomD {\n  color: black !important;\n}\n\n.index-module--LQomD {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--rYH7I img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--rYH7I tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--rYH7I tr th {\n  width: 4%;\n}\n.index-module--rYH7I tr th:last-child {\n  width: 90px;\n}\n.index-module--rYH7I thead {\n  border-bottom: 1px solid white;\n}\n.index-module--rYH7I tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--rYH7I tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--rYH7I tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--Xf5pV {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--UJJOB {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--qsK0O {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--SmL9p",s="index-module--rYH7I",c="index-module--uMjZZ",d="index-module--Xf5pV";const u=i},46586:(e,n,t)=>{"use strict";t.d(n,{e_:()=>f.e_,fi:()=>f.fi,tp:()=>f.tp,wH:()=>f.wH});var r=t(25835),a=t.n(r),o=t(69120),i=t.n(o),l=t(91148),s=t.n(l),c=t(73035),d=t.n(c),u=t(24959),p=t.n(u),h=t(15004),x=t.n(h),f=t(93288),g={};g.styleTagTransform=x(),g.setAttributes=d(),g.insert=s().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p();a()(f.Ay,g),f.Ay&&f.Ay.locals&&f.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)){if(t.length){var o=classNames.apply(null,t);o&&e.push(o)}}else if("object"===a)if(t.toString===Object.prototype.toString)for(var i in t)r.call(t,i)&&t[i]&&e.push(i);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9003,7893,9289],{7893:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>m});var r=t(13587),a=t(84451),o=t(36520),i=t(23170),l=t(64281),s=t.n(l),c=t(41594),d=t(970),u=t(46586),p=t(72919),h=t.n(p),x=t(5219),f=t(82246),g=["plannerArticles","curBox","isExpanded"];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.A)(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 m=(0,d.PA)((function SVGOverview(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,i.A)(e,g)),l=(0,x.hV)(),d=(0,c.useState)("None"),p=(0,o.A)(d,2),m=p[0],v=p[1],b=l.divaWebPlanner.getDivaArticles();if(!b)return(0,f.jsx)(f.Fragment,{});var j=Object.values(b).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],A=j[t],V="",S="",w=[];if(void 0===y)return(0,f.jsx)(f.Fragment,{});if(y.topSvgsWithFormula){var O;null===(O=A.plannerData)||void 0===O||O.curSVG;var P=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=A.plannerData)||void 0===n?void 0:n.curSVG)}));if(P){for(var D=0;D<y.topSvgsWithFormula.length;D++)w.push(y.topSvgsWithFormula[D]);S=A.CatalogData.getCatImageURL(null==P?void 0:P.SVG,""),V=P.SVG,null==P||P.JsFormula}}if(S||(S=A.CatalogData.getCatImageURL(y.topSvg,""),w.push({SVG:S,Layer:y.topLayer,AVC:y.topAVC,AVO:y.topAVO,AVU:y.topAVU,AVN:y.topAVN,AVS:y.topAVS,HasAVL:y.topHasAVL,HasAVR:y.topHasAVR,JsFormula:""})),""!==S){var H=function(){var e=(0,a.A)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=v,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();H(S)}else"None"!=m&&v("None");return(0,f.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.e_),children:(0,f.jsxs)("table",{className:u.tp,children:[(0,f.jsx)("thead",{children:(0,f.jsxs)("tr",{className:u.fi,children:[(0,f.jsx)("th",{children:"Nr"}),(0,f.jsx)("th",{children:"SVG"}),(0,f.jsx)("th",{children:"Layer"}),(0,f.jsx)("th",{children:"AVC"}),(0,f.jsx)("th",{children:"AVO"}),(0,f.jsx)("th",{children:"AVU "}),(0,f.jsx)("th",{children:"AVN "}),(0,f.jsx)("th",{children:"AVS "}),(0,f.jsx)("th",{children:"HasAVL "}),(0,f.jsx)("th",{children:"HasAVR "}),(0,f.jsx)("th",{children:"JSFormula "})]})}),(0,f.jsx)("tbody",{children:Object.values(w).map((function(e,n){return(0,f.jsxs)("tr",{className:e.SVG===V?u.wH:void 0,children:[(0,f.jsx)("th",{children:n+1}),(0,f.jsx)("th",{children:(0,f.jsx)("img",{src:A.CatalogData.getCatImageURL(e.SVG,"")})}),(0,f.jsx)("th",{children:e.Layer}),(0,f.jsx)("th",{children:e.AVC}),(0,f.jsx)("th",{children:e.AVO}),(0,f.jsx)("th",{children:e.AVU}),(0,f.jsx)("th",{children:e.AVN}),(0,f.jsx)("th",{children:e.AVS}),(0,f.jsx)("th",{children:e.HasAVL}),(0,f.jsx)("th",{children:e.HasAVR}),(0,f.jsx)("th",{children:e.JsFormula})]},e.JsFormula)}))})]})}))}))},9289:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>m});var r=t(13587),a=t(84451),o=t(36520),i=t(23170),l=t(64281),s=t.n(l),c=t(41594),d=t(970),u=t(46586),p=t(72919),h=t.n(p),x=t(5219),f=t(82246),g=["plannerArticles","curBox","isExpanded"];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.A)(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 m=(0,d.PA)((function SVGSourceViewer(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,i.A)(e,g)),l=(0,x.hV)(),d=(0,c.useState)("None"),p=(0,o.A)(d,2),m=p[0],v=p[1],b=l.divaWebPlanner.getDivaArticles();if(!b)return(0,f.jsx)(f.Fragment,{});var j=Object.values(b).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],A=j[t],V="";if(void 0===y)return(0,f.jsx)(f.Fragment,{});if(y.topSvgsWithFormula){var S;null===(S=A.plannerData)||void 0===S||S.curSVG;var w=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=A.plannerData)||void 0===n?void 0:n.curSVG)}));null!=w&&w.SVG&&(V=A.CatalogData.getCatImageURL(w.SVG,""))}if(V||(V=A.CatalogData.getCatImageURL(y.topSvg,"")),""!==V){var O=function(){var e=(0,a.A)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=v,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();O(V)}else"None"!=m&&v("None");return(0,f.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.e_),children:(0,f.jsx)("textarea",{readOnly:!0,value:m})}))}))},99003:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>l});var r=t(970),a=(t(41594),t(7893)),o=t(9289),i=t(82246);const l=(0,r.PA)((function index(e){if("SVGOVERVIEW"===e.selectedJson)var n=(0,i.jsx)(a.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});else n=(0,i.jsx)(o.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});return(0,i.jsx)("div",{children:n})}))},93288:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>u,e_:()=>l,fi:()=>c,tp:()=>s,wH:()=>d});var r=t(38634),a=t.n(r),o=t(92083),i=t.n(o)()(a());i.push([e.id,".index-module--SmL9p {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--rYH7I {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--uMjZZ {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--uo2WV {\n  width: 50px;\n  height: 50px;\n}\n.index-module--SmL9p textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--SmL9p .index-module--zWGC_ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--LQomD {\n  color: black !important;\n}\n\n.index-module--LQomD {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--rYH7I img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--rYH7I tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--rYH7I tr th {\n  width: 4%;\n}\n.index-module--rYH7I tr th:last-child {\n  width: 90px;\n}\n.index-module--rYH7I thead {\n  border-bottom: 1px solid white;\n}\n.index-module--rYH7I tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--rYH7I tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--rYH7I tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--Xf5pV {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--UJJOB {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--qsK0O {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--SmL9p",s="index-module--rYH7I",c="index-module--uMjZZ",d="index-module--Xf5pV";const u=i},46586:(e,n,t)=>{"use strict";t.d(n,{e_:()=>f.e_,fi:()=>f.fi,tp:()=>f.tp,wH:()=>f.wH});var r=t(25835),a=t.n(r),o=t(69120),i=t.n(o),l=t(91148),s=t.n(l),c=t(73035),d=t.n(c),u=t(24959),p=t.n(u),h=t(15004),x=t.n(h),f=t(93288),g={};g.styleTagTransform=x(),g.setAttributes=d(),g.insert=s().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p();a()(f.Ay,g),f.Ay&&f.Ay.locals&&f.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)){if(t.length){var o=classNames.apply(null,t);o&&e.push(o)}}else if("object"===a)if(t.toString===Object.prototype.toString)for(var i in t)r.call(t,i)&&t[i]&&e.push(i);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);