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

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3703.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,59,9119,3115,6587],{23115:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(96463),r=t(87363),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),g=t.n(m),b=t(44589),h=t.n(b),v=t(84887),y={};y.styleTagTransform=h(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var I=t(47514);const j=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,d=void 0===a?(0,r.useState)(""):a,l=(0,i.Z)(d,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],g=p[1],b=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.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===b[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)i(o)}g(e),c(e)}}),[]),s?(0,I.jsx)("div",{style:n,className:v.B,children:m}):(0,I.jsx)(I.Fragment,{})}},13703:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),d=t(96463),l=t(9420),s=t(87363),c=t(94873),u=t(13838),x=t(88683),p=t(86587),m=t(46770),g=t(23115),b=t(63662),h=t(41834),v=t(18606),y=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,l.Pi)((function Option(e){var n,t=e.item,i=e.paletteId,r=e.hidePricePreview,l=t,I=(0,d.NP)(),j=(0,x.useTranslation)().t,M=(0,x.useDivaCore)().state.dimensions,w=M.isMobile,f=M.isTablet,N=(0,s.useState)(""),L=(0,o.Z)(N,2),C=L[0],z=L[1],S={},P={},O=void 0,A=!1,T={},k=(0,m.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,m.sJ)({isOpen:k[0],auto:!0,placement:I.getViewConfig().tooltipPosition||"left-center"});return w||f||I.getViewConfig().hideTooltip||!l.image&&!l.hexColor||l.contentItemId||(A=k[0],T=k[1],S=Z.triggerProps,P=Z.layerProps,O=Z.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:l.codex,"data-test-id":"plannerPaletteItem",className:a()(c.CA,l.sel?c.pA:void 0),onClick:function onClick(){l.doShowFav&&I.paletteViewHandler.clickedOnFavIcon(l),I.paletteViewHandler.clickedOnConfigPalette(l,void 0,i)}},S),T),{},{children:[(0,y.jsxs)("div",{className:a()(c.iZ,c.NC),children:[l.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),l.contentItemId&&(0,y.jsx)(h.default,{item:l,style:{bottom:8}}),"TEXT"==l.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==l.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(l.image,")")}}),(0,y.jsxs)("div",{className:a()(c.AR,"TEXT"==l.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:a()(c.db,""!==C?c.Bm:void 0),dangerouslySetInnerHTML:{__html:l.text}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:l.metaData,visible:[C,z]},l.codex)]}),A&&(null===(n=O)||void 0===n?void 0:n((0,y.jsx)(b.default,{text:l.text+(l.freeText?l.freeText:""),desciption:C,image:l.image,hexColor:l.hexColor,pricePreviewPromise:l.pricePreviewPromise,layerProps:P},l.codex))),l.doShowFav&&(0,y.jsx)("div",{className:l.isFav?u.Md:u.Hq})]}),!r&&void 0!==l.pricePreviewPromise&&(0,y.jsx)(v.default,{asyncPricePreview:l.pricePreviewPromise}),l.disabledByConstructionRule&&(0,y.jsx)("div",{className:a()(c.ox),title:j("configurator."+l.disabledByConstructionRule)})]}))}))},86587:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>d,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\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 d="index-module--hpPAb";const l=a},6284:(e,n,t)=>{"use strict";t.d(n,{$l:()=>h,AR:()=>y,Bm:()=>M,CA:()=>x,Eb:()=>I,K5:()=>v,NC:()=>b,ZP:()=>f,db:()=>j,iZ:()=>m,ox:()=>w,pA:()=>p,vc:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(63173),t.b),c=a()(o()),u=l()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\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--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI: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--xFLJI: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--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\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--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\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--xFLJI",p="index-module--zZnWk",m="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",v="index-module--Z8KXz",y="index-module--m9VzR",I="index-module--Y5eRx",j="index-module--mZh26",M="index-module--NabGm",w="index-module--2NJnv";const f=c},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},94873:(e,n,t)=>{"use strict";t.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),p=t(44589),m=t.n(p),g=t(6284),b={};b.styleTagTransform=m(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,59,3115,6587],{23115:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(96463),r=t(87363),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),g=t.n(m),b=t(44589),h=t.n(b),v=t(84887),y={};y.styleTagTransform=h(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var I=t(47514);const j=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,d=void 0===a?(0,r.useState)(""):a,l=(0,i.Z)(d,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],g=p[1],b=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==b?void 0:b.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===b[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)i(o)}g(e),c(e)}}),[]),s?(0,I.jsx)("div",{style:n,className:v.B,children:m}):(0,I.jsx)(I.Fragment,{})}},13703:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),d=t(96463),l=t(9420),s=t(87363),c=t(94873),u=t(13838),x=t(88683),p=t(86587),m=t(46770),g=t(23115),b=t(63662),h=t(41834),v=t(18606),y=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,l.Pi)((function Option(e){var n,t=e.item,i=e.paletteId,r=e.hidePricePreview,l=t,I=(0,d.NP)(),j=(0,x.useTranslation)().t,M=(0,x.useDivaCore)().state.dimensions,w=M.isMobile,f=M.isTablet,N=(0,s.useState)(""),L=(0,o.Z)(N,2),C=L[0],z=L[1],S={},P={},O=void 0,A=!1,T={},k=(0,m.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,m.sJ)({isOpen:k[0],auto:!0,placement:I.getViewConfig().tooltipPosition||"left-center"});return w||f||I.getViewConfig().hideTooltip||!l.image&&!l.hexColor||l.contentItemId||(A=k[0],T=k[1],S=Z.triggerProps,P=Z.layerProps,O=Z.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:l.codex,"data-test-id":"plannerPaletteItem",className:a()(c.CA,l.sel?c.pA:void 0),onClick:function onClick(){l.doShowFav&&I.paletteViewHandler.clickedOnFavIcon(l),I.paletteViewHandler.clickedOnConfigPalette(l,void 0,i)}},S),T),{},{children:[(0,y.jsxs)("div",{className:a()(c.iZ,c.NC),children:[l.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),l.contentItemId&&(0,y.jsx)(h.default,{item:l,style:{bottom:8}}),"TEXT"==l.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==l.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(l.image,")")}}),(0,y.jsxs)("div",{className:a()(c.AR,"TEXT"==l.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:a()(c.db,""!==C?c.Bm:void 0),dangerouslySetInnerHTML:{__html:l.text}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:l.metaData,visible:[C,z]},l.codex)]}),A&&(null===(n=O)||void 0===n?void 0:n((0,y.jsx)(b.default,{text:l.text+(l.freeText?l.freeText:""),desciption:C,image:l.image,hexColor:l.hexColor,pricePreviewPromise:l.pricePreviewPromise,layerProps:P},l.codex))),l.doShowFav&&(0,y.jsx)("div",{className:l.isFav?u.Md:u.Hq})]}),!r&&void 0!==l.pricePreviewPromise&&(0,y.jsx)(v.default,{asyncPricePreview:l.pricePreviewPromise}),l.disabledByConstructionRule&&(0,y.jsx)("div",{className:a()(c.ox),title:j("configurator."+l.disabledByConstructionRule)})]}))}))},86587:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>d,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\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 d="index-module--hpPAb";const l=a},6284:(e,n,t)=>{"use strict";t.d(n,{$l:()=>h,AR:()=>y,Bm:()=>M,CA:()=>x,Eb:()=>I,K5:()=>v,NC:()=>b,ZP:()=>f,db:()=>j,iZ:()=>m,ox:()=>w,pA:()=>p,vc:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(63173),t.b),c=a()(o()),u=l()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\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--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI: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--xFLJI: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--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\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--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\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--xFLJI",p="index-module--zZnWk",m="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",v="index-module--Z8KXz",y="index-module--m9VzR",I="index-module--Y5eRx",j="index-module--mZh26",M="index-module--NabGm",w="index-module--2NJnv";const f=c},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},94873:(e,n,t)=>{"use strict";t.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),p=t(44589),m=t.n(p),g=t(6284),b={};b.styleTagTransform=m(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 3730.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3730,8011,59],{65526:(M,I,N)=>{"use strict";var j=N(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,M.exports=function(){function shim(M,I,N,D,g,z){if(z!==j){var y=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw y.name="Invariant Violation",y}}function getShim(){return shim}shim.isRequired=shim;var M={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return M.PropTypes=M,M}},36653:(M,I,N)=>{M.exports=N(65526)()},65807:M=>{"use strict";M.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},51239:(M,I,N)=>{"use strict";N.r(I),N.d(I,{default:()=>s});N(87363);var j=N(93379),D=N.n(j),g=N(7795),z=N.n(g),y=N(90569),u=N.n(y),i=N(3565),T=N.n(i),A=N(19216),x=N.n(A),e=N(44589),n=N.n(e),c=N(60444),E={};E.styleTagTransform=n(),E.setAttributes=T(),E.insert=u().bind(null,"head"),E.domAPI=z(),E.insertStyleElement=x();D()(c.ZP,E);c.ZP&&c.ZP.locals&&c.ZP.locals;var L=N(65515),O=N.n(L),t=N(96463),S=N(24585),o=N(88683),a=N(9420),r=N(47514);const s=(0,a.Pi)((function MobileNavIcons(M){var I=(0,t.NP)(),N=(0,o.useTranslation)().t,j=I.productState.doShowGrid?I.productState.allow3DComb?"3DCOMB":I.productState.allowRTV?"RTV":"3D":"2D";return(0,r.jsxs)("div",{className:c.yT,children:[I.productState.footerVisible.length>1&&(0,r.jsx)("div",{className:O()(c.Yz),onClick:function onClick(){return I.productState.onChangePlannerView(j)},title:N("configurator.2d_3d_switcher"),children:I.productState.doShowGrid?"2D":"3D"}),I.productState.allowQRCodeAR&&(0,r.jsx)(S.default,{}),!I.productState.doShowGrid&&I.productState.doEnableToShow3DDimensionLines&&!I.productState.doShowRTV&&(0,r.jsx)("div",{className:O()(c.iD,I.productState.doShow3DDimensionLines?c.pA:void 0),onClick:function onClick(){return I.productState.onNav3DMenuSelect("Nav3DDimLine")},title:N("configurator.NAV3DDIMLINE_TT")})]})}))},60444:(M,I,N)=>{"use strict";N.d(I,{Yz:()=>S,ZP:()=>a,iD:()=>t,pA:()=>o,yT:()=>O});var j=N(8081),D=N.n(j),g=N(23645),z=N.n(g),y=N(61667),u=N.n(y),i=new URL(N(44336),N.b),T=new URL(N(51343),N.b),A=new URL(N(96625),N.b),x=new URL(N(1768),N.b),e=z()(D()),n=u()(i),c=u()(T),E=u()(A),L=u()(x);e.push([M.id,".index-module--xIM6Y {\n  display: flex;\n  gap: 16px;\n  position: absolute;\n  left: 20px;\n  bottom: 10px;\n  z-index: 200;\n}\n\n.index-module--AMxc0,\n.index-module--prjn6,\n.index-module--O3t36,\n.index-module--lVvx0,\n.index-module--xIM6Y #ar-icon {\n  height: 32px;\n  width: 32px;\n  cursor: pointer;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  border-radius: 50%;\n  display: block;\n  transition: background-color 0.15s ease;\n  z-index: 1000;\n  background-color: rgba(255,255,255,0.66667);\n}\n.index-module--AMxc0:hover,\n.index-module--prjn6:hover,\n.index-module--O3t36:hover,\n.index-module--lVvx0:hover,\n.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(243,243,243,0.66667);\n}\n\n.index-module--bjzoL.index-module--AMxc0,\n.index-module--bjzoL.index-module--prjn6,\n.index-module--bjzoL.index-module--O3t36,\n.index-module--bjzoL.index-module--lVvx0,\n.index-module--bjzoL.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(217,217,217,0.66667);\n}\n\n.index-module--xIM6Y #ar-icon {\n  background-image: url("+n+");\n}\n\n.index-module--AMxc0 {\n  background-image: url("+c+");\n}\n\n.index-module--KAGMM {\n  background-image: url("+E+");\n}\n\n.index-module--_7Xoh {\n  background-image: url("+L+");\n}\n\n.index-module--prjn6 {\n  text-align: center;\n  line-height: 32px;\n}\n",""]);var O="index-module--xIM6Y",t="index-module--AMxc0",S="index-module--prjn6",o="index-module--bjzoL";const a=e},61667:M=>{"use strict";M.exports=function(M,I){return I||(I={}),M?(M=String(M.__esModule?M.default:M),/^['"].*['"]$/.test(M)&&(M=M.slice(1,-1)),I.hash&&(M+=I.hash),/["'() \t\n]|(%20)/.test(M)||I.needQuotes?'"'.concat(M.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):M):M}},96625:M=>{"use strict";M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NzEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjcxKSI+CjxwYXRoIGQ9Ik05LjMwNzc1IDI0LjVDOC44MDI1OCAyNC41IDguMzc1IDI0LjMyNSA4LjAyNSAyMy45NzVDNy42NzUgMjMuNjI1IDcuNSAyMy4xOTc0IDcuNSAyMi42OTIzVjkuMzA3NzVDNy41IDguODAyNTggNy42NzUgOC4zNzUgOC4wMjUgOC4wMjVDOC4zNzUgNy42NzUgOC44MDI1OCA3LjUgOS4zMDc3NSA3LjVIMjIuNjkyM0MyMy4xOTc0IDcuNSAyMy42MjUgNy42NzUgMjMuOTc1IDguMDI1QzI0LjMyNSA4LjM3NSAyNC41IDguODAyNTggMjQuNSA5LjMwNzc1VjIyLjY5MjNDMjQuNSAyMy4xOTc0IDI0LjMyNSAyMy42MjUgMjMuOTc1IDIzLjk3NUMyMy42MjUgMjQuMzI1IDIzLjE5NzQgMjQuNSAyMi42OTIzIDI0LjVIOS4zMDc3NVpNOS4zMDc3NSAyM0gyMi42OTIzQzIyLjc2OTIgMjMgMjIuODM5OCAyMi45Njc5IDIyLjkwMzggMjIuOTAzOEMyMi45Njc5IDIyLjgzOTggMjMgMjIuNzY5MiAyMyAyMi42OTIzVjkuMzA3NzVDMjMgOS4yMzA3NSAyMi45Njc5IDkuMTYwMjUgMjIuOTAzOCA5LjA5NjI1QzIyLjgzOTggOS4wMzIwOCAyMi43NjkyIDkgMjIuNjkyMyA5SDkuMzA3NzVDOS4yMzA3NSA5IDkuMTYwMjUgOS4wMzIwOCA5LjA5NjI1IDkuMDk2MjVDOS4wMzIwOCA5LjE2MDI1IDkgOS4yMzA3NSA5IDkuMzA3NzVWMjIuNjkyM0M5IDIyLjc2OTIgOS4wMzIwOCAyMi44Mzk4IDkuMDk2MjUgMjIuOTAzOEM5LjE2MDI1IDIyLjk2NzkgOS4yMzA3NSAyMyA5LjMwNzc1IDIzWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="},1768:M=>{"use strict";M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz4KPG1hc2sgaWQ9Im1hc2swXzM1NjFfMTAxMzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV8xMDEzOCkiPgo8cGF0aCBkPSJNMTUuMjA1OSAyNC4wMDgxVjE2LjQ1NTdMOC41ODgyNCAxMi42MjY2VjE5Ljk5NkM4LjU4ODI0IDIwLjA1MDEgOC42MDE4MiAyMC4xMDEgOC42MjkgMjAuMTQ4NkM4LjY1NjE4IDIwLjE5NiA4LjY5Njg1IDIwLjIzNjcgOC43NTEwMyAyMC4yNzA1TDE1LjIwNTkgMjQuMDA4MVpNMTYuNzk0MSAyNC4wMDgxTDIzLjI0OSAyMC4yNzA1QzIzLjMwMzEgMjAuMjM2NyAyMy4zNDM4IDIwLjE5NiAyMy4zNzEgMjAuMTQ4NkMyMy4zOTgyIDIwLjEwMSAyMy40MTE4IDIwLjA1MDEgMjMuNDExOCAxOS45OTZWMTIuNjI2NkwxNi43OTQxIDE2LjQ1NTdWMjQuMDA4MVpNMTYgMTUuMDg4NkwyMi41MzgyIDExLjMxMjRMMTYuMTYyOCA3LjYyNzdDMTYuMTA4NiA3LjU5Mzg0IDE2LjA1NDQgNy41NzY5MSAxNiA3LjU3NjkxQzE1Ljk0NTYgNy41NzY5MSAxNS44OTE0IDcuNTkzODQgMTUuODM3MiA3LjYyNzdMOS40NjE3NiAxMS4zMTI0TDE2IDE1LjA4ODZaTTcuOTU3MTggMjEuNjY0MUM3LjY1NTc2IDIxLjQ5MDYgNy40MjA4OCAyMS4yNTg4IDcuMjUyNTMgMjAuOTY4NUM3LjA4NDE4IDIwLjY3ODEgNyAyMC4zNTkzIDcgMjAuMDEyMVYxMS45ODc5QzcgMTEuNjQwNyA3LjA4NDE4IDExLjMyMTkgNy4yNTI1MyAxMS4wMzE1QzcuNDIwODggMTAuNzQxMiA3LjY1NTc2IDEwLjUwOTQgNy45NTcxOCAxMC4zMzU5TDE1LjA0MzEgNi4yNjA1M0MxNS4zNDQzIDYuMDg2ODQgMTUuNjYzMyA2IDE2IDZDMTYuMzM2NyA2IDE2LjY1NTcgNi4wODY4NCAxNi45NTY5IDYuMjYwNTNMMjQuMDQyOCAxMC4zMzU5QzI0LjM0NDIgMTAuNTA5NCAyNC41NzkxIDEwLjc0MTIgMjQuNzQ3NSAxMS4wMzE1QzI0LjkxNTggMTEuMzIxOSAyNSAxMS42NDA3IDI1IDExLjk4NzlWMjAuMDEyMUMyNSAyMC4zNTkzIDI0LjkxNTggMjAuNjc4MSAyNC43NDc1IDIwLjk2ODVDMjQuNTc5MSAyMS4yNTg4IDI0LjM0NDIgMjEuNDkwNiAyNC4wNDI4IDIxLjY2NDFMMTYuOTU2OSAyNS43Mzk1QzE2LjY1NTcgMjUuOTEzMiAxNi4zMzY3IDI2IDE2IDI2QzE1LjY2MzMgMjYgMTUuMzQ0MyAyNS45MTMyIDE1LjA0MzEgMjUuNzM5NUw3Ljk1NzE4IDIxLjY2NDFaIiBmaWxsPSIjNEE0NTQzIi8+CjwvZz4KPC9zdmc+Cg=="},44336:M=>{"use strict";M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguOTA0NCA5LjE0NDY5TDE2LjU3MTQgOC4wNDE2NkMxNi40NTI0IDcuOTg2MTEgMTYuMzE3NSA3Ljk4NjExIDE2LjE5ODQgOC4wNDE2NkwxMy44NTc1IDkuMTQ0NjlDMTMuNTI0MiA5LjMwMzQgMTMuMzczNCA5LjcwODExIDEzLjUzMjEgMTAuMDQxNEMxMy42NDMyIDEwLjI4NzQgMTMuODg5MiAxMC40MzAyIDE0LjE0MzIgMTAuNDMwMkMxNC4yMzg0IDEwLjQzMDIgMTQuMzMzNiAxMC40MDY0IDE0LjQyODggMTAuMzY2OEwxNS43MDY0IDkuNzYzNjZWMTEuNDA2M0MxNS43MDY0IDExLjc3OTMgMTYuMDA4IDEyLjA4MDggMTYuMzgxIDEyLjA4MDhDMTYuNzUzOSAxMi4wODA4IDE3LjA1NTUgMTEuNzc5MyAxNy4wNTU1IDExLjQwNjNWOS43NjM2NkwxOC4zMzMxIDEwLjM2NjhDMTguNjY2NCAxMC41MjU1IDE5LjA3MTEgMTAuMzgyNiAxOS4yMjk4IDEwLjA0MTRDMTkuMzg4NSA5LjcwMDE4IDE5LjI0NTcgOS4zMDM0IDE4LjkwNDQgOS4xNDQ2OVpNMTguMzMyNCAxMy42OTIxTDE2LjM4MDMgMTQuNjEyNkwxNC40MjgyIDEzLjY5MjFDMTQuMDk0OSAxMy41MzM0IDEzLjY5MDIgMTMuNjc2MiAxMy41MzE1IDE0LjAxNzVDMTMuMzcyOCAxNC4zNTA4IDEzLjUxNTYgMTQuNzU1NSAxMy44NTY4IDE0LjkxNDJMMTUuNjgyIDE1Ljc3MTJDMTUuNjgyIDE1Ljc4NzEgMTUuNjc4IDE1LjgwMSAxNS42NzQgMTUuODE0OUMxNS42NzAxIDE1LjgyODcgMTUuNjY2MSAxNS44NDI2IDE1LjY2NjEgMTUuODU4NVYxNy41MDkxQzE1LjY2NjEgMTcuODgyIDE1Ljk2NzcgMTguMTgzNiAxNi4zNDA2IDE4LjE4MzZDMTYuNzEzNiAxOC4xODM2IDE3LjAxNTEgMTcuODgyIDE3LjAxNTEgMTcuNTA5MVYxNS44NTg1QzE3LjAxNTEgMTUuODUwNiAxNy4wMTMyIDE1Ljg0MjYgMTcuMDExMiAxNS44MzQ3TDE3LjAxMTIgMTUuODM0N0MxNy4wMDkyIDE1LjgyNjcgMTcuMDA3MiAxNS44MTg4IDE3LjAwNzIgMTUuODEwOUwxOC45MTE3IDE0LjkxNDJDMTkuMjQ1IDE0Ljc1NTUgMTkuMzk1OCAxNC4zNTA4IDE5LjIzNzEgMTQuMDE3NUMxOS4wNzA0IDEzLjY4NDIgMTguNjY1NyAxMy41MzM0IDE4LjMzMjQgMTMuNjkyMVpNMjEuNDE4OCAxMC4zODMyTDIzLjUwNTkgMTEuMzgzMUMyMy42NjQ2IDExLjQ1NDUgMjMuNzU5OCAxMS42MTMyIDIzLjc1OTggMTEuNzc5OFYxNC4xODQzQzIzLjc1OTggMTQuNTU3MyAyMy40NTgzIDE0Ljg1ODggMjMuMDg1MyAxNC44NTg4QzIyLjcxMjMgMTQuODU4OCAyMi40MTA4IDE0LjU1NzMgMjIuNDEwOCAxNC4xODQzVjEzLjI5NTVMMjEuMzA3NyAxMy44MTEzQzIxLjIxMjUgMTMuODUxIDIxLjExNzMgMTMuODc0OCAyMS4wMjIxIDEzLjg3NDhDMjAuNzY4MSAxMy44NzQ4IDIwLjUyMjEgMTMuNzMyIDIwLjQxMSAxMy40ODZDMjAuMjUyMyAxMy4xNTI3IDIwLjQwMzEgMTIuNzQ4IDIwLjczNjQgMTIuNTg5M0wyMS44MzE1IDEyLjA3MzVMMjAuODM5NSAxMS41OTczQzIwLjUwNjMgMTEuNDM4NiAyMC4zNjM0IDExLjAzMzkgMjAuNTIyMSAxMC43MDA2QzIwLjY4MDggMTAuMzY3MyAyMS4wODU1IDEwLjIyNDUgMjEuNDE4OCAxMC4zODMyWk0xMi4wMjM0IDEyLjU4OUwxMC45MjgzIDEyLjA3MzJMMTEuOTIwMyAxMS41OTdDMTIuMjUzNiAxMS40MzgzIDEyLjM5NjQgMTEuMDMzNiAxMi4yMzc3IDEwLjcwMDNDMTIuMDc5IDEwLjM1OTEgMTEuNjc0MyAxMC4yMTYyIDExLjM0MSAxMC4zODI5TDkuMjUzOTQgMTEuMzgyOEM5LjA5NTIzIDExLjQ1NDIgOSAxMS42MTI5IDkgMTEuNzc5NVYxNC4xNzYxQzkgMTQuNTQ5IDkuMzAxNTUgMTQuODUwNiA5LjY3NDUyIDE0Ljg1MDZDMTAuMDQ3NSAxNC44NTA2IDEwLjM0OSAxNC41NTcgMTAuMzQ5IDE0LjE4NFYxMy4yODczTDExLjQ1MjEgMTMuODAzMUMxMS41NDczIDEzLjg1MDcgMTEuNjQyNSAxMy44NzQ1IDExLjczNzcgMTMuODc0NUMxMS45OTE3IDEzLjg3NDUgMTIuMjM3NyAxMy43MzE3IDEyLjM0ODggMTMuNDg1N0MxMi41MDc1IDEzLjE1MjQgMTIuMzY0NiAxMi43NDc3IDEyLjAyMzQgMTIuNTg5Wk0xMS40NTIxIDE4LjQxMzlDMTEuNzg1NCAxOC4yNTUyIDEyLjE5MDEgMTguNDA1OSAxMi4zNDg4IDE4LjczOTJDMTIuNTA3NSAxOS4wODA1IDEyLjM2NDYgMTkuNDg1MiAxMi4wMjM0IDE5LjY0MzlMMTAuOTI4MyAyMC4xNTk3TDExLjkyMDMgMjAuNjM1OEMxMi4yNTM2IDIwLjc5NDUgMTIuMzk2NCAyMS4xOTkyIDEyLjIzNzcgMjEuNTMyNUMxMi4xMTg2IDIxLjc3MDYgMTEuODgwNiAyMS45MTM0IDExLjYyNjYgMjEuOTEzNEMxMS41MjM1IDIxLjkxMzQgMTEuNDI4MyAyMS44OTc2IDExLjMzMyAyMS44NDk5TDkuMjQ2IDIwLjg1MDFDOS4wOTUyMyAyMC43Nzg2IDkgMjAuNjE5OSA5IDIwLjQ1MzNWMTguMDQ4OEM5IDE3LjY3NTkgOS4zMDE1NSAxNy4zNzQzIDkuNjc0NTIgMTcuMzc0M0MxMC4wNDc1IDE3LjM3NDMgMTAuMzQ5IDE3LjY3NTkgMTAuMzQ5IDE4LjA0ODhWMTguOTM3NkwxMS40NTIxIDE4LjQxMzlaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0xOC43NDkgMjRIMTcuNjgyM0wxNy4yNzIgMjIuNzk5SDE1LjM4NDlMMTQuOTc0NiAyNEgxMy45MjI5TDE1LjcyMDUgMTkuMDc2OUgxNi45NTEzTDE4Ljc0OSAyNFpNMTUuNjE2MSAyMi4wMzgySDE3LjA0MDhMMTYuMzI0NyAxOS44OUwxNS42MTYxIDIyLjAzODJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0yMS42NDk4IDE5LjA3NjlDMjIuMjA2OCAxOS4wNzY5IDIyLjY0NDQgMTkuMjExMiAyMi45NjI3IDE5LjQ3OTdDMjMuMjgwOSAxOS43NDgyIDIzLjQ0IDIwLjEwODggMjMuNDQgMjAuNTYxM0MyMy40NCAyMS4wNDM2IDIzLjI4MDkgMjEuNDE0MSAyMi45NjI3IDIxLjY3MjdDMjIuNjQ0NCAyMS45MjYzIDIyLjIwOTMgMjIuMDUzMSAyMS42NTczIDIyLjA1MzFMMjEuNTUyOSAyMi4xMTI4SDIwLjQ5MzdWMjRIMTkuNDc5MlYxOS4wNzY5SDIxLjY0OThaTTIxLjUzMDUgMjEuMzI5NkMyMS44MTg5IDIxLjMyOTYgMjIuMDMyNyAyMS4yNzI0IDIyLjE3MiAyMS4xNThDMjIuMzE2MiAyMS4wMzg3IDIyLjM4ODMgMjAuODU3MiAyMi4zODgzIDIwLjYxMzVDMjIuMzg4MyAyMC4zNjk4IDIyLjMxNjIgMjAuMTkwOCAyMi4xNzIgMjAuMDc2NEMyMi4wMzI3IDE5Ljk1NzEgMjEuODE4OSAxOS44OTc0IDIxLjUzMDUgMTkuODk3NEgyMC40OTM3VjIxLjMyOTZIMjEuNTMwNVpNMjIuMTM0NyAyMS41NDU5TDIzLjczMSAyNEgyMi41NzQ4TDIxLjI1NDUgMjEuODQ0M0wyMi4xMzQ3IDIxLjU0NTlaIiBmaWxsPSIjNEY0RjRGIi8+Cjwvc3ZnPgo="},51343:M=>{"use strict";M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NjciIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjY3KSI+CjxwYXRoIGQ9Ik04LjMwNzc1IDIxLjVDNy44MDI1OCAyMS41IDcuMzc1IDIxLjMyNSA3LjAyNSAyMC45NzVDNi42NzUgMjAuNjI1IDYuNSAyMC4xOTc0IDYuNSAxOS42OTIzVjEyLjMwNzdDNi41IDExLjgwMjYgNi42NzUgMTEuMzc1IDcuMDI1IDExLjAyNUM3LjM3NSAxMC42NzUgNy44MDI1OCAxMC41IDguMzA3NzUgMTAuNUgyMy42OTIzQzI0LjE5NzQgMTAuNSAyNC42MjUgMTAuNjc1IDI0Ljk3NSAxMS4wMjVDMjUuMzI1IDExLjM3NSAyNS41IDExLjgwMjYgMjUuNSAxMi4zMDc3VjE5LjY5MjNDMjUuNSAyMC4xOTc0IDI1LjMyNSAyMC42MjUgMjQuOTc1IDIwLjk3NUMyNC42MjUgMjEuMzI1IDI0LjE5NzQgMjEuNSAyMy42OTIzIDIxLjVIOC4zMDc3NVpNOC4zMDc3NSAyMEgyMy42OTIzQzIzLjc2OTMgMjAgMjMuODM5OCAxOS45Njc5IDIzLjkwMzggMTkuOTAzOEMyMy45Njc5IDE5LjgzOTggMjQgMTkuNzY5MiAyNCAxOS42OTIzVjEyLjMwNzdDMjQgMTIuMjMwNyAyMy45Njc5IDEyLjE2MDIgMjMuOTAzOCAxMi4wOTYyQzIzLjgzOTggMTIuMDMyMSAyMy43NjkzIDEyIDIzLjY5MjMgMTJIMjAuNzVWMTUuNjE1MkgxOS4yNVYxMkgxNi43NVYxNS42MTUySDE1LjI1VjEySDEyLjc1VjE1LjYxNTJIMTEuMjVWMTJIOC4zMDc3NUM4LjIzMDc1IDEyIDguMTYwMjUgMTIuMDMyMSA4LjA5NjI1IDEyLjA5NjJDOC4wMzIwOCAxMi4xNjAyIDggMTIuMjMwNyA4IDEyLjMwNzdWMTkuNjkyM0M4IDE5Ljc2OTIgOC4wMzIwOCAxOS44Mzk4IDguMDk2MjUgMTkuOTAzOEM4LjE2MDI1IDE5Ljk2NzkgOC4yMzA3NSAyMCA4LjMwNzc1IDIwWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="},65515:(M,I)=>{var N;!function(){"use strict";var j={}.hasOwnProperty;function classNames(){for(var M="",I=0;I<arguments.length;I++){var N=arguments[I];N&&(M=appendClass(M,parseValue(N)))}return M}function parseValue(M){if("string"==typeof M||"number"==typeof M)return M;if("object"!=typeof M)return"";if(Array.isArray(M))return classNames.apply(null,M);if(M.toString!==Object.prototype.toString&&!M.toString.toString().includes("[native code]"))return M.toString();var I="";for(var N in M)j.call(M,N)&&M[N]&&(I=appendClass(I,N));return I}function appendClass(M,I){return I?M?M+" "+I:M+I:M}M.exports?(classNames.default=classNames,M.exports=classNames):void 0===(N=function(){return classNames}.apply(I,[]))||(M.exports=N)}()}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3762,59,9119],{61667: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}},85108:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="},65515:(e,t)=>{var s;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=appendClass(e,parseValue(s)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)a.call(e,s)&&e[s]&&(t=appendClass(t,s));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(s=function(){return classNames}.apply(t,[]))||(e.exports=s)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3762,59],{61667: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}},85108:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="},65515:(e,t)=>{var s;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=appendClass(e,parseValue(s)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)a.call(e,s)&&e[s]&&(t=appendClass(t,s));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(s=function(){return classNames}.apply(t,[]))||(e.exports=s)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3789.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3789,1834,3115,8606,3662],{83789:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>N});var i=t(80248),o=t(34988),r=t(65515),s=t.n(r),l=t(96463),a=t(46770),d=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),v=t.n(f),h=t(3565),b=t.n(h),C=t(19216),g=t.n(C),w=t(44589),y=t.n(w),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(23115),k=t(63662),Z=t(41834),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,d.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,r=t,d=(0,l.NP)(),u=(0,O.useDivaCore)().state,p=u.dimensions,x=p.isMobile,m=p.isTablet,f=u.hidePrices,v=(0,c.useState)(""),h=(0,o.Z)(v,2),b=h[0],C=h[1],g={},w={},y=void 0,P=!1,N={},D=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),_=(0,a.sJ)({isOpen:D[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});x||m||d.getViewConfig().hideTooltip||r.contentItemId||(P=D[0],N=D[1],g=_.triggerProps,w=_.layerProps,y=_.renderLayer);var z=d.getViewConfig().dontShowBasePrice||f||!r.priceInfo,F=d.settingsState.plannerReplaceMode&&!(1==i&&d.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,I.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:s()(j.Sp,z?j.CE:void 0,"wcConfigurator_Article",r.sel?j.pA:void 0,F?j.y8:void 0),onClick:function onClick(){return d.paletteViewHandler.clickedOnPlannerPalette(r,i)}},g),N),{},{children:(0,I.jsxs)("div",{className:s()(j.iZ,j.vc),children:[(0,I.jsx)("div",{className:s()(j.K5),style:{backgroundImage:"url(".concat(r.imgSrc,")")}}),(0,I.jsxs)("div",{className:s()(j.G8),children:[(0,I.jsx)("div",{className:s()(j.db,b?j.jm:void 0),dangerouslySetInnerHTML:{__html:r.title}}),(0,I.jsx)(S.default,{metaData:r.metaData,visible:[b,C]},r.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(k.default,{text:r.title,desciption:b,codex:r.articleCodex,image:r.imgSrc,layerProps:w},r.codex))),(0,I.jsx)("div",{className:s()(j.cD),children:r.sizeInfo})]}),r.contentItemId&&(0,I.jsx)(Z.default,{item:r,style:{bottom:8}}),!z&&(0,I.jsx)("div",{className:s()(j.n_),children:r.priceInfo})]})}))}))},41834:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),o=t(88683),r=t(93379),s=t.n(r),l=t(7795),a=t.n(l),d=t(90569),c=t.n(d),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),v=t.n(f),h=t(23240),b={};b.styleTagTransform=v(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();s()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(87363),g=t(96463),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,r,s,l=e.item,a=e.style,d=(0,o.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=l.contentItemId,p=null!==(n=null!==(t=l.codex)&&void 0!==t?t:l.articleCodex)&&void 0!==n?n:l.title,x=(0,C.useState)(!1),m=(0,i.Z)(x,2),f=m[0],v=m[1],b=l.sel||f;if((0,C.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&v(!1),e&&!f&&v(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!l.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||b}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),v(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:a,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.hv,b?void 0:h.al,f?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(r=null==d||null===(s=d.primary)||void 0===s?void 0:s.main)&&void 0!==r?r:"#713434"})]})}),(0,P.jsx)("div",{className:y()(h.dA,b?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},23115:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(96463),r=t(87363),s=t(93379),l=t.n(s),a=t(7795),d=t.n(a),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),v=t(44589),h=t.n(v),b=t(84887),C={};C.styleTagTransform=h(),C.setAttributes=x(),C.insert=u().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=f();l()(b.Z,C);b.Z&&b.Z.locals&&b.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,s=e.visible,l=void 0===s?(0,r.useState)(""):s,a=(0,i.Z)(l,2),d=a[0],c=a[1],u=(0,o.NP)(),p=(0,r.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],v=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==v?void 0:v.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===v[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)i(o)}f(e),c(e)}}),[]),d?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},18606:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=t(87363),r=t(93379),s=t.n(r),l=t(7795),a=t.n(l),d=t(90569),c=t.n(d),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),v=t.n(f),h=t(8907),b={};b.styleTagTransform=v(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=m();s()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(37537),g=t(96463),w=t(88683),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+C.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const k=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,r=e.style;return(0,w.useDivaCore)().state.hidePrices?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(h.aH,"left"==i?h.t$:h.F2),style:r,children:(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)("div",{className:h._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})})}},63662:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),o=(t(87363),t(93379)),r=t.n(o),s=t(7795),l=t.n(s),a=t(90569),d=t.n(a),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),v=t(23327),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=x();r()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),C=t(18606),g=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,o=e.desciption,r=e.codex,s=e.hexColor,l=e.layerProps,a=e.pricePreviewPromise,d=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,b.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:v.Cu},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[d?(0,g.jsx)("img",{src:d,alt:i}):s?(0,g.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+s}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),o&&(0,g.jsx)("div",{className:v._W,children:o}),r&&(0,g.jsx)("div",{className:v._W,children:r}),void 0!==a&&(0,g.jsx)(C.default,{asyncPricePreview:a})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>v,Sp:()=>l,ZP:()=>C,cD:()=>b,db:()=>p,iZ:()=>m,jm:()=>x,n_:()=>h,pA:()=>a,vc:()=>f,y8:()=>d});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--Oeimn.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--Oeimn .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\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  z-index: 100;\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}\n\n.index-module--Oeimn .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.index-module--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Oeimn .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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: 50% 50%;\n}\n\n.index-module--Oeimn .index-module--vlW7u {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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}\n\n.index-module--Oeimn .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--Oeimn .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--Oeimn .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--Oeimn .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.index-module--Oeimn .index-module--vlW7u {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n",""]);var l="index-module--Oeimn",a="index-module--hky1u",d="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",p="index-module--ZOQJv",x="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",v="index-module--aPfw3",h="index-module--vlW7u",b="index-module--KvaU1";const C=s},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>d,fL:()=>p,hv:()=>a,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=s},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>l,Z:()=>a});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--hpPAb {\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--hpPAb";const a=s},8907:(e,n,t)=>{"use strict";t.d(n,{F2:()=>d,ZP:()=>u,_m:()=>c,aH:()=>l,t$:()=>a});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: #eaeaea;\n\n  padding: 2px 6px;\n  font-size: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var l="index-module--bVDuL",a="index-module--zI2ES",d="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{"use strict";t.d(n,{CO:()=>a,Cu:()=>l,Y7:()=>d,ZP:()=>u,_W:()=>c});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--gs4wQ",a="index-module--wxTxh",d="index-module--f37Xh",c="index-module--dHh9T";const u=s},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3789,1834,3115,8606,3662],{83789:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>N});var i=t(80248),o=t(34988),r=t(65515),s=t.n(r),l=t(96463),d=t(46770),a=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),v=t.n(f),h=t(3565),b=t.n(h),C=t(19216),g=t.n(C),w=t(44589),y=t.n(w),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=v().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(23115),k=t(63662),Z=t(41834),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,a.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.NP)(),u=(0,O.useDivaCore)().state,p=u.dimensions,x=p.isMobile,m=p.isTablet,f=u.hidePrices,v=(0,c.useState)(""),h=(0,o.Z)(v,2),b=h[0],C=h[1],g={},w={},y=void 0,P=!1,N={},D=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),_=(0,d.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});x||m||a.getViewConfig().hideTooltip||r.contentItemId||(P=D[0],N=D[1],g=_.triggerProps,w=_.layerProps,y=_.renderLayer);var z=a.getViewConfig().dontShowBasePrice||f||!r.priceInfo,F=a.settingsState.plannerReplaceMode&&!(1==i&&a.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,I.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:s()(j.Sp,z?j.CE:void 0,"wcConfigurator_Article",r.sel?j.pA:void 0,F?j.y8:void 0),onClick:function onClick(){return a.paletteViewHandler.clickedOnPlannerPalette(r,i)}},g),N),{},{children:(0,I.jsxs)("div",{className:s()(j.iZ,j.vc),children:[(0,I.jsx)("div",{className:s()(j.K5),style:{backgroundImage:"url(".concat(r.imgSrc,")")}}),(0,I.jsxs)("div",{className:s()(j.G8),children:[(0,I.jsx)("div",{className:s()(j.db,b?j.jm:void 0),dangerouslySetInnerHTML:{__html:r.title}}),(0,I.jsx)(S.default,{metaData:r.metaData,visible:[b,C]},r.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(k.default,{text:r.title,desciption:b,codex:r.articleCodex,image:r.imgSrc,layerProps:w},r.codex))),(0,I.jsx)("div",{className:s()(j.cD),children:r.sizeInfo})]}),r.contentItemId&&(0,I.jsx)(Z.default,{item:r,style:{bottom:8}}),!z&&(0,I.jsx)("div",{className:s()(j.n_),children:r.priceInfo})]})}))}))},41834:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),o=t(88683),r=t(93379),s=t.n(r),l=t(7795),d=t.n(l),a=t(90569),c=t.n(a),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),v=t.n(f),h=t(23240),b={};b.styleTagTransform=v(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();s()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(87363),g=t(96463),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,r,s,l=e.item,d=e.style,a=(0,o.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=l.contentItemId,p=null!==(n=null!==(t=l.codex)&&void 0!==t?t:l.articleCodex)&&void 0!==n?n:l.title,x=(0,C.useState)(!1),m=(0,i.Z)(x,2),f=m[0],v=m[1],b=l.sel||f;if((0,C.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&v(!1),e&&!f&&v(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!l.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||b}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),v(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.hv,b?void 0:h.al,f?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(r=null==a||null===(s=a.primary)||void 0===s?void 0:s.main)&&void 0!==r?r:"#713434"})]})}),(0,P.jsx)("div",{className:y()(h.dA,b?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},23115:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(96463),r=t(87363),s=t(93379),l=t.n(s),d=t(7795),a=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),v=t(44589),h=t.n(v),b=t(84887),C={};C.styleTagTransform=h(),C.setAttributes=x(),C.insert=u().bind(null,"head"),C.domAPI=a(),C.insertStyleElement=f();l()(b.Z,C);b.Z&&b.Z.locals&&b.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,s=e.visible,l=void 0===s?(0,r.useState)(""):s,d=(0,i.Z)(l,2),a=d[0],c=d[1],u=(0,o.NP)(),p=(0,r.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],v=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==v?void 0:v.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===v[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)i(o)}f(e),c(e)}}),[]),a?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},18606:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=t(87363),r=t(93379),s=t.n(r),l=t(7795),d=t.n(l),a=t(90569),c=t.n(a),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),v=t.n(f),h=t(8907),b={};b.styleTagTransform=v(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();s()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(37537),g=t(96463),w=t(88683),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+C.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const k=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,r=e.style,s=(0,w.useDivaCore)().state,l=s.hidePrices,d=s.hideConfigPricePreview;return l||d?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(h.aH,"left"==i?h.t$:h.F2),style:r,children:(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)("div",{className:h._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})})}},63662:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),o=(t(87363),t(93379)),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),a=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),v=t(23327),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=x();r()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),C=t(18606),g=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,o=e.desciption,r=e.codex,s=e.hexColor,l=e.layerProps,d=e.pricePreviewPromise,a=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,b.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:v.Cu},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[a?(0,g.jsx)("img",{src:a,alt:i}):s?(0,g.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+s}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),o&&(0,g.jsx)("div",{className:v._W,children:o}),r&&(0,g.jsx)("div",{className:v._W,children:r}),void 0!==d&&(0,g.jsx)(C.default,{asyncPricePreview:d})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>v,Sp:()=>l,ZP:()=>C,cD:()=>b,db:()=>p,iZ:()=>m,jm:()=>x,n_:()=>h,pA:()=>d,vc:()=>f,y8:()=>a});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--Oeimn.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--Oeimn .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\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  z-index: 100;\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}\n\n.index-module--Oeimn .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.index-module--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Oeimn .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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: 50% 50%;\n}\n\n.index-module--Oeimn .index-module--vlW7u {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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}\n\n.index-module--Oeimn .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--Oeimn .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--Oeimn .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--Oeimn .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.index-module--Oeimn .index-module--vlW7u {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n",""]);var l="index-module--Oeimn",d="index-module--hky1u",a="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",p="index-module--ZOQJv",x="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",v="index-module--aPfw3",h="index-module--vlW7u",b="index-module--KvaU1";const C=s},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>a,fL:()=>p,hv:()=>d,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",d="index-module--C9QBx",a="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=s},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--hpPAb {\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--hpPAb";const d=s},8907:(e,n,t)=>{"use strict";t.d(n,{F2:()=>a,ZP:()=>u,_m:()=>c,aH:()=>l,t$:()=>d});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: #eaeaea;\n\n  padding: 2px 6px;\n  font-size: 12px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var l="index-module--bVDuL",d="index-module--zI2ES",a="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{"use strict";t.d(n,{CO:()=>d,Cu:()=>l,Y7:()=>a,ZP:()=>u,_W:()=>c});var i=t(8081),o=t.n(i),r=t(23645),s=t.n(r)()(o());s.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--gs4wQ",d="index-module--wxTxh",a="index-module--f37Xh",c="index-module--dHh9T";const u=s},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,59,3046,304,9119],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,o.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=r.default.createElement("div",{className:_},v),x=this.state.isOpen?r.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),x)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),u=n(73046),c=n(96463),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},73046:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:o?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(o()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667: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}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();o()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,3046,304,59],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,o.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=r.default.createElement("div",{className:_},v),x=this.state.isOpen?r.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),x)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),u=n(73046),c=n(96463),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},73046:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:o?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(o()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667: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}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();o()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3827.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3827,59,9119],{3827:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>M});var i=t(96463),r=t(9420),o=(t(87363),t(93379)),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),m=t(19216),p=t.n(m),x=t(44589),N=t.n(x),b=t(38921),I={};I.styleTagTransform=N(),I.setAttributes=g(),I.insert=u().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=p();a()(b.ZP,I);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(65515),v=t.n(j),h=t(88683),y=t(47514);const M=(0,r.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?b.UU:e,r=n.buttonPriceClassName,o=void 0===r?b.QD:r,a=n.containerClassName,d=n.price,s=(0,i.NP)(),l=(0,h.useDivaCore)().state.hidePrices,u=(0,h.useTranslation)().t;return(0,y.jsx)("div",{className:v()(b.tM,a),children:(0,y.jsxs)("div",{className:b.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,y.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!l&&"horizontal"==s.tabGroupState.curTabGroupType&&d&&(0,y.jsx)("div",{className:o,children:d})]})})}))},38921:(n,e,t)=>{"use strict";t.d(e,{QD:()=>p,UU:()=>x,ZP:()=>N,m2:()=>m,tM:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(r()),c=s()(l);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\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  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\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--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\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",""]);var g="index-module--NTXww",m="index-module--g_4ro",p="index-module--gle4T",x="index-module--CSmEc";const N=u},61667:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},2431:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},65515:(n,e)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var n="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(n=appendClass(n,parseValue(t)))}return n}function parseValue(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return classNames.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var e="";for(var t in n)i.call(n,t)&&n[t]&&(e=appendClass(e,t));return e}function appendClass(n,e){return e?n?n+" "+e:n+e:n}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3827,59],{3827:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>M});var i=t(96463),r=t(9420),o=(t(87363),t(93379)),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),m=t(19216),p=t.n(m),x=t(44589),N=t.n(x),b=t(38921),I={};I.styleTagTransform=N(),I.setAttributes=g(),I.insert=u().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=p();a()(b.ZP,I);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(65515),v=t.n(j),h=t(88683),y=t(47514);const M=(0,r.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?b.UU:e,r=n.buttonPriceClassName,o=void 0===r?b.QD:r,a=n.containerClassName,d=n.price,s=(0,i.NP)(),l=(0,h.useDivaCore)().state.hidePrices,u=(0,h.useTranslation)().t;return(0,y.jsx)("div",{className:v()(b.tM,a),children:(0,y.jsxs)("div",{className:b.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,y.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!l&&"horizontal"==s.tabGroupState.curTabGroupType&&d&&(0,y.jsx)("div",{className:o,children:d})]})})}))},38921:(n,e,t)=>{"use strict";t.d(e,{QD:()=>p,UU:()=>x,ZP:()=>N,m2:()=>m,tM:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(r()),c=s()(l);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\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  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\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--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\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",""]);var g="index-module--NTXww",m="index-module--g_4ro",p="index-module--gle4T",x="index-module--CSmEc";const N=u},61667:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},2431:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},65515:(n,e)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var n="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(n=appendClass(n,parseValue(t)))}return n}function parseValue(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return classNames.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var e="";for(var t in n)i.call(n,t)&&n[t]&&(e=appendClass(e,t));return e}function appendClass(n,e){return e?n?n+" "+e:n+e:n}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4133.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4133],{74133:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});var n=r(80248),c=(r(87363),r(2765)),o=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const a=function SettingsHeader(e){return(0,o.jsx)(c.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4133,9596],{74133:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});var n=r(80248),c=(r(87363),r(2765)),o=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const a=function SettingsHeader(e){return(0,o.jsx)(c.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 4197.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4197],{64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);

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

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

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

@@ -0,0 +1,2 @@
+/*! For license information please see 4205.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4205],{65526:(e,t,i)=>{"use strict";var s=i(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,i,n,a,r){if(r!==s){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,i)=>{e.exports=i(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},14060:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

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

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

@@ -0,0 +1,2 @@
+/*! For license information please see 4262.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4262],{65526:(e,n,i)=>{"use strict";var t=i(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,i,o,r,s){if(s!==t){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,i)=>{e.exports=i(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},57218:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),r=i(88683),s=i(93379),a=i.n(s),l=i(7795),m=i.n(l),d=i(90569),u=i.n(d),c=i(3565),h=i.n(c),p=i(19216),g=i.n(p),x=i(44589),v=i.n(x),y=i(88195),f={};f.styleTagTransform=v(),f.setAttributes=h(),f.insert=u().bind(null,"head"),f.domAPI=m(),f.insertStyleElement=g();a()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=i(22182),w=i(47514);window.customElements.get("model-viewer")||Promise.all([i.e(7881),i.e(963)]).then(i.bind(i,70963));const S=function ArViewer(e){var n,i,s,a,l=e.url,m=e.qrCodeUrl,d=e.cameraArButton,u=e.viewerClassName,c=e.arViewerSettings,h=e.isCurrentlyVisible,p="",g=(0,r.useDivaCore)().state,x=g.isFirefox,v=g.isMobile,f=(0,r.useTranslation)().t,S=(0,o.useState)(0),C=(0,t.Z)(S,2),I=C[0],P=C[1],k=(0,o.useState)(!v),N=(0,t.Z)(k,2),T=N[0],W=N[1];return d&&(p+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[T&&!1!==h&&m&&(0,w.jsxs)("div",{className:y.GY,children:[(0,w.jsx)(b.ZP,{value:m,className:y.Vf}),(0,w.jsx)("div",{className:y.ze,children:f("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:y.zJ,id:"arThumbnailImg",onClick:function onClick(){return W(!1)}})]}),(0,w.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[I].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[I].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[I].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(s=null==c?void 0:c[I].exposure)&&void 0!==s?s:1,useEnvironmentasSkybox:null!==(a=null==c?void 0:c[I].useEnvironmentasSkybox)&&void 0!==a&&a,"camera-controls":!0,ar:!0,"ar-modes":x?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:u}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){P(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},88195:(e,n,i)=>{"use strict";i.d(n,{GY:()=>c,Vf:()=>h,ZP:()=>x,zJ:()=>p,ze:()=>g});var t=i(8081),o=i.n(t),r=i(23645),s=i.n(r),a=i(61667),l=i.n(a),m=new URL(i(90140),i.b),d=s()(o()),u=l()(m);d.push([e.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",h="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const x=d},90140:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

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