npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.11.0 → 24.12.0-beta.10 - Mend

@crystaldesign/diva-web-planner-react 24.11.0 → 24.12.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (363) hide show

package/build/umd/3563.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3563.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3563,5434,3053],{73563:(e,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>f});s(41594);var i=s(25835),t=s.n(i),a=s(69120),r=s.n(a),l=s(91148),o=s.n(l),d=s(73035),c=s.n(d),u=s(24959),p=s.n(u),m=s(15004),g=s.n(m),b=s(2880),h={};h.styleTagTransform=g(),h.setAttributes=c(),h.insert=o().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=p();t()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=s(72919),y=s.n(v),A=s(82246);const f=function IsActive(e){var n=e.listenToGalleryVariables,s=e.listenToOptionVariables;return(0,A.jsx)("div",{className:y()(b.$m,s?b.Jh:void 0,n?b.sE:void 0)})}},2880:(e,n,s)=>{"use strict";s.d(n,{$m:()=>p,Ay:()=>b,Jh:()=>m,sE:()=>g});var i=s(38634),t=s.n(i),a=s(92083),r=s.n(a),l=s(1946),o=s.n(l),d=new URL(s(84173),s.b),c=r()(t()),u=o()(d);c.push([e.id,`.index-module--Q4C07 {\n  position: absolute;\n  left: 4px;\n  top: 4px;\n  height: 19.2px;\n  width: 19.2px;\n  background-image: url(${u});\n  background-repeat: no-repeat;\n  border-radius: 20px;\n  border: 1px solid #d5d5d5;\n  background-position: center;\n  z-index: 100;\n}\n.index-module--PbYRh {\n  opacity: 1;\n  opacity: var(--hideOptionSelActive, 1);\n}\n\n.index-module--HWZ4A {\n  opacity: 1;\n  opacity: var(--hideGallerySelActive, 1);\n}\n`,""]);var p="index-module--Q4C07",m="index-module--PbYRh",g="index-module--HWZ4A";const b=c},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var s=arguments[n];if(s){var t=typeof s;if("string"===t||"number"===t)e.push(s);else if(Array.isArray(s)){if(s.length){var a=classNames.apply(null,s);a&&e.push(a)}}else if("object"===t)if(s.toString===Object.prototype.toString)for(var r in s)i.call(s,r)&&s[r]&&e.push(r);else e.push(s.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(s=function(){return classNames}.apply(n,[]))||(e.exports=s)}()},84173:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuMzQwOCIgY3k9IjEwLjc4MSIgcj0iMTAiIGZpbGw9IiM0QTRBNEEiLz4KPHBhdGggZD0iTTUuNjg4NDggMTAuNzIzN0w5Ljg2ODE2IDE1LjMyNjJMMTQuOTkzMiA4LjE4NjA0IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3563,5434,3053,196],{73563:(e,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>f});s(41594);var i=s(25835),t=s.n(i),a=s(69120),r=s.n(a),l=s(91148),o=s.n(l),d=s(73035),c=s.n(d),u=s(24959),p=s.n(u),m=s(15004),g=s.n(m),b=s(2880),h={};h.styleTagTransform=g(),h.setAttributes=c(),h.insert=o().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=p();t()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=s(72919),y=s.n(v),A=s(82246);const f=function IsActive(e){var n=e.listenToGalleryVariables,s=e.listenToOptionVariables;return(0,A.jsx)("div",{className:y()(b.$m,s?b.Jh:void 0,n?b.sE:void 0)})}},2880:(e,n,s)=>{"use strict";s.d(n,{$m:()=>p,Ay:()=>b,Jh:()=>m,sE:()=>g});var i=s(38634),t=s.n(i),a=s(92083),r=s.n(a),l=s(1946),o=s.n(l),d=new URL(s(84173),s.b),c=r()(t()),u=o()(d);c.push([e.id,`.index-module--Q4C07 {\n  position: absolute;\n  left: 4px;\n  top: 4px;\n  height: 19.2px;\n  width: 19.2px;\n  background-image: url(${u});\n  background-repeat: no-repeat;\n  border-radius: 20px;\n  border: 1px solid #d5d5d5;\n  background-position: center;\n  z-index: 100;\n}\n.index-module--PbYRh {\n  opacity: 1;\n  opacity: var(--hideOptionSelActive, 1);\n}\n\n.index-module--HWZ4A {\n  opacity: 1;\n  opacity: var(--hideGallerySelActive, 1);\n}\n`,""]);var p="index-module--Q4C07",m="index-module--PbYRh",g="index-module--HWZ4A";const b=c},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var s=arguments[n];if(s){var t=typeof s;if("string"===t||"number"===t)e.push(s);else if(Array.isArray(s)){if(s.length){var a=classNames.apply(null,s);a&&e.push(a)}}else if("object"===t)if(s.toString===Object.prototype.toString)for(var r in s)i.call(s,r)&&s[r]&&e.push(r);else e.push(s.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(s=function(){return classNames}.apply(n,[]))||(e.exports=s)}()},84173:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuMzQwOCIgY3k9IjEwLjc4MSIgcj0iMTAiIGZpbGw9IiM0QTRBNEEiLz4KPHBhdGggZD0iTTUuNjg4NDggMTAuNzIzN0w5Ljg2ODE2IDE1LjMyNjJMMTQuOTkzMiA4LjE4NjA0IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/3715.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3715.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3715],{94760:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(88501),r=o(8005),n=o(13587),i=o(25310),s=o(62436),c=o(14488),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.A)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.A)(this,Planner2DGrid),(0,n.A)(this,"autoDockingDistance",20),(0,n.A)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.A)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.A)(this,"canvas",void 0),(0,n.A)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.A)(this,"borderFactorHori",.7),(0,n.A)(this,"borderFactorVert",.64),(0,n.A)(this,"maxZoom",4),(0,n.A)(this,"deltaRotDeg",void 0),(0,n.A)(this,"inDragMode",!1),(0,n.A)(this,"currZoomFactor",1),(0,n.A)(this,"currCenteringOffset",new s.I9(0,0)),(0,n.A)(this,"zoomFactorBBoxDimLastFrame",new s.I9(0,0)),(0,n.A)(this,"plannerPaletteViewInfo",void 0),(0,n.A)(this,"getConfiguratorState",void 0),(0,n.A)(this,"updatePlannerTrans",void 0),(0,n.A)(this,"getPlannerElementById",void 0),(0,n.A)(this,"getPlannerViewConfig",void 0),(0,n.A)(this,"forceViewToEnterPlannerMode",void 0),(0,n.A)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.A)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.Pq(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.A)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.A)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.A)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;c.canvas.width&&c.canvas.width<500&&(m=17,v=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=m,r.dirty=!0,r.top=r.top+v),null!=n&&(f=n.fontSize,n.fontSize=m,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.Pq(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.Pq(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.I9(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.getPlannerViewConfig(),n=new s.I9(0,0,"pixel");"TOP_LEFT_BACK"==r.posNumIcon&&(n=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),n,t.getRotDeg(),this.currZoomFactor,t.getPosNrWithAccessoirePosNr(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.I9(0,0),a=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.I9(t.getWidth()*this.currZoomFactor,0);r=s.I9.rotateOrigin(r,t.getRotDeg()),o=new s.I9(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.I9(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.I9(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.I9.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.I9.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1;e.size.x/e.size.z>=this.canvas.getWidth()/this.canvas.getHeight()?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(this.canvas.getHeight()-e.size.z*c.DivaUtils.UnitRecalc/t))):t=this.canvas.getHeight()*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.I9(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.I9(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.I9(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y-40),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.I9(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.I9(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},41812:()=>{},36358:()=>{},61220:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3715],{94760:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(88501),r=o(8005),n=o(13587),i=o(25310),s=o(62436),c=o(14488),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.A)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.A)(this,Planner2DGrid),(0,n.A)(this,"autoDockingDistance",20),(0,n.A)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.A)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.A)(this,"canvas",void 0),(0,n.A)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.A)(this,"borderFactorHori",.7),(0,n.A)(this,"borderFactorVert",.64),(0,n.A)(this,"maxZoom",4),(0,n.A)(this,"deltaRotDeg",void 0),(0,n.A)(this,"inDragMode",!1),(0,n.A)(this,"currZoomFactor",1),(0,n.A)(this,"currCenteringOffset",new s.I9(0,0)),(0,n.A)(this,"zoomFactorBBoxDimLastFrame",new s.I9(0,0)),(0,n.A)(this,"plannerPaletteViewInfo",void 0),(0,n.A)(this,"getConfiguratorState",void 0),(0,n.A)(this,"updatePlannerTrans",void 0),(0,n.A)(this,"getPlannerElementById",void 0),(0,n.A)(this,"getPlannerViewConfig",void 0),(0,n.A)(this,"forceViewToEnterPlannerMode",void 0),(0,n.A)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.A)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.Pq(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.A)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.A)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.A)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,v=30,m=13,D=!1;c.canvas.width&&c.canvas.width<500&&(v=17,m=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=v,r.dirty=!0,r.top=r.top+m),null!=n&&(f=n.fontSize,n.fontSize=v,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.Pq(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.Pq(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.Pq(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.I9(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.I9(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.I9(0,0),a=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.I9(t.getWidth()*this.currZoomFactor,0);r=s.I9.rotateOrigin(r,t.getRotDeg()),o=new s.I9(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.I9(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.I9(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.I9.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.I9(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.I9.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1;e.size.x/e.size.z>=this.canvas.getWidth()/this.canvas.getHeight()?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(this.canvas.getHeight()-e.size.z*c.DivaUtils.UnitRecalc/t))):t=this.canvas.getHeight()*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.I9(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.I9(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.I9(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y-40),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.I9(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.I9(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},41812:()=>{},36358:()=>{},61220:()=>{}}]);

package/build/umd/3802.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3802.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3802,6030,5080,175,1420,2032],{7378:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(5219),o=t(970),d=t(41594),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),p=t.n(g),m=t(24959),x=t.n(m),h=t(15004),b=t.n(h),f=t(42766),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=x();a()(f.Ay,w);f.Ay&&f.Ay.locals&&f.Ay.locals;var S=t(82246),A=!1;const j=(0,o.PA)((function Planner2DGrid(n){var e=(0,i.hV)(),t=(0,i.IM)(),o=(0,d.useRef)(null);(0,d.useEffect)((function(){o&&(e.productState.setPlanner2DGridElement(o.current),o.current&&t.setGrid2DUIElement(o.current))}),[o]);var r=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,S.jsxs)("div",{ref:o,className:f.o0,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:r,onTouchStart:function onTouchStart(){A=!1},onTouchMove:function onTouchMove(){A=!0},onTouchEnd:function onTouchEnd(n){A||r(n),A=!1},children:[(0,S.jsx)("canvas",{className:f.qe,id:"wcConfigurator-grid-2D-canvas"}),(0,S.jsx)("div",{className:f.iW,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},51254:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(5219),o=(t(41594),t(62231)),d=t(82246);const r=function Planner3DGrid(n){var e=(0,i.hV)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.E4})}},58234:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=t(5219),d=(t(41594),t(14488)),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),p=t.n(g),m=t(24959),x=t.n(m),h=t(15004),b=t.n(h),f=t(820),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=x();a()(f.Ay,w);f.Ay&&f.Ay.locals&&f.Ay.locals;var S=t(72919),A=t.n(S),j=t(82246);const y=(0,i.PA)((function Logo(n){var e=(0,o.hV)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,j.jsx)("img",{className:A()(f.wm,e.getIsInMobileView()?f.Hw:void 0,e.productState.orbitHidden?f.el:f.R,e.uiState.isMobileLandscape?f.eJ:void 0),src:t}):(0,j.jsx)(j.Fragment,{})}))},26030:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function Image3DNavBar(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},55080:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function OrbitInteraction(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},7745:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(5219),o=t(970),d=(t(41594),t(26030)),r=t(62231),a=t(58234),l=t(82246);const s=(0,o.PA)((function Planner3DImage(n){var e=(0,i.hV)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.yL,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.H1:r.Vo,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},80175:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function PlannerMsgContainer(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/PlannerMsgContainer"}))}},1420:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});t(41594);var i=t(53370),o=t(82246);const d=function PlannerUIVariant(){return(0,o.jsx)(i.Ay,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},22032:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(970),o=t(5219),d=t(41594),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),p=t.n(g),m=t(24959),x=t.n(m),h=t(15004),b=t.n(h),f=t(76554),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=x();a()(f.Ay,w);f.Ay&&f.Ay.locals&&f.Ay.locals;var S=t(72919),A=t.n(S),j=t(74835),y=t(14488),v=t(82246);const I=(0,i.PA)((function PromotedOpvs(n){var e,t,i=(0,o.hV)(),r=(0,y.useDivaCore)().state.dimensions,a=r.height,l=r.width;(0,d.useEffect)((function(){i.productState.configChangedByPromoOpvs?i.productState.setConfigChangedByPromoOpvs(!1):i.productState.setSelectedPromitionIndex(void 0)}),[i.settingsState.configChanged]);var s=[],u=i.divaWebPlanner.getCatalogData(),c=null==u?void 0:u.promotedOpvs,g=null===(e=i.settingsState.selectedArticles)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;if(i.uiState.isLoading||!g||!c)return(0,v.jsx)(v.Fragment,{});if(!i.productState.promotionVisible||null===(t=c.articles[g])||void 0===t||!t.length)return i.uiState.configSettingsIsHidden&&i.uiState.onClickHideConfigSettings(),(0,v.jsx)(v.Fragment,{});for(var p=function _loop(n){var e=c.articles[g][n],t=u.getOptionValue(e.displayOPV);s.push({swiperSlideStyle:{height:"auto",width:"auto"},content:(0,v.jsx)("span",{onClick:function onClick(t){return i.productState.onPromotionClick(e.variantValues,n)},style:{backgroundImage:"url("+(null!=t&&t.image?u.getCatImageURL(t.image,"_gal"):"")+")"},className:A()(f.hY,i.productState.selectedPromotionIndex===n?f.VR:void 0)},n)})},m=0;m<c.articles[g].length;m++)p(m);var x={type:"SliderContainer",sliderType:i.uiState.isInMobileView?"slideX":"slideY",slidesPerView:"auto",freeMode:!0,allowTouchMove:!0,contents:s,scrollToSelectedItem:!0,mousewheel:!0};return(0,v.jsx)("div",{className:A()(f.kL,i.uiState.isInMobileView?f.Hw:void 0,i.uiState.configSettingsIsHidden?void 0:f.R),children:(0,v.jsx)("div",{className:f.iE,children:(0,v.jsx)("div",{children:(0,v.jsx)(j.s,{settings:{contentBoxProps:x}},+a+l)})})})}))},83010:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});t(41594);var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),c=t(24959),g=t.n(c),p=t(15004),m=t.n(p),x=t(29033),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.Ay,h);x.Ay&&x.Ay.locals&&x.Ay.locals;var b=t(5219),f=t(72919),w=t.n(f),S=t(970),A=t(14488),j=t(82246);const y=(0,S.PA)((function RotateInfo(n){var e=(0,b.hV)(),t=(0,A.useTranslation)().t;return e.uiState.ViewConfig.landscapeProductNotFullscreen||!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:w()(x.kL,e.productState.orbitHidden?x.el:x.R),children:[(0,j.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,j.jsx)("div",{className:x.Qq,children:t("configurator.rotate_mobile")})]})}))},53802:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(5219),o=t(970),d=t(41594),r=t.n(d),a=t(7378),l=t(7745),s=t(62231),u=t(72919),c=t.n(u),g=t(51254),p=t(80175),m=t(1420),x=t(83010),h=t(22032),b=t(55080),f=t(82246),w=r().lazy((function(){return Promise.all([t.e(8191),t.e(2216),t.e(6973),t.e(2684)]).then(t.bind(t,2684))}));const S=(0,o.PA)((function ProductCenter(n){var e=n.style,t=n.folderPosition,o=void 0===t?"right":t,r=(0,i.hV)(),u=!r.uiState.ViewConfig.hideMobileFolder||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,S=!r.uiState.ViewConfig.hideMobileFolder&&!r.uiState.configSettingsIsFoldedUp&&!r.uiState.configSettingsIsHidden&&r.uiState.isMobilePortrait&&!r.productState.roomListExpanded,A=r.uiState.configSettingsIsHidden&&r.uiState.isInMobileView||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,j=r.productState.doShowRenderImage&&(!r.uiState.ViewConfig.dontShowOrbitInMobile||!r.getIsInMobileView())&&"3DImage"==r.viewPlannerHandler.getCurPlannerViewMode()&&r.productState.doShowRenderImage&&!r.productState.plannerRenderingIsStaticBG;return(0,f.jsxs)("div",{style:e,className:c()(s.gt,r.uiState.isMobilePortrait?s.o4:void 0,r.uiState.isMobileLandscape?s.eJ:void 0,r.uiState.configSettingsIsHidden?s.wv:void 0,r.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:s.Y5),children:[(0,f.jsx)(p.default,{}),(0,f.jsx)(l.default,{}),(0,f.jsx)(g.default,{}),(r.productState.allowRTV||r.productState.allowQRCodeAR)&&r.isParentViewVisible&&(0,f.jsx)(d.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(w,{})}),j&&(0,f.jsx)(b.default,{}),(0,f.jsx)(a.default,{}),(0,f.jsx)(x.default,{}),(0,f.jsx)(h.default,{}),!r.productState.hidePlannerUiIcons&&!r.productState.doShowRTV&&(0,f.jsx)(m.default,{}),"No"==r.productState.plannerMode&&(0,f.jsx)("div",{className:s.FC,children:r.productState.articleImage&&(0,f.jsx)("img",{src:r.productState.articleImage,className:s.gX})}),u&&(0,f.jsxs)(f.Fragment,{children:[A&&(0,f.jsx)("div",{className:c()(s.FY,"left"===o?s.qA:void 0),onClick:r.uiState.onClickHideConfigSettings,id:"btnFoldDown"}),S&&(0,f.jsx)("div",{id:"btnFoldUp",className:c()(s.h1),onClick:r.uiState.onClickFoldupConfigSettings})]})]})}))},42766:(n,e,t)=>{t.d(e,{Ay:()=>x,iW:()=>m,o0:()=>g,qe:()=>p});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(65942),t.b),u=r()(o()),c=l()(s);u.push([n.id,`.index-module--nqb7J {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--hQK66 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--hQK66 {\n  z-index: 5;\n}\n\n.index-module--iY7_8 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url(${c});\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n`,""]);var g="index-module--nqb7J",p="index-module--hQK66",m="index-module--iY7_8";const x=u},820:(n,e,t)=>{t.d(e,{Ay:()=>g,Hw:()=>l,R:()=>s,eJ:()=>c,el:()=>u,wm:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--AdmxQ {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--_F53u {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--S22cz {\n  opacity: 0;\n}\n\n.index-module--Uwn5m {\n  transition: opacity 0.5s;\n}\n\n.index-module--k_Tsn.index-module--AdmxQ {\n  opacity: 0;\n}\n",""]);var a="index-module--AdmxQ",l="index-module--_F53u",s="index-module--S22cz",u="index-module--Uwn5m",c="index-module--k_Tsn";const g=r},76554:(n,e,t)=>{t.d(e,{Ay:()=>p,Hw:()=>s,R:()=>l,VR:()=>g,hY:()=>c,iE:()=>u,kL:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--mjqEy {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.index-module--LVZSn {\n  opacity: 0;\n  z-index: 0;\n}\n\n.index-module--NzFRv.index-module--mjqEy {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.index-module--jiq9I {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.index-module--NzFRv .index-module--jiq9I {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.index-module--ikL2l {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.index-module--NzFRv .index-module--ikL2l {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.index-module--_edlO.index-module--ikL2l {\n  border: 2px solid #4f4f4f;\n}\n\n.index-module--ikL2l:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n",""]);var a="index-module--mjqEy",l="index-module--LVZSn",s="index-module--NzFRv",u="index-module--jiq9I",c="index-module--ikL2l",g="index-module--_edlO";const p=r},29033:(n,e,t)=>{t.d(e,{Ay:()=>c,Qq:()=>u,R:()=>l,el:()=>s,kL:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--z5VWr {\n  bottom: 0px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 30px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--XzHOc {\n  opacity: 0;\n}\n\n.index-module--yWa9a {\n  transition: opacity 0.5s;\n}\n.index-module--wGu8J {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--z5VWr",l="index-module--XzHOc",s="index-module--yWa9a",u="index-module--wGu8J";const c=r},27125:(n,e,t)=>{t.d(e,{Ay:()=>O,E4:()=>P,FC:()=>S,FY:()=>v,H1:()=>y,Vo:()=>j,Y5:()=>f,eJ:()=>x,gX:()=>A,gt:()=>m,h1:()=>D,o4:()=>h,qA:()=>I,wv:()=>b,yL:()=>w});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(54027),t.b),u=new URL(t(93732),t.b),c=r()(o()),g=l()(s),p=l()(u);c.push([n.id,`.index-module--h7W3V {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--SVxdL.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  width: 45%;\n}\n.index-module--YCUDr.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--cT3va.index-module--YCUDr.index-module--h7W3V {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--LOFI4 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--eYRIZ {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--eYRIZ .index-module--KsFc6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--ZDWnR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--pwtvA {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--f4irw {\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--YCUDr .index-module--f4irw {\n  width: 32px;\n  height: 32px;\n}\n.index-module--SVxdL .index-module--f4irw {\n  background-image: url(${p});\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--SVxdL .index-module--f4irw.index-module--G_A7K {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--f6gBF .index-module--f4irw {\n  transform: rotate(180deg);\n}\n\n.index-module--tibQ6 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(${p});\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--fG7xd {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n`,""]);var m="index-module--h7W3V",x="index-module--YCUDr",h="index-module--SVxdL",b="index-module--f6gBF",f="index-module--cT3va",w="index-module--LOFI4",S="index-module--eYRIZ",A="index-module--KsFc6",j="index-module--ZDWnR",y="index-module--pwtvA",v="index-module--f4irw",I="index-module--G_A7K",D="index-module--tibQ6",P="index-module--fG7xd";const O=c},62231:(n,e,t)=>{t.d(e,{E4:()=>x.E4,FC:()=>x.FC,FY:()=>x.FY,H1:()=>x.H1,Vo:()=>x.Vo,Y5:()=>x.Y5,eJ:()=>x.eJ,gX:()=>x.gX,gt:()=>x.gt,h1:()=>x.h1,o4:()=>x.o4,qA:()=>x.qA,wv:()=>x.wv,yL:()=>x.yL});var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),c=t(24959),g=t.n(c),p=t(15004),m=t.n(p),x=t(27125),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.Ay,h),x.Ay&&x.Ay.locals&&x.Ay.locals},54027:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},65942:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3802,5080,175,1420,2032],{7378:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(5219),o=t(970),d=t(41594),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),m=t.n(g),x=t(24959),p=t.n(x),h=t(15004),b=t.n(h),f=t(42766),S={};S.styleTagTransform=b(),S.setAttributes=m(),S.insert=c().bind(null,"head"),S.domAPI=s(),S.insertStyleElement=p();a()(f.Ay,S);f.Ay&&f.Ay.locals&&f.Ay.locals;var A=t(82246),w=!1;const I=(0,o.PA)((function Planner2DGrid(n){var e=(0,i.hV)(),t=(0,i.IM)(),o=(0,d.useRef)(null);(0,d.useEffect)((function(){o&&(e.productState.setPlanner2DGridElement(o.current),o.current&&t.setGrid2DUIElement(o.current))}),[o]);var r=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,A.jsxs)("div",{ref:o,className:f.o0,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:r,onTouchStart:function onTouchStart(){w=!1},onTouchMove:function onTouchMove(){w=!0},onTouchEnd:function onTouchEnd(n){w||r(n),w=!1},children:[(0,A.jsx)("canvas",{className:f.qe,id:"wcConfigurator-grid-2D-canvas"}),(0,A.jsx)("div",{className:f.iW,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},51254:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(5219),o=(t(41594),t(62231)),d=t(82246);const r=function Planner3DGrid(n){var e=(0,i.hV)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.E4})}},58234:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(970),o=t(5219),d=(t(41594),t(14488)),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),m=t.n(g),x=t(24959),p=t.n(x),h=t(15004),b=t.n(h),f=t(820),S={};S.styleTagTransform=b(),S.setAttributes=m(),S.insert=c().bind(null,"head"),S.domAPI=s(),S.insertStyleElement=p();a()(f.Ay,S);f.Ay&&f.Ay.locals&&f.Ay.locals;var A=t(72919),w=t.n(A),I=t(82246);const j=(0,i.PA)((function Logo(n){var e=(0,o.hV)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,I.jsx)("img",{className:w()(f.wm,e.getIsInMobileView()?f.Hw:void 0,e.productState.orbitHidden?f.el:f.R,e.uiState.isMobileLandscape?f.eJ:void 0),src:t}):(0,I.jsx)(I.Fragment,{})}))},55080:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function OrbitInteraction(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},7745:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(5219),o=t(970),d=(t(41594),t(26030)),r=t(62231),a=t(58234),l=t(82246);const s=(0,o.PA)((function Planner3DImage(n){var e=(0,i.hV)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.yL,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.H1:r.Vo,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},80175:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function PlannerMsgContainer(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/PlannerMsgContainer"}))}},1420:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});t(41594);var i=t(53370),o=t(82246);const d=function PlannerUIVariant(){return(0,o.jsx)(i.Ay,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},22032:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=t(5219),d=t(41594),r=t(25835),a=t.n(r),l=t(69120),s=t.n(l),u=t(91148),c=t.n(u),g=t(73035),m=t.n(g),x=t(24959),p=t.n(x),h=t(15004),b=t.n(h),f=t(76554),S={};S.styleTagTransform=b(),S.setAttributes=m(),S.insert=c().bind(null,"head"),S.domAPI=s(),S.insertStyleElement=p();a()(f.Ay,S);f.Ay&&f.Ay.locals&&f.Ay.locals;var A=t(72919),w=t.n(A),I=t(74835),j=t(14488),v=t(82246);const y=(0,i.PA)((function PromotedOpvs(n){var e,t,i=(0,o.hV)(),r=(0,j.useDivaCore)().state.dimensions,a=r.height,l=r.width;(0,d.useEffect)((function(){i.productState.configChangedByPromoOpvs?i.productState.setConfigChangedByPromoOpvs(!1):i.productState.setSelectedPromitionIndex(void 0)}),[i.settingsState.configChanged]);var s=[],u=i.divaWebPlanner.getCatalogData(),c=null==u?void 0:u.promotedOpvs,g=null===(e=i.settingsState.selectedArticles)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;if(i.uiState.isLoading||!g||!c)return(0,v.jsx)(v.Fragment,{});if(!i.productState.promotionVisible||null===(t=c.articles[g])||void 0===t||!t.length)return i.uiState.configSettingsIsHidden&&i.uiState.onClickHideConfigSettings(),(0,v.jsx)(v.Fragment,{});for(var m=function _loop(n){var e=c.articles[g][n],t=u.getOptionValue(e.displayOPV);s.push({swiperSlideStyle:{height:"auto",width:"auto"},content:(0,v.jsx)("span",{onClick:function onClick(t){return i.productState.onPromotionClick(e.variantValues,n)},style:{backgroundImage:"url("+(null!=t&&t.image?u.getCatImageURL(t.image,"_gal"):"")+")"},className:w()(f.hY,i.productState.selectedPromotionIndex===n?f.VR:void 0)},n)})},x=0;x<c.articles[g].length;x++)m(x);var p={type:"SliderContainer",sliderType:i.uiState.isInMobileView?"slideX":"slideY",slidesPerView:"auto",freeMode:!0,allowTouchMove:!0,contents:s,scrollToSelectedItem:!0,mousewheel:!0};return(0,v.jsx)("div",{className:w()(f.kL,i.uiState.isInMobileView?f.Hw:void 0,i.uiState.configSettingsIsHidden?void 0:f.R),children:(0,v.jsx)("div",{className:f.iE,children:(0,v.jsx)("div",{children:(0,v.jsx)(I.s,{settings:{contentBoxProps:p}},+a+l)})})})}))},83010:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(41594);var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),c=t(24959),g=t.n(c),m=t(15004),x=t.n(m),p=t(29033),h={};h.styleTagTransform=x(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(p.Ay,h);p.Ay&&p.Ay.locals&&p.Ay.locals;var b=t(5219),f=t(72919),S=t.n(f),A=t(970),w=t(14488),I=t(82246);const j=(0,A.PA)((function RotateInfo(n){var e=(0,b.hV)(),t=(0,w.useTranslation)().t;return e.uiState.ViewConfig.landscapeProductNotFullscreen||!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:S()(p.kL,e.productState.orbitHidden?p.el:p.R),children:[(0,I.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,I.jsx)("div",{className:p.Qq,children:t("configurator.rotate_mobile")})]})}))},53802:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(5219),o=t(970),d=t(41594),r=t.n(d),a=t(7378),l=t(7745),s=t(62231),u=t(72919),c=t.n(u),g=t(51254),m=t(80175),x=t(1420),p=t(83010),h=t(22032),b=t(55080),f=t(72305),S=t(82246),A=r().lazy((function(){return t.e(2684).then(t.bind(t,2684))}));const w=(0,o.PA)((function ProductCenter(n){var e=n.style,t=n.folderPosition,o=void 0===t?"right":t,r=(0,i.hV)(),u=!r.uiState.ViewConfig.hideMobileFolder||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,w=!r.uiState.ViewConfig.hideMobileFolder&&!r.uiState.configSettingsIsFoldedUp&&!r.uiState.configSettingsIsHidden&&r.uiState.isMobilePortrait&&!r.productState.roomListExpanded,I=r.uiState.configSettingsIsHidden&&r.uiState.isInMobileView||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,j=r.productState.doShowRenderImage&&(!r.uiState.ViewConfig.dontShowOrbitInMobile||!r.getIsInMobileView())&&"3DImage"==r.viewPlannerHandler.getCurPlannerViewMode()&&r.productState.doShowRenderImage&&!r.productState.plannerRenderingIsStaticBG;return(0,S.jsxs)("div",{style:e,className:c()(s.gt,r.uiState.isMobilePortrait?s.o4:void 0,r.uiState.isMobileLandscape?s.eJ:void 0,r.uiState.configSettingsIsHidden?s.wv:void 0,r.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:s.Y5),children:[(0,S.jsx)(m.default,{}),(0,S.jsx)(l.default,{}),(0,S.jsx)(f.default,{}),(0,S.jsx)(g.default,{}),(r.productState.allowRTV||r.productState.allowQRCodeAR)&&r.isParentViewVisible&&(0,S.jsx)(d.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(A,{})}),j&&(0,S.jsx)(b.default,{}),(0,S.jsx)(a.default,{}),(0,S.jsx)(p.default,{}),(0,S.jsx)(h.default,{}),!r.productState.hidePlannerUiIcons&&!(r.productState.doShowRTV||r.productState.doShow3DComb)&&(0,S.jsx)(x.default,{}),"No"==r.productState.plannerMode&&(0,S.jsx)("div",{className:s.FC,children:r.productState.articleImage&&(0,S.jsx)("img",{src:r.productState.articleImage,className:s.gX})}),u&&(0,S.jsxs)(S.Fragment,{children:[I&&(0,S.jsx)("div",{className:c()(s.FY,"left"===o?s.qA:void 0),onClick:r.uiState.onClickHideConfigSettings,id:"btnFoldDown"}),w&&(0,S.jsx)("div",{id:"btnFoldUp",className:c()(s.h1),onClick:r.uiState.onClickFoldupConfigSettings})]})]})}))},42766:(n,e,t)=>{t.d(e,{Ay:()=>p,iW:()=>x,o0:()=>g,qe:()=>m});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(65942),t.b),u=r()(o()),c=l()(s);u.push([n.id,`.index-module--nqb7J {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--hQK66 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--hQK66 {\n  z-index: 5;\n}\n\n.index-module--iY7_8 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url(${c});\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n`,""]);var g="index-module--nqb7J",m="index-module--hQK66",x="index-module--iY7_8";const p=u},820:(n,e,t)=>{t.d(e,{Ay:()=>g,Hw:()=>l,R:()=>s,eJ:()=>c,el:()=>u,wm:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--AdmxQ {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--_F53u {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--S22cz {\n  opacity: 0;\n}\n\n.index-module--Uwn5m {\n  transition: opacity 0.5s;\n}\n\n.index-module--k_Tsn.index-module--AdmxQ {\n  opacity: 0;\n}\n",""]);var a="index-module--AdmxQ",l="index-module--_F53u",s="index-module--S22cz",u="index-module--Uwn5m",c="index-module--k_Tsn";const g=r},76554:(n,e,t)=>{t.d(e,{Ay:()=>m,Hw:()=>s,R:()=>l,VR:()=>g,hY:()=>c,iE:()=>u,kL:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--mjqEy {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.index-module--LVZSn {\n  opacity: 0;\n  z-index: 0;\n}\n\n.index-module--NzFRv.index-module--mjqEy {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.index-module--jiq9I {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.index-module--NzFRv .index-module--jiq9I {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.index-module--ikL2l {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.index-module--NzFRv .index-module--ikL2l {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.index-module--_edlO.index-module--ikL2l {\n  border: 2px solid #4f4f4f;\n}\n\n.index-module--ikL2l:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n",""]);var a="index-module--mjqEy",l="index-module--LVZSn",s="index-module--NzFRv",u="index-module--jiq9I",c="index-module--ikL2l",g="index-module--_edlO";const m=r},29033:(n,e,t)=>{t.d(e,{Ay:()=>c,Qq:()=>u,R:()=>l,el:()=>s,kL:()=>a});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--z5VWr {\n  bottom: 0px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 30px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--XzHOc {\n  opacity: 0;\n}\n\n.index-module--yWa9a {\n  transition: opacity 0.5s;\n}\n.index-module--wGu8J {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--z5VWr",l="index-module--XzHOc",s="index-module--yWa9a",u="index-module--wGu8J";const c=r},27125:(n,e,t)=>{t.d(e,{Ay:()=>M,E4:()=>C,FC:()=>A,FY:()=>v,H1:()=>j,Vo:()=>I,Y5:()=>f,eJ:()=>p,gX:()=>w,gt:()=>x,h1:()=>D,o4:()=>h,qA:()=>y,wv:()=>b,yL:()=>S});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d),a=t(1946),l=t.n(a),s=new URL(t(54027),t.b),u=new URL(t(93732),t.b),c=r()(o()),g=l()(s),m=l()(u);c.push([n.id,`.index-module--h7W3V {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--SVxdL.index-module--h7W3V {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--YCUDr.index-module--h7W3V {\n  width: 45%;\n}\n.index-module--YCUDr.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--cT3va.index-module--YCUDr.index-module--h7W3V {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--SVxdL.index-module--f6gBF.index-module--h7W3V {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--LOFI4 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--eYRIZ {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--eYRIZ .index-module--KsFc6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--ZDWnR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--pwtvA {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--f4irw {\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--YCUDr .index-module--f4irw {\n  width: 32px;\n  height: 32px;\n}\n.index-module--SVxdL .index-module--f4irw {\n  background-image: url(${m});\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--SVxdL .index-module--f4irw.index-module--G_A7K {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--f6gBF .index-module--f4irw {\n  transform: rotate(180deg);\n}\n\n.index-module--tibQ6 {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(${m});\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--fG7xd {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n`,""]);var x="index-module--h7W3V",p="index-module--YCUDr",h="index-module--SVxdL",b="index-module--f6gBF",f="index-module--cT3va",S="index-module--LOFI4",A="index-module--eYRIZ",w="index-module--KsFc6",I="index-module--ZDWnR",j="index-module--pwtvA",v="index-module--f4irw",y="index-module--G_A7K",D="index-module--tibQ6",C="index-module--fG7xd";const M=c},62231:(n,e,t)=>{t.d(e,{E4:()=>p.E4,FC:()=>p.FC,FY:()=>p.FY,H1:()=>p.H1,Vo:()=>p.Vo,Y5:()=>p.Y5,eJ:()=>p.eJ,gX:()=>p.gX,gt:()=>p.gt,h1:()=>p.h1,o4:()=>p.o4,qA:()=>p.qA,wv:()=>p.wv,yL:()=>p.yL});var i=t(25835),o=t.n(i),d=t(69120),r=t.n(d),a=t(91148),l=t.n(a),s=t(73035),u=t.n(s),c=t(24959),g=t.n(c),m=t(15004),x=t.n(m),p=t(27125),h={};h.styleTagTransform=x(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(p.Ay,h),p.Ay&&p.Ay.locals&&p.Ay.locals},54027:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},65942:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);

package/build/umd/3805.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3805.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3805,5434,3053],{63805:(i,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>L});var d=n(5219),l=(n(41594),n(72919)),t=n.n(l),c=n(970),a=n(14488),I=n(25835),s=n.n(I),M=n(69120),u=n.n(M),o=n(91148),g=n.n(o),m=n(73035),x=n.n(m),z=n(24959),j=n.n(z),r=n(15004),N=n.n(r),Z=n(30793),b={};b.styleTagTransform=N(),b.setAttributes=x(),b.insert=g().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=j();s()(Z.Ay,b);Z.Ay&&Z.Ay.locals&&Z.Ay.locals;var D=n(82246);const L=(0,c.PA)((function DockFilter(){var i=(0,d.hV)(),e=(0,a.useTranslation)().t;if(!i.paletteViewHandler.plannerItems.doShowFilterTypes())return(0,D.jsx)(D.Fragment,{});var n=function onSelectConfigFilter(e,n,d){i.paletteViewHandler.onSelectFilter(e,n,d)};return(0,D.jsxs)("ul",{style:{float:i.getIsInMobileView()?"left":"none"},className:t()(Z.Ud,i.uiState.configSettingsIsExpanded?Z.Z0:void 0,i.uiState.configSettingsIsMaxExpanded?Z.DU:void 0,i.getIsInMobileView()?Z.Hw:void 0),children:[i.settingsState.plannerFilter.curFilteredTypes.DockL&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockL","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.mF,i.settingsState.plannerFilter.dockFilter.DockL?Z.$m:void 0),title:e("configurator.LEFT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockLR&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockLR","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.o7,i.settingsState.plannerFilter.dockFilter.DockLR?Z.$m:void 0),title:e("configurator.MIDDLE_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockR&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockR","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.mI,i.settingsState.plannerFilter.dockFilter.DockR?Z.$m:void 0),title:e("configurator.RIGHT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockNone&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockNone","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.AX,i.settingsState.plannerFilter.dockFilter.DockNone?Z.$m:void 0),title:e("configurator.SOLO_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.Accessoire&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"Accessoire","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.K1,i.settingsState.plannerFilter.dockFilter.Accessoire?Z.$m:void 0),title:e("configurator.ACCESSOIRE_ELEMENTS")})})]})}))},30793:(i,e,n)=>{"use strict";n.d(e,{$m:()=>T,AX:()=>A,Ay:()=>J,DU:()=>U,Hw:()=>Y,K1:()=>w,MR:()=>P,OB:()=>H,Ud:()=>v,Z0:()=>R,mF:()=>h,mI:()=>F,o7:()=>C});var d=n(38634),l=n.n(d),t=n(92083),c=n.n(t),a=n(1946),I=n.n(a),s=new URL(n(89013),n.b),M=new URL(n(39495),n.b),u=new URL(n(64253),n.b),o=new URL(n(20815),n.b),g=new URL(n(54867),n.b),m=new URL(n(61373),n.b),x=new URL(n(23157),n.b),z=new URL(n(48167),n.b),j=new URL(n(12218),n.b),r=new URL(n(49656),n.b),N=c()(l()),Z=I()(s),b=I()(M),D=I()(u),L=I()(o),G=I()(g),k=I()(m),y=I()(x),S=I()(z),p=I()(j),W=I()(r);N.push([i.id,`/*DOCKFilter*/\n.index-module--Sehht {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .index-module--Sehht {\n    display: none;\n  }\n}\n\n.index-module--FaDJt {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.index-module--bUcbE .index-module--FaDJt,\n.index-module--uvYdO .index-module--FaDJt {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.index-module--DQKC5 {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.index-module--RtJeJ .index-module--FaDJt {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.index-module--RtJeJ .index-module--DQKC5 {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.index-module--eUAc2 {\n  background-image: url(${Z});\n}\n.index-module--eUAc2.index-module--ME8LG {\n  background-image: url(${b});\n}\n\n.index-module--wny_X {\n  background-image: url(${D});\n}\n.index-module--wny_X.index-module--ME8LG {\n  background-image: url(${L});\n}\n\n.index-module--OZLfd {\n  background-image: url(${G});\n}\n.index-module--OZLfd.index-module--ME8LG {\n  background-image: url(${k});\n}\n\n.index-module--sClB2 {\n  background-image: url(${y});\n}\n.index-module--sClB2.index-module--ME8LG {\n  background-image: url(${S});\n}\n\n.index-module--sFcjG {\n  background-image: url(${p});\n}\n.index-module--sFcjG.index-module--ME8LG {\n  background-image: url(${W});\n}\n`,""]);var v="index-module--Sehht",P="index-module--FaDJt",R="index-module--bUcbE",U="index-module--uvYdO",H="index-module--DQKC5",Y="index-module--RtJeJ",h="index-module--eUAc2",T="index-module--ME8LG",C="index-module--wny_X",F="index-module--OZLfd",A="index-module--sClB2",w="index-module--sFcjG";const J=N},1946:i=>{"use strict";i.exports=function(i,e){return e||(e={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),e.hash&&(i+=e.hash),/["'() \t\n]|(%20)/.test(i)||e.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},72919:(i,e)=>{var n;!function(){"use strict";var d={}.hasOwnProperty;function classNames(){for(var i=[],e=0;e<arguments.length;e++){var n=arguments[e];if(n){var l=typeof n;if("string"===l||"number"===l)i.push(n);else if(Array.isArray(n)){if(n.length){var t=classNames.apply(null,n);t&&i.push(t)}}else if("object"===l)if(n.toString===Object.prototype.toString)for(var c in n)d.call(n,c)&&n[c]&&i.push(c);else i.push(n.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(n=function(){return classNames}.apply(e,[]))||(i.exports=n)}()},12218:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48dGl0bGU+UGx1czwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzMiIGRhdGEtbmFtZT0iRWJlbmUgMyI+PHBhdGggZD0iTTI0Ljc5LDI0Ljc5VjQzLjFIMTguMThWMjQuNzlIMFYxOC4xOEgxOC4xOFYwaDYuNjFWMTguMThINDMuMDV2Ni42MVoiLz48L2c+PC9nPjwvc3ZnPg=="},49656:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NzAzMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFkZEFjY2Vzc29pcmVPcmFuZ2U8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV8yLTIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNzksMjQuNzlWNDMuMUgxOC4xOFYyNC43OUgwVjE4LjE4SDE4LjE4VjBoNi42MVYxOC4xOEg0My4wNXY2LjYxWiIvPjwvZz48L2c+PC9zdmc+"},89013:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjM1IDYuNSA1MS4xMyAyMi42MyAzNSAzOC43NSAzNSAyMi42MyAzNSA2LjUiLz48L2c+PC9nPjwvc3ZnPg=="},39495:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzUgNi41IDUxLjEzIDIyLjYzIDM1IDM4Ljc1IDM1IDIyLjYzIDM1IDYuNSIvPjwvZz48L2c+PC9zdmc+"},64253:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjE2LjEzIDM4Ljc1IDAgMjIuNjMgMTYuMTMgNi41IDE2LjEzIDIyLjYzIDE2LjEzIDM4Ljc1Ii8+PHBvbHlnb24gcG9pbnRzPSI0MS4xMyA2LjUgNTcuMjUgMjIuNjMgNDEuMTMgMzguNzUgNDEuMTMgMjIuNjMgNDEuMTMgNi41Ii8+PC9nPjwvZz48L3N2Zz4="},20815:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTYuMTMgMzguNzUgMCAyMi42MyAxNi4xMyA2LjUgMTYuMTMgMjIuNjMgMTYuMTMgMzguNzUiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNDEuMTMgNi41IDU3LjI1IDIyLjYzIDQxLjEzIDM4Ljc1IDQxLjEzIDIyLjYzIDQxLjEzIDYuNSIvPjwvZz48L2c+PC9zdmc+"},23157:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IHg9IjExLjUiIHk9IjExIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiLz48L2c+PC9nPjwvc3ZnPg=="},48167:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fS5jbHMtMntmaWxsOiNlNzcwMzE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZU9yYW5nZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTEuNSIgeT0iMTEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIvPjwvZz48L2c+PC9zdmc+"},54867:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gcG9pbnRzPSIxNi4xMyAzOS4yNSAwIDIzLjEzIDE2LjEzIDcgMTYuMTMgMjMuMTMgMTYuMTMgMzkuMjUiLz48L2c+PC9nPjwvc3ZnPg=="},61373:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2LjEzIDM5LjI1IDAgMjMuMTMgMTYuMTMgNyAxNi4xMyAyMy4xMyAxNi4xMyAzOS4yNSIvPjwvZz48L2c+PC9zdmc+"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3805,5434,3053,196],{63805:(i,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>L});var d=n(5219),l=(n(41594),n(72919)),t=n.n(l),c=n(970),a=n(14488),I=n(25835),s=n.n(I),M=n(69120),u=n.n(M),o=n(91148),g=n.n(o),m=n(73035),x=n.n(m),z=n(24959),j=n.n(z),r=n(15004),N=n.n(r),Z=n(30793),b={};b.styleTagTransform=N(),b.setAttributes=x(),b.insert=g().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=j();s()(Z.Ay,b);Z.Ay&&Z.Ay.locals&&Z.Ay.locals;var D=n(82246);const L=(0,c.PA)((function DockFilter(){var i=(0,d.hV)(),e=(0,a.useTranslation)().t;if(!i.paletteViewHandler.plannerItems.doShowFilterTypes())return(0,D.jsx)(D.Fragment,{});var n=function onSelectConfigFilter(e,n,d){i.paletteViewHandler.onSelectFilter(e,n,d)};return(0,D.jsxs)("ul",{style:{float:i.getIsInMobileView()?"left":"none"},className:t()(Z.Ud,i.uiState.configSettingsIsExpanded?Z.Z0:void 0,i.uiState.configSettingsIsMaxExpanded?Z.DU:void 0,i.getIsInMobileView()?Z.Hw:void 0),children:[i.settingsState.plannerFilter.curFilteredTypes.DockL&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockL","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.mF,i.settingsState.plannerFilter.dockFilter.DockL?Z.$m:void 0),title:e("configurator.LEFT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockLR&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockLR","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.o7,i.settingsState.plannerFilter.dockFilter.DockLR?Z.$m:void 0),title:e("configurator.MIDDLE_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockR&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockR","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.mI,i.settingsState.plannerFilter.dockFilter.DockR?Z.$m:void 0),title:e("configurator.RIGHT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockNone&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"DockNone","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.AX,i.settingsState.plannerFilter.dockFilter.DockNone?Z.$m:void 0),title:e("configurator.SOLO_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.Accessoire&&(0,D.jsx)("li",{className:Z.OB,onClick:function onClick(){return n(1,"Accessoire","DockFilter")},children:(0,D.jsx)("span",{className:t()(Z.MR,Z.K1,i.settingsState.plannerFilter.dockFilter.Accessoire?Z.$m:void 0),title:e("configurator.ACCESSOIRE_ELEMENTS")})})]})}))},30793:(i,e,n)=>{"use strict";n.d(e,{$m:()=>T,AX:()=>A,Ay:()=>J,DU:()=>U,Hw:()=>Y,K1:()=>w,MR:()=>P,OB:()=>H,Ud:()=>v,Z0:()=>R,mF:()=>h,mI:()=>F,o7:()=>C});var d=n(38634),l=n.n(d),t=n(92083),c=n.n(t),a=n(1946),I=n.n(a),s=new URL(n(89013),n.b),M=new URL(n(39495),n.b),u=new URL(n(64253),n.b),o=new URL(n(20815),n.b),g=new URL(n(54867),n.b),m=new URL(n(61373),n.b),x=new URL(n(23157),n.b),z=new URL(n(48167),n.b),j=new URL(n(12218),n.b),r=new URL(n(49656),n.b),N=c()(l()),Z=I()(s),b=I()(M),D=I()(u),L=I()(o),G=I()(g),k=I()(m),y=I()(x),S=I()(z),p=I()(j),W=I()(r);N.push([i.id,`/*DOCKFilter*/\n.index-module--Sehht {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .index-module--Sehht {\n    display: none;\n  }\n}\n\n.index-module--FaDJt {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.index-module--bUcbE .index-module--FaDJt,\n.index-module--uvYdO .index-module--FaDJt {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.index-module--DQKC5 {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.index-module--RtJeJ .index-module--FaDJt {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.index-module--RtJeJ .index-module--DQKC5 {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.index-module--eUAc2 {\n  background-image: url(${Z});\n}\n.index-module--eUAc2.index-module--ME8LG {\n  background-image: url(${b});\n}\n\n.index-module--wny_X {\n  background-image: url(${D});\n}\n.index-module--wny_X.index-module--ME8LG {\n  background-image: url(${L});\n}\n\n.index-module--OZLfd {\n  background-image: url(${G});\n}\n.index-module--OZLfd.index-module--ME8LG {\n  background-image: url(${k});\n}\n\n.index-module--sClB2 {\n  background-image: url(${y});\n}\n.index-module--sClB2.index-module--ME8LG {\n  background-image: url(${S});\n}\n\n.index-module--sFcjG {\n  background-image: url(${p});\n}\n.index-module--sFcjG.index-module--ME8LG {\n  background-image: url(${W});\n}\n`,""]);var v="index-module--Sehht",P="index-module--FaDJt",R="index-module--bUcbE",U="index-module--uvYdO",H="index-module--DQKC5",Y="index-module--RtJeJ",h="index-module--eUAc2",T="index-module--ME8LG",C="index-module--wny_X",F="index-module--OZLfd",A="index-module--sClB2",w="index-module--sFcjG";const J=N},1946:i=>{"use strict";i.exports=function(i,e){return e||(e={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),e.hash&&(i+=e.hash),/["'() \t\n]|(%20)/.test(i)||e.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},72919:(i,e)=>{var n;!function(){"use strict";var d={}.hasOwnProperty;function classNames(){for(var i=[],e=0;e<arguments.length;e++){var n=arguments[e];if(n){var l=typeof n;if("string"===l||"number"===l)i.push(n);else if(Array.isArray(n)){if(n.length){var t=classNames.apply(null,n);t&&i.push(t)}}else if("object"===l)if(n.toString===Object.prototype.toString)for(var c in n)d.call(n,c)&&n[c]&&i.push(c);else i.push(n.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(n=function(){return classNames}.apply(e,[]))||(i.exports=n)}()},12218:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48dGl0bGU+UGx1czwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzMiIGRhdGEtbmFtZT0iRWJlbmUgMyI+PHBhdGggZD0iTTI0Ljc5LDI0Ljc5VjQzLjFIMTguMThWMjQuNzlIMFYxOC4xOEgxOC4xOFYwaDYuNjFWMTguMThINDMuMDV2Ni42MVoiLz48L2c+PC9nPjwvc3ZnPg=="},49656:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NzAzMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFkZEFjY2Vzc29pcmVPcmFuZ2U8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV8yLTIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNzksMjQuNzlWNDMuMUgxOC4xOFYyNC43OUgwVjE4LjE4SDE4LjE4VjBoNi42MVYxOC4xOEg0My4wNXY2LjYxWiIvPjwvZz48L2c+PC9zdmc+"},89013:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjM1IDYuNSA1MS4xMyAyMi42MyAzNSAzOC43NSAzNSAyMi42MyAzNSA2LjUiLz48L2c+PC9nPjwvc3ZnPg=="},39495:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzUgNi41IDUxLjEzIDIyLjYzIDM1IDM4Ljc1IDM1IDIyLjYzIDM1IDYuNSIvPjwvZz48L2c+PC9zdmc+"},64253:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjE2LjEzIDM4Ljc1IDAgMjIuNjMgMTYuMTMgNi41IDE2LjEzIDIyLjYzIDE2LjEzIDM4Ljc1Ii8+PHBvbHlnb24gcG9pbnRzPSI0MS4xMyA2LjUgNTcuMjUgMjIuNjMgNDEuMTMgMzguNzUgNDEuMTMgMjIuNjMgNDEuMTMgNi41Ii8+PC9nPjwvZz48L3N2Zz4="},20815:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTYuMTMgMzguNzUgMCAyMi42MyAxNi4xMyA2LjUgMTYuMTMgMjIuNjMgMTYuMTMgMzguNzUiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNDEuMTMgNi41IDU3LjI1IDIyLjYzIDQxLjEzIDM4Ljc1IDQxLjEzIDIyLjYzIDQxLjEzIDYuNSIvPjwvZz48L2c+PC9zdmc+"},23157:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IHg9IjExLjUiIHk9IjExIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiLz48L2c+PC9nPjwvc3ZnPg=="},48167:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fS5jbHMtMntmaWxsOiNlNzcwMzE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZU9yYW5nZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTEuNSIgeT0iMTEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIvPjwvZz48L2c+PC9zdmc+"},54867:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gcG9pbnRzPSIxNi4xMyAzOS4yNSAwIDIzLjEzIDE2LjEzIDcgMTYuMTMgMjMuMTMgMTYuMTMgMzkuMjUiLz48L2c+PC9nPjwvc3ZnPg=="},61373:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2LjEzIDM5LjI1IDAgMjMuMTMgMTYuMTMgNyAxNi4xMyAyMy4xMyAxNi4xMyAzOS4yNSIvPjwvZz48L2c+PC9zdmc+"}}]);

package/build/umd/3994.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3994.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3994,5434,1773,3053],{11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>_});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),d=n(73035),c=n.n(d),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),v=n(16635),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.Ay,y);v.Ay&&v.Ay.locals&&v.Ay.locals;var b=n(72919),g=n.n(b),w=n(82246),x=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,x);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(v.BI,n?v.OD:void 0,n?void 0:r?v.U3:v.y,a.className)})}},23994:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>D});n(41594);var o=n(6561),r=n(25835),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),d=n(73035),c=n.n(d),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),v=n(40385),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.Ay,y);v.Ay&&v.Ay.locals&&v.Ay.locals;var b=n(14488),g=n(5219),w=n(72919),x=n.n(w),_=n(11773),C=n(82246);const D=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?v.A5:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,u=(0,g.hV)(),d=null===(t=u.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("span",{className:v.Ps,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,C.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,C.jsx)(o.A,{className:x()(a),controlClassName:v.Vu,options:c,value:d,onChange:function onChange(e){return u.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,C.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!d}),arrowOpen:(0,C.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!d})})})}},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>v,y:()=>y});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),d=new URL(n(67854),n.b),c=i()(r()),p=l()(u),f=l()(d);c.push([e.id,`.index-module--vBvUX {\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--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",v="index-module--DpOf1",y="index-module--x_MGK";const b=c},40385:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>d,Ps:()=>s,Vu:()=>u});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--X_CwM {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--CWwh_ {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--tEWoJ {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\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}\n",""]);var s="index-module--X_CwM",l="index-module--CWwh_",u="index-module--tEWoJ";const d=i},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));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 _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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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,o.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 o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);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,r.default)(s);return o.default.createElement("div",{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"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-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,d=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,v=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,v,!!v),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,d,!!d),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),C=o.default.createElement("div",{className:w},y),D=this.state.isOpen?o.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},C,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),D)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3994,5434,3053,1773,196],{11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>_});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),d=n(73035),c=n.n(d),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),v=n(16635),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.Ay,y);v.Ay&&v.Ay.locals&&v.Ay.locals;var b=n(72919),g=n.n(b),w=n(82246),x=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,x);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(v.BI,n?v.OD:void 0,n?void 0:r?v.U3:v.y,a.className)})}},23994:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>D});n(41594);var o=n(6561),r=n(25835),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),d=n(73035),c=n.n(d),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),v=n(40385),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.Ay,y);v.Ay&&v.Ay.locals&&v.Ay.locals;var b=n(14488),g=n(5219),w=n(72919),x=n.n(w),_=n(11773),C=n(82246);const D=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?v.A5:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,u=(0,g.hV)(),d=null===(t=u.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("span",{className:v.Ps,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,C.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,C.jsx)(o.A,{className:x()(a),controlClassName:v.Vu,options:c,value:d,onChange:function onChange(e){return u.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,C.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!d}),arrowOpen:(0,C.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!d})})})}},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>v,y:()=>y});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),d=new URL(n(67854),n.b),c=i()(r()),p=l()(u),f=l()(d);c.push([e.id,`.index-module--vBvUX {\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--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",v="index-module--DpOf1",y="index-module--x_MGK";const b=c},40385:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>d,Ps:()=>s,Vu:()=>u});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--X_CwM {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--CWwh_ {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--tEWoJ {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\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}\n",""]);var s="index-module--X_CwM",l="index-module--CWwh_",u="index-module--tEWoJ";const d=i},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));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 _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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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,o.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 o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);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,r.default)(s);return o.default.createElement("div",{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"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-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,d=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,v=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,v,!!v),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,d,!!d),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),C=o.default.createElement("div",{className:w},y),D=this.state.isOpen?o.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},C,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),D)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

package/build/umd/40.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 40.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[40,319],{20319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(28742),a=i(41594),r=i(14488),o=i(25835),s=i.n(o),d=i(69120),I=i.n(d),l=i(91148),g=i.n(l),c=i(73035),M=i.n(c),m=i(24959),u=i.n(m),A=i(15004),D=i.n(A),v=i(35622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(82246);window.customElements.get("model-viewer")||Promise.all([i.e(4611),i.e(3352)]).then(i.bind(i,63352));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isMobile,D=u.isFirefox,x=(0,r.useTranslation)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},10040:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(66557),a=i(28742),r=i(10725),o=i.n(r),s=i(14488),d=i(41594),I=i.n(d),l=i(25835),g=i.n(l),c=i(69120),M=i.n(c),m=i(91148),u=i.n(m),A=i(73035),D=i.n(A),v=i(24959),x=i.n(v),p=i(15004),w=i.n(p),C=i(65715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(72919),T=i.n(y),N=i(20319),b=i(82246),z=function(){var e=(0,t.A)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(0,b.jsx)("div",{"data-src":d.toString(),"data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,id:"main3dImage",children:s},e.url):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},e.url)}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,h=o,y=(0,s.useDivaCore)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,P=U.arViewerBaseUrl,Y=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(1546).then(i.bind(i,41546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&Y.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,P)}))},h)}},35622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(38634),a=i.n(t),r=i(92083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=o()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\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--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\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--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},65715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(38634),a=i.n(t),r=i(92083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(26835),i.b),l=new URL(i(38892),i.b),g=new URL(i(66321),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url(${M}) !important;\n  mask-image: url(${M}) !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--SURNO .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--MUCjv {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url(${u});\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},38892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},26835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},66321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[40,319],{20319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(28742),a=i(41594),r=i(14488),o=i(25835),s=i.n(o),d=i(69120),I=i.n(d),l=i(91148),g=i.n(l),c=i(73035),M=i.n(c),m=i(24959),u=i.n(m),A=i(15004),D=i.n(A),v=i(35622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(82246);window.customElements.get("model-viewer")||Promise.all([i.e(4611),i.e(3352)]).then(i.bind(i,63352));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isMobile,D=u.isFirefox,x=(0,r.useTranslation)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},10040:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(66557),a=i(28742),r=i(10725),o=i.n(r),s=i(14488),d=i(41594),I=i.n(d),l=i(25835),g=i.n(l),c=i(69120),M=i.n(c),m=i(91148),u=i.n(m),A=i(73035),D=i.n(A),v=i(24959),x=i.n(v),p=i(15004),w=i.n(p),C=i(65715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(72919),T=i.n(y),N=i(20319),b=i(82246),z=function(){var e=(0,t.A)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString()):(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString()))}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,h=o,y=(0,s.useDivaCore)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,P=U.arViewerBaseUrl,Y=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(1546).then(i.bind(i,41546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&Y.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,P)}))},h)}},35622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(38634),a=i.n(t),r=i(92083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=o()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\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--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\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--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},65715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(38634),a=i.n(t),r=i(92083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(26835),i.b),l=new URL(i(38892),i.b),g=new URL(i(66321),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url(${M}) !important;\n  mask-image: url(${M}) !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--SURNO .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--MUCjv {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url(${u});\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},38892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},26835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},66321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/4168.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 4168.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4168,5434,3053],{54168:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>y});var t=i(72919),o=i.n(t),a=i(5219),d=i(970),r=(i(41594),i(25835)),M=i.n(r),l=i(69120),s=i.n(l),x=i(91148),u=i.n(x),N=i(73035),g=i.n(N),m=i(24959),c=i.n(m),D=i(15004),j=i.n(D),I=i(38155),h={};h.styleTagTransform=j(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=c();M()(I.Ay,h);I.Ay&&I.Ay.locals&&I.Ay.locals;var z=i(14488),T=i(82246);const y=(0,d.PA)((function Summary(n){var e,i=n.item,t=(0,a.hV)(),d=(0,z.useTranslation)().t,r=(0,z.useDivaCore)().state.hidePrices;return i.isTabGroup?(0,T.jsx)("div",{className:I.gc,children:(0,T.jsx)("span",{className:I._6,children:d("configurator."+i.title,i.title)})}):(0,T.jsxs)("div",{className:o()(I.Ft,t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded?void 0:I.F0),children:[(0,T.jsxs)("div",{children:[(0,T.jsx)("span",{className:I.Xt,style:{backgroundImage:i.image?"url(".concat(i.image,")"):"none"}}),(0,T.jsxs)("div",{className:o()(I.ns,i.isDefined?void 0:I.pN),children:[(0,T.jsxs)("span",{className:I.V8,children:[i.quantity&&"(x"+i.quantity+") ",i.title]}),(0,T.jsx)("span",{className:I.Kn,dangerouslySetInnerHTML:{__html:i.description}}),!i.isDefined&&(0,T.jsx)("span",{title:d("configurator.OPTION_NOT_DEFINED"),className:I.Xl}),!r&&!!i.price&&(0,T.jsx)("span",{className:I.kd,children:z.DivaUtils.formatPrice(i.price)}),!t.uiState.ViewConfig.hideElementInfo&&(0,T.jsx)("span",{className:I.tt,children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,T.jsx)("span",{children:n},e)}))})]})]}),(0,T.jsx)("button",{className:I.fz,type:"button",onClick:function onClick(){return t.paletteViewHandler.clickedOnSummaryPalette(i)}})]})}))},38155:(n,e,i)=>{"use strict";i.d(e,{Ay:()=>b,F0:()=>L,Ft:()=>c,Kn:()=>h,V8:()=>I,Xl:()=>T,Xt:()=>D,_6:()=>m,fz:()=>w,gc:()=>g,kd:()=>y,ns:()=>j,pN:()=>z,tt:()=>p});var t=i(38634),o=i.n(t),a=i(92083),d=i.n(a),r=i(1946),M=i.n(r),l=new URL(i(63613),i.b),s=new URL(i(42797),i.b),x=d()(o()),u=M()(l),N=M()(s);x.push([n.id,`/*Summary*/\n.index-module--kexVo {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.index-module--stMBP {\n  font-weight: 300;\n}\n\n.index-module--eaMyG {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.index-module--eaMyG > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.index-module--eaMyG > div > span,\n.index-module--eaMyG > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.index-module--YOmdR {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.index-module--YaPtN {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.index-module--mBLDP {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.index-module--pg_u4 {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.index-module--FFY2h .index-module--pg_u4 {\n  width: calc(28% - 3rem);\n}\n\n.index-module--e0bWL {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(${u});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.index-module--mBLDP:hover,\n.index-module--pg_u4:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.index-module--EFjYv {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.index-module--_nl1K {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.index-module--_nl1K span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--IIG49 {\n  top: calc(50% - (2.2rem / 2));\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(${N});\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.index-module--IIG49:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.index-module--rpK8b,\n.index-module--rpK8b .index-module--YaPtN {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--rpK8b > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.index-module--rpK8b > div > .index-module--FFY2h .index-module--pg_u4 {\n  width: 100%;\n}\n\n.index-module--rpK8b > div > div.index-module--FFY2h > span.index-module--e0bWL {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.index-module--rpK8b > div > div.index-module--FFY2h > span.index-module--_nl1K {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.index-module--rpK8b .index-module--mBLDP:hover,\n.index-module--rpK8b .index-module--pg_u4:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .index-module--eaMyG,\n  .index-module--YaPtN {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .index-module--eaMyG > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .index-module--mBLDP:hover,\n  .index-module--pg_u4:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n`,""]);var g="index-module--kexVo",m="index-module--stMBP",c="index-module--eaMyG",D="index-module--YOmdR",j="index-module--YaPtN",I="index-module--mBLDP",h="index-module--pg_u4",z="index-module--FFY2h",T="index-module--e0bWL",y="index-module--EFjYv",p="index-module--_nl1K",w="index-module--IIG49",L="index-module--rpK8b";const b=x},1946: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}},72919:(n,e)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)n.push(i);else if(Array.isArray(i)){if(i.length){var a=classNames.apply(null,i);a&&n.push(a)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var d in i)t.call(i,d)&&i[d]&&n.push(d);else n.push(i.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(i=function(){return classNames}.apply(e,[]))||(n.exports=i)}()},42797:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},63613:n=>{"use strict";n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tNjEtd2FybmluZyI+PHBhdGggZD0iTTE1LjQyNDIzMjcsNS4xNDgzOTI3NSBDMTYuMjk0Mjk4NywzLjc0MDcyOTc2IDE3LjcwNzAyOCwzLjc0NDA4NDQyIDE4LjU3NTAyMDUsNS4xNDgzOTI3NSBMMjkuMzYwMTA5OSwyMi41OTczOCBDMzAuNTIxNjM4OCwyNC40NzY1OTUxIDI5LjY3NTU0NjIsMjYgMjcuNDcxNDA2OCwyNiBMNi41Mjc4NDY0LDI2IEM0LjMyMzIxNTU3LDI2IDMuNDczODYzMTcsMjQuNDgyNjY0MiA0LjYzOTE0MzMxLDIyLjU5NzM4IEwxNS40MjQyMzI3LDUuMTQ4MzkyNzUgTDE1LjQyNDIzMjcsNS4xNDgzOTI3NSBaIE0xNi4zNTMxODEsNS41MjI5MjExIEMxNi43MDA1MTUyLDQuOTYxNjUxNjMgMTcuMjY0NzY3OCw0Ljk2MzQxODcgMTcuNjExMDMxOCw1LjUyMjkyMTA4IEwyOC42MTYyOTM3LDIzLjMwNTUwNzggQzI5LjE5NTQ2NjMsMjQuMjQxMzQ5OCAyOC43NjIyMjcxLDI0Ljk5OTk5OTYgMjcuNjc0NjM0OSwyNC45OTk5OTk2IEw2LjI5MDM5MjMxLDI1IEM1LjE5MTE1NTk2LDI1IDQuNzY2NDQ5NzEsMjQuMjQ2MzI2NSA1LjM0ODY2MjYyLDIzLjMwNTUwODIgTDE2LjM1MzE4MSw1LjUyMjkyMTEgTDE2LjM1MzE4MSw1LjUyMjkyMTEgWiBNMTcsMTEgQzE2LjQ0NzcxNTMsMTEgMTYsMTEuNDUzMDM2MyAxNiwxMS45OTcwMzAxIEwxNiwxOC4wMDI5Njk5IEMxNiwxOC41NTM2MTQ0IDE2LjQ0Mzg2NDgsMTkgMTcsMTkgQzE3LjU1MjI4NDcsMTkgMTgsMTguNTQ2OTYzNyAxOCwxOC4wMDI5Njk5IEwxOCwxMS45OTcwMzAxIEMxOCwxMS40NDYzODU2IDE3LjU1NjEzNTIsMTEgMTcsMTEgTDE3LDExIFogTTE3LDIzIEMxNy41NTIyODQ4LDIzIDE4LDIyLjU1MjI4NDggMTgsMjIgQzE4LDIxLjQ0NzcxNTIgMTcuNTUyMjg0OCwyMSAxNywyMSBDMTYuNDQ3NzE1MiwyMSAxNiwyMS40NDc3MTUyIDE2LDIyIEMxNiwyMi41NTIyODQ4IDE2LjQ0NzcxNTIsMjMgMTcsMjMgTDE3LDIzIFoiIGlkPSJ3YXJuaW5nIi8+PC9nPjwvZz48L3N2Zz4="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4168,5434,3053,196],{54168:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>y});var t=i(72919),o=i.n(t),a=i(5219),d=i(970),r=(i(41594),i(25835)),M=i.n(r),l=i(69120),s=i.n(l),x=i(91148),u=i.n(x),N=i(73035),g=i.n(N),m=i(24959),c=i.n(m),D=i(15004),j=i.n(D),I=i(38155),h={};h.styleTagTransform=j(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=c();M()(I.Ay,h);I.Ay&&I.Ay.locals&&I.Ay.locals;var z=i(14488),T=i(82246);const y=(0,d.PA)((function Summary(n){var e,i=n.item,t=(0,a.hV)(),d=(0,z.useTranslation)().t,r=(0,z.useDivaCore)().state.hidePrices;return i.isTabGroup?(0,T.jsx)("div",{className:I.gc,children:(0,T.jsx)("span",{className:I._6,children:d("configurator."+i.title,i.title)})}):(0,T.jsxs)("div",{className:o()(I.Ft,t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded?void 0:I.F0),children:[(0,T.jsxs)("div",{children:[(0,T.jsx)("span",{className:I.Xt,style:{backgroundImage:i.image?"url(".concat(i.image,")"):"none"}}),(0,T.jsxs)("div",{className:o()(I.ns,i.isDefined?void 0:I.pN),children:[(0,T.jsxs)("span",{className:I.V8,children:[i.quantity&&"(x"+i.quantity+") ",i.title]}),(0,T.jsx)("span",{className:I.Kn,dangerouslySetInnerHTML:{__html:i.description}}),!i.isDefined&&(0,T.jsx)("span",{title:d("configurator.OPTION_NOT_DEFINED"),className:I.Xl}),!r&&!!i.price&&(0,T.jsx)("span",{className:I.kd,children:z.DivaUtils.formatPrice(i.price)}),!t.uiState.ViewConfig.hideElementInfo&&(0,T.jsx)("span",{className:I.tt,children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,T.jsx)("span",{children:n},e)}))})]})]}),(0,T.jsx)("button",{className:I.fz,type:"button",onClick:function onClick(){return t.paletteViewHandler.clickedOnSummaryPalette(i)}})]})}))},38155:(n,e,i)=>{"use strict";i.d(e,{Ay:()=>b,F0:()=>L,Ft:()=>c,Kn:()=>h,V8:()=>I,Xl:()=>T,Xt:()=>D,_6:()=>m,fz:()=>w,gc:()=>g,kd:()=>y,ns:()=>j,pN:()=>z,tt:()=>p});var t=i(38634),o=i.n(t),a=i(92083),d=i.n(a),r=i(1946),M=i.n(r),l=new URL(i(63613),i.b),s=new URL(i(42797),i.b),x=d()(o()),u=M()(l),N=M()(s);x.push([n.id,`/*Summary*/\n.index-module--kexVo {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.index-module--stMBP {\n  font-weight: 300;\n}\n\n.index-module--eaMyG {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.index-module--eaMyG > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.index-module--eaMyG > div > span,\n.index-module--eaMyG > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.index-module--YOmdR {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.index-module--YaPtN {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.index-module--mBLDP {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.index-module--pg_u4 {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.index-module--FFY2h .index-module--pg_u4 {\n  width: calc(28% - 3rem);\n}\n\n.index-module--e0bWL {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url(${u});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.index-module--mBLDP:hover,\n.index-module--pg_u4:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.index-module--EFjYv {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.index-module--_nl1K {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.index-module--_nl1K span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--IIG49 {\n  top: calc(50% - (2.2rem / 2));\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url(${N});\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.index-module--IIG49:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.index-module--rpK8b,\n.index-module--rpK8b .index-module--YaPtN {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--rpK8b > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.index-module--rpK8b > div > .index-module--FFY2h .index-module--pg_u4 {\n  width: 100%;\n}\n\n.index-module--rpK8b > div > div.index-module--FFY2h > span.index-module--e0bWL {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.index-module--rpK8b > div > div.index-module--FFY2h > span.index-module--_nl1K {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.index-module--rpK8b .index-module--mBLDP:hover,\n.index-module--rpK8b .index-module--pg_u4:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .index-module--eaMyG,\n  .index-module--YaPtN {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .index-module--eaMyG > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .index-module--mBLDP:hover,\n  .index-module--pg_u4:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n`,""]);var g="index-module--kexVo",m="index-module--stMBP",c="index-module--eaMyG",D="index-module--YOmdR",j="index-module--YaPtN",I="index-module--mBLDP",h="index-module--pg_u4",z="index-module--FFY2h",T="index-module--e0bWL",y="index-module--EFjYv",p="index-module--_nl1K",w="index-module--IIG49",L="index-module--rpK8b";const b=x},1946: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}},72919:(n,e)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)n.push(i);else if(Array.isArray(i)){if(i.length){var a=classNames.apply(null,i);a&&n.push(a)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var d in i)t.call(i,d)&&i[d]&&n.push(d);else n.push(i.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(i=function(){return classNames}.apply(e,[]))||(n.exports=i)}()},42797:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},63613:n=>{"use strict";n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tNjEtd2FybmluZyI+PHBhdGggZD0iTTE1LjQyNDIzMjcsNS4xNDgzOTI3NSBDMTYuMjk0Mjk4NywzLjc0MDcyOTc2IDE3LjcwNzAyOCwzLjc0NDA4NDQyIDE4LjU3NTAyMDUsNS4xNDgzOTI3NSBMMjkuMzYwMTA5OSwyMi41OTczOCBDMzAuNTIxNjM4OCwyNC40NzY1OTUxIDI5LjY3NTU0NjIsMjYgMjcuNDcxNDA2OCwyNiBMNi41Mjc4NDY0LDI2IEM0LjMyMzIxNTU3LDI2IDMuNDczODYzMTcsMjQuNDgyNjY0MiA0LjYzOTE0MzMxLDIyLjU5NzM4IEwxNS40MjQyMzI3LDUuMTQ4MzkyNzUgTDE1LjQyNDIzMjcsNS4xNDgzOTI3NSBaIE0xNi4zNTMxODEsNS41MjI5MjExIEMxNi43MDA1MTUyLDQuOTYxNjUxNjMgMTcuMjY0NzY3OCw0Ljk2MzQxODcgMTcuNjExMDMxOCw1LjUyMjkyMTA4IEwyOC42MTYyOTM3LDIzLjMwNTUwNzggQzI5LjE5NTQ2NjMsMjQuMjQxMzQ5OCAyOC43NjIyMjcxLDI0Ljk5OTk5OTYgMjcuNjc0NjM0OSwyNC45OTk5OTk2IEw2LjI5MDM5MjMxLDI1IEM1LjE5MTE1NTk2LDI1IDQuNzY2NDQ5NzEsMjQuMjQ2MzI2NSA1LjM0ODY2MjYyLDIzLjMwNTUwODIgTDE2LjM1MzE4MSw1LjUyMjkyMTEgTDE2LjM1MzE4MSw1LjUyMjkyMTEgWiBNMTcsMTEgQzE2LjQ0NzcxNTMsMTEgMTYsMTEuNDUzMDM2MyAxNiwxMS45OTcwMzAxIEwxNiwxOC4wMDI5Njk5IEMxNiwxOC41NTM2MTQ0IDE2LjQ0Mzg2NDgsMTkgMTcsMTkgQzE3LjU1MjI4NDcsMTkgMTgsMTguNTQ2OTYzNyAxOCwxOC4wMDI5Njk5IEwxOCwxMS45OTcwMzAxIEMxOCwxMS40NDYzODU2IDE3LjU1NjEzNTIsMTEgMTcsMTEgTDE3LDExIFogTTE3LDIzIEMxNy41NTIyODQ4LDIzIDE4LDIyLjU1MjI4NDggMTgsMjIgQzE4LDIxLjQ0NzcxNTIgMTcuNTUyMjg0OCwyMSAxNywyMSBDMTYuNDQ3NzE1MiwyMSAxNiwyMS40NDc3MTUyIDE2LDIyIEMxNiwyMi41NTIyODQ4IDE2LjQ0NzcxNTIsMjMgMTcsMjMgTDE3LDIzIFoiIGlkPSJ3YXJuaW5nIi8+PC9nPjwvZz48L3N2Zz4="}}]);

package/build/umd/4300.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 4300.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4300,5434,1773,3053],{11773:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});var a=t(23170),i=(t(41594),t(25835)),o=t.n(i),s=t(69120),r=t.n(s),l=t(91148),d=t.n(l),c=t(73035),u=t.n(c),p=t(24959),g=t.n(p),m=t(15004),x=t.n(m),v=t(16635),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=g();o()(v.Ay,b);v.Ay&&v.Ay.locals&&v.Ay.locals;var h=t(72919),f=t.n(h),y=t(82246),A=["onClick","iconAsDelete","open"];const I=function Arrow(n){var e=n.onClick,t=n.iconAsDelete,i=n.open,o=(0,a.A)(n,A);return(0,y.jsx)("span",{onClick:e,onTouchEnd:e,className:f()(v.BI,t?v.OD:void 0,t?void 0:i?v.U3:v.y,o.className)})}},44300:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>y});var a=t(970),i=t(11773),o=(t(41594),t(25835)),s=t.n(o),r=t(69120),l=t.n(r),d=t(91148),c=t.n(d),u=t(73035),p=t.n(u),g=t(24959),m=t.n(g),x=t(15004),v=t.n(x),b=t(91165),h={};h.styleTagTransform=v(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();s()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var f=t(82246);const y=(0,a.PA)((function MobileDropdown(n){var e=n.onChange,t=n.mobileOptions,a=n.selectedOption,o=n.id;return(0,f.jsxs)("div",{className:b.e6,id:o,children:[(0,f.jsx)(i.default,{open:!1,className:b.UE}),(0,f.jsx)("select",{className:b.Lt,onChange:e,value:a,children:t.map((function(n){return(0,f.jsx)("option",{value:n.codex,dangerouslySetInnerHTML:{__html:n.text+(n.price?"  -  "+n.price:"")}},n.codex)}))})]})}))},16635:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>h,BI:()=>m,OD:()=>x,U3:()=>v,y:()=>b});var a=t(38634),i=t.n(a),o=t(92083),s=t.n(o),r=t(1946),l=t.n(r),d=new URL(t(74338),t.b),c=new URL(t(67854),t.b),u=s()(i()),p=l()(d),g=l()(c);u.push([n.id,`.index-module--vBvUX {\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--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${g});\n}\n\n.index-module--x_MGK {\n  background-image: url(${g});\n}\n`,""]);var m="index-module--vBvUX",x="index-module--Yt59l",v="index-module--DpOf1",b="index-module--x_MGK";const h=u},91165:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c,Lt:()=>l,UE:()=>d,e6:()=>r});var a=t(38634),i=t.n(a),o=t(92083),s=t.n(o)()(i());s.push([n.id,".index-module--ydNav {\n  position: relative;\n}\n\n.index-module--g8lMz {\n  outline: none !important;\n}\n\n.index-module--g8lMz {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: 100%;\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--A_GFF {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var r="index-module--ydNav",l="index-module--g8lMz",d="index-module--A_GFF";const c=s},1946: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}},72919:(n,e)=>{var t;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var t=arguments[e];if(t){var i=typeof t;if("string"===i||"number"===i)n.push(t);else if(Array.isArray(t)){if(t.length){var o=classNames.apply(null,t);o&&n.push(o)}}else if("object"===i)if(t.toString===Object.prototype.toString)for(var s in t)a.call(t,s)&&t[s]&&n.push(s);else n.push(t.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()},74338:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4300,5434,3053,1773,196],{11773:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});var a=t(23170),i=(t(41594),t(25835)),o=t.n(i),s=t(69120),r=t.n(s),l=t(91148),d=t.n(l),c=t(73035),u=t.n(c),p=t(24959),g=t.n(p),m=t(15004),x=t.n(m),v=t(16635),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=g();o()(v.Ay,b);v.Ay&&v.Ay.locals&&v.Ay.locals;var h=t(72919),f=t.n(h),y=t(82246),A=["onClick","iconAsDelete","open"];const I=function Arrow(n){var e=n.onClick,t=n.iconAsDelete,i=n.open,o=(0,a.A)(n,A);return(0,y.jsx)("span",{onClick:e,onTouchEnd:e,className:f()(v.BI,t?v.OD:void 0,t?void 0:i?v.U3:v.y,o.className)})}},44300:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>y});var a=t(970),i=t(11773),o=(t(41594),t(25835)),s=t.n(o),r=t(69120),l=t.n(r),d=t(91148),c=t.n(d),u=t(73035),p=t.n(u),g=t(24959),m=t.n(g),x=t(15004),v=t.n(x),b=t(91165),h={};h.styleTagTransform=v(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();s()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var f=t(82246);const y=(0,a.PA)((function MobileDropdown(n){var e=n.onChange,t=n.mobileOptions,a=n.selectedOption,o=n.id;return(0,f.jsxs)("div",{className:b.e6,id:o,children:[(0,f.jsx)(i.default,{open:!1,className:b.UE}),(0,f.jsx)("select",{className:b.Lt,onChange:e,value:a,children:t.map((function(n){return(0,f.jsx)("option",{value:n.codex,dangerouslySetInnerHTML:{__html:n.text+(n.price?"  -  "+n.price:"")}},n.codex)}))})]})}))},16635:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>h,BI:()=>m,OD:()=>x,U3:()=>v,y:()=>b});var a=t(38634),i=t.n(a),o=t(92083),s=t.n(o),r=t(1946),l=t.n(r),d=new URL(t(74338),t.b),c=new URL(t(67854),t.b),u=s()(i()),p=l()(d),g=l()(c);u.push([n.id,`.index-module--vBvUX {\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--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${g});\n}\n\n.index-module--x_MGK {\n  background-image: url(${g});\n}\n`,""]);var m="index-module--vBvUX",x="index-module--Yt59l",v="index-module--DpOf1",b="index-module--x_MGK";const h=u},91165:(n,e,t)=>{"use strict";t.d(e,{Ay:()=>c,Lt:()=>l,UE:()=>d,e6:()=>r});var a=t(38634),i=t.n(a),o=t(92083),s=t.n(o)()(i());s.push([n.id,".index-module--ydNav {\n  position: relative;\n}\n\n.index-module--g8lMz {\n  outline: none !important;\n}\n\n.index-module--g8lMz {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: 100%;\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--A_GFF {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var r="index-module--ydNav",l="index-module--g8lMz",d="index-module--A_GFF";const c=s},1946: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}},72919:(n,e)=>{var t;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var t=arguments[e];if(t){var i=typeof t;if("string"===i||"number"===i)n.push(t);else if(Array.isArray(t)){if(t.length){var o=classNames.apply(null,t);o&&n.push(o)}}else if("object"===i)if(t.toString===Object.prototype.toString)for(var s in t)a.call(t,s)&&t[s]&&n.push(s);else n.push(t.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))||(n.exports=t)}()},74338:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);