@crystaldesign/diva-web-planner-react 26.11.0-beta.3 → 26.11.0-beta.30

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),n=o(43860),i=o(80248),r=o(63846),s=o(80638),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,n.Z)((function Planner2DGrid(e,t,o,n,r,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,i.Z)(this,"autoDockingDistance",20),(0,i.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,i.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,i.Z)(this,"canvas",void 0),(0,i.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,i.Z)(this,"borderFactorHori",.7),(0,i.Z)(this,"borderFactorVert",.64),(0,i.Z)(this,"maxZoom",4),(0,i.Z)(this,"deltaRotDeg",void 0),(0,i.Z)(this,"inDragMode",!1),(0,i.Z)(this,"currZoomFactor",1),(0,i.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,i.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,i.Z)(this,"plannerPaletteViewInfo",void 0),(0,i.Z)(this,"settingsState",void 0),(0,i.Z)(this,"getConfiguratorState",void 0),(0,i.Z)(this,"updatePlannerTrans",void 0),(0,i.Z)(this,"getPlannerElementById",void 0),(0,i.Z)(this,"getPlannerViewConfig",void 0),(0,i.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,i.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,i.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,i.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,i.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,i.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),n=void 0,i=void 0,r=0;r<a.length;r++){var s=a[r];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?i=g:s.name==l.dimGroupWidthName&&(n=g)}}}var h=0,u=0,f=0,v=30,D=13,m=!1;l.canvas.width&&l.canvas.width<500&&(v=17,D=7,m=!0),null!=n&&(h=n.fontSize,u=n.top,n.fontSize=v,n.dirty=!0,n.top=n.top+D),null!=i&&(f=i.fontSize,i.fontSize=v,i.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&m&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&m&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=n&&(n.fontSize=h,n.top=u,n.group.dirty=!0),null!=i&&(i.fontSize=f,i.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=n,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=r,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new r.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.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,n){var i=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,r){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=n;if(o.has(r))for(var g=o.get(r),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(r)){var u=a.get(r);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}i.addPosNrUI(e,c,d,l),i.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(i.getConfiguratorState())&&(i.addDelIcon(e,c),i.addRotIcon(e,c)),i.addElemOutline(e,c,!0,!1)):l&&i.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==i.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&i.addDelIcon(e,c)}})))}},{key:"getWorldCorner",value:function getWorldCorner(e,t){return t&&e.HasOLFPolygon?e.WorldPosCornerIgnoreOLF:!t&&e.HasOLFPolygon?e.getWorldPosCornerOLF():e.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getWorldCorner(t,!0),i=t.getWidth(),r=t.getDepth(),c=this.worldPosToScreenPos(new s.FM(n.x,n.z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),c,new s.FM(Math.round(i*this.currZoomFactor),Math.round(r*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 n;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getPlannerViewConfig(),r=new s.FM(0,0,"pixel");if("TOP_LEFT_BACK"==i.posNumIcon){var c=this.getWorldCorner(t,!1);r=this.worldPosToScreenPos(new s.FM(c.x,c.z))}e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),r,t.getRotDeg(),this.currZoomFactor,null===(n=e.getPosNrByBasketId(t.getBasketId()))||void 0===n?void 0:n.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.getWorldCorner(t,!1),n=this.worldPosToScreenPos(new s.FM(a.x,a.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=n;break;case"TOP_RIGHT_BACK":var i=new s.FM(t.getWidth()*this.currZoomFactor,0);i=s.FM.rotateOrigin(i,t.getRotDeg()),o=new s.FM(n.x+i.x,n.y+i.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.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var n,i=o[a];if(null===(n=this.plannerPaletteViewInfo)||void 0===n||null===(n=n.plannerConfiguration.hideAVButtons)||void 0===n||!n.includes(i.Type))if(i.IsDocking||"AVR"!=i.Type&&"AVL"!=i.Type){if(!("AVO"!=i.Type&&"AVU"!=i.Type&&"AVC"!=i.Type&&"AVN"!=i.Type&&"AVS"!=i.Type||i.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var r=this.getWorldCorner(t,!1),c=this.worldPosToScreenPos(new s.FM(r.x+i.LocalWorldPos.x,r.z+i.LocalWorldPos.z)),d=this.worldPosToScreenPos(new s.FM(r.x,r.z));c=s.FM.rotateAround(c,d,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,"ACC",i.IsDocking?"DOCKING":"NOT_DOCKING",i.OnElementId,t.getRotDeg(),i.RotDeg,c,"2D")}}else{var l=this.getWorldCorner(t,!1),g=this.worldPosToScreenPos(new s.FM(l.x+i.LocalWorldPos.x,l.z+i.LocalWorldPos.z)),h=this.worldPosToScreenPos(new s.FM(l.x,l.z));g=s.FM.rotateAround(g,h,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,i.Type,"NOT_DOCKING",void 0,t.getRotDeg(),i.RotDeg,g,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*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.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(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,n=null,i=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 r.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"}),n=new r.fabric.Line([-25,-c/2,-25,c/2],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(n),i=new r.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront(),a=new r.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"}),n=new r.fabric.Line([-s/2,-25,s/2,-25],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(n),i=new r.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){var a=this;d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var n=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=n.x&&this.canvas.setWidth(n.x),this.canvas.getHeight()!=n.y&&this.canvas.setHeight(n.y),0!=t.size){var i=[];t.forEach((function(e,t){for(var n=0;n<e.length;n++)if(e[n].getSVGShapeOLF2D()){var r=e[n].getSVGShapeOLF2D();r.scaleX=1/c.DivaUtils.UnitRecalc,r.scaleY=1/c.DivaUtils.UnitRecalc;var s=a.getWorldCorner(e[n],!1);r.left=s.x-o.worldPos.x,r.top=s.z-o.worldPos.y,r.angle=e[n].getRotDeg(),i.push(r)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var l=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),g=new r.fabric.Group(i,{originX:"left",originY:"top",left:l.x,top:l.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),h=this.canvas.getWidth()/2-(g.left+g.width*this.currZoomFactor/2),u=this.canvas.getHeight()/2-(g.top+g.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(h,u),g.left+=h,g.top+=u,this.canvas.add(g),g.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(g,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(62052),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8759.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8759],{68759:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),p=t(19216),v=t.n(p),h=t(44589),b=t.n(h),g=t(26748),x={};x.styleTagTransform=b(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=v();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(9204),C=t(65515),N=t.n(C),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,P.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),p=(0,i.Z)(f,2),v=p[0],h=p[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(h(!1),r!==Number(t.freeText)&&m&&(c(!1),b(t))):h(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var b=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:N()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:v?"red":void 0},type:"number",value:r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8759],{68759:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(9204),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r||Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);