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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8616.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(62052),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(87998),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);

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:(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:()=>{}}]);
+(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(87998),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:()=>{}}]);