@crystaldesign/diva-web-planner-react 26.3.0-beta.22 → 26.3.0-beta.24

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4229.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4229],{75311:(e,t,r)=>{"use strict";const n=r(39437),{NAMESPACES:a}=r(34734);function generatePrefix(e,t,r){const n=`ns${r}`;return e[t]=[n],n}function preferredPrefixString(e,t,r){const n=e[t];return n?n.includes(r)?r:n[n.length-1]:null}function serializeAttributeValue(e){return null===e?"":e.replace(/&/gu,"&amp;").replace(/"/gu,"&quot;").replace(/</gu,"&lt;").replace(/>/gu,"&gt;").replace(/\t/gu,"&#x9;").replace(/\n/gu,"&#xA;").replace(/\r/gu,"&#xD;")}e.exports.preferredPrefixString=preferredPrefixString,e.exports.generatePrefix=generatePrefix,e.exports.serializeAttributeValue=serializeAttributeValue,e.exports.serializeAttributes=function serializeAttributes(e,t,r,i,o,l){let s="";const u=Object.create(null);for(const c of e.attributes){if(o&&u[c.namespaceURI]&&u[c.namespaceURI].has(c.localName))throw new Error("Found duplicated attribute");u[c.namespaceURI]||(u[c.namespaceURI]=new Set),u[c.namespaceURI].add(c.localName);const e=c.namespaceURI;let g=null;if(null!==e)if(g=preferredPrefixString(t,e,c.prefix),e===a.XMLNS){if(c.value===a.XML||null===c.prefix&&i||null!==c.prefix&&r[c.localName]!==c.value&&t[c.value].includes(c.localName))continue;if(o&&c.value===a.XMLNS)throw new Error("The XMLNS namespace is reserved and cannot be applied as an element's namespace via XML parsing");if(o&&""===c.value)throw new Error("Namespace prefix declarations cannot be used to undeclare a namespace");"xmlns"===c.prefix&&(g="xmlns")}else null===g&&(g=generatePrefix(t,e,l.prefixIndex++),s+=` xmlns:${g}="${serializeAttributeValue(e)}"`);if(s+=" ",null!==g&&(s+=`${g}:`),o&&(c.localName.includes(":")||!n.name(c.localName)||"xmlns"===c.localName&&null===e))throw new Error("Invalid attribute localName value");s+=`${c.localName}="${serializeAttributeValue(c.value)}"`}return s}},34734:e=>{"use strict";e.exports.NAMESPACES={HTML:"http://www.w3.org/1999/xhtml",XML:"http://www.w3.org/XML/1998/namespace",XMLNS:"http://www.w3.org/2000/xmlns/"},e.exports.NODE_TYPES={ELEMENT_NODE:1,ATTRIBUTE_NODE:2,TEXT_NODE:3,CDATA_SECTION_NODE:4,ENTITY_REFERENCE_NODE:5,ENTITY_NODE:6,PROCESSING_INSTRUCTION_NODE:7,COMMENT_NODE:8,DOCUMENT_NODE:9,DOCUMENT_TYPE_NODE:10,DOCUMENT_FRAGMENT_NODE:11,NOTATION_NODE:12},e.exports.VOID_ELEMENTS=new Set(["area","base","basefont","bgsound","br","col","embed","frame","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr"])},68122:(e,t,r)=>{"use strict";const n=r(39437),a=r(75311),{NAMESPACES:i,VOID_ELEMENTS:o,NODE_TYPES:l}=r(34734),s=/^(\x09|\x0A|\x0D|[\x20-\uD7FF]|[\uE000-\uFFFD]|[\u{10000}-\u{10FFFF}])*$/u,u=/^(\x20|\x0D|\x0A|[a-zA-Z0-9]|[-'()+,./:=?;!*#@$_%])*$/u;function serializeElement(e,t,r,l,s){if(l&&(e.localName.includes(":")||!n.name(e.localName)))throw new Error("Failed to serialize XML: element node localName is not a valid XML name.");let u="<",c="",g=!1,m=!1;const h={...r},p=Object.create(null),d=function recordNamespaceInformation(e,t,r){let n=null;for(let a=0;a<e.attributes.length;++a){const o=e.attributes[a];if(o.namespaceURI===i.XMLNS){if(null===o.prefix){n=o.value;continue}let e=o.value;if(e===i.XML)continue;if(null===e&&(e=""),e in t&&t[e].includes(o.localName))continue;e in t||(t[e]=[]),t[e].push(o.localName),r[o.localName]=e}}return n}(e,h,p);let f=t;const F=e.namespaceURI;if(f===F)null!==d&&(m=!0),c=F===i.XML?`xml:${e.localName}`:e.localName,u+=c;else{let{prefix:t}=e,r=a.preferredPrefixString(h,F,t);if("xmlns"===t){if(l)throw new Error('Failed to serialize XML: element nodes can\'t have a prefix of "xmlns".');r="xmlns"}null!==r?(c=`${r}:${e.localName}`,null!==d&&d!==i.XML&&(f=""===d?null:d),u+=c):null!==t?(t in p&&(t=a.generatePrefix(h,F,s.prefixIndex++)),h[F]?h[F].push(t):h[F]=[t],c=`${t}:${e.localName}`,u+=`${c} xmlns:${t}="${a.serializeAttributeValue(F,l)}"`,null!==d&&(f=""===d?null:d)):null===d||d!==F?(m=!0,c=e.localName,f=F,u+=`${c} xmlns="${a.serializeAttributeValue(F,l)}"`):(c=e.localName,f=F,u+=c)}if(u+=a.serializeAttributes(e,h,p,m,l,s),F===i.HTML&&0===e.childNodes.length&&o.has(e.localName)?(u+=" /",g=!0):F!==i.HTML&&0===e.childNodes.length&&(u+="/",g=!0),u+=">",g)return u;if(F===i.HTML&&"template"===e.localName)u+=xmlSerialization(e.content,f,h,l,s);else for(const t of e.childNodes)u+=xmlSerialization(t,f,h,l,s);return u+=`</${c}>`,u}function xmlSerialization(e,t,r,n,a){switch(e.nodeType){case l.ELEMENT_NODE:return serializeElement(e,t,r,n,a);case l.DOCUMENT_NODE:return function serializeDocument(e,t,r,n,a){if(n&&null===e.documentElement)throw new Error("Failed to serialize XML: document does not have a document element.");let i="";for(const o of e.childNodes)i+=xmlSerialization(o,t,r,n,a);return i}(e,t,r,n,a);case l.COMMENT_NODE:return function serializeComment(e,t,r,n){if(n&&!s.test(e.data))throw new Error("Failed to serialize XML: comment node data is not well-formed.");if(n&&(e.data.includes("--")||e.data.endsWith("-")))throw new Error("Failed to serialize XML: found hyphens in illegal places in comment node data.");return`\x3c!--${e.data}--\x3e`}(e,0,0,n);case l.TEXT_NODE:return function serializeText(e,t,r,n){if(n&&!s.test(e.data))throw new Error("Failed to serialize XML: text node data is not well-formed.");return e.data.replace(/&/gu,"&amp;").replace(/</gu,"&lt;").replace(/>/gu,"&gt;")}(e,0,0,n);case l.DOCUMENT_FRAGMENT_NODE:return function serializeDocumentFragment(e,t,r,n,a){let i="";for(const o of e.childNodes)i+=xmlSerialization(o,t,r,n,a);return i}(e,t,r,n,a);case l.DOCUMENT_TYPE_NODE:return function serializeDocumentType(e,t,r,n){if(n&&!u.test(e.publicId))throw new Error("Failed to serialize XML: document type node publicId is not well-formed.");if(n&&(!s.test(e.systemId)||e.systemId.includes('"')&&e.systemId.includes("'")))throw new Error("Failed to serialize XML: document type node systemId is not well-formed.");let a=`<!DOCTYPE ${e.name}`;return""!==e.publicId?a+=` PUBLIC "${e.publicId}"`:""!==e.systemId&&(a+=" SYSTEM"),""!==e.systemId&&(a+=` "${e.systemId}"`),`${a}>`}(e,0,0,n);case l.PROCESSING_INSTRUCTION_NODE:return function serializeProcessingInstruction(e,t,r,n){if(n&&(e.target.includes(":")||function asciiCaseInsensitiveMatch(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;++r)if((32|e.charCodeAt(r))!=(32|t.charCodeAt(r)))return!1;return!0}(e.target,"xml")))throw new Error("Failed to serialize XML: processing instruction node target is not well-formed.");if(n&&(!s.test(e.data)||e.data.includes("?>")))throw new Error("Failed to serialize XML: processing instruction node data is not well-formed.");return`<?${e.target} ${e.data}?>`}(e,0,0,n);case l.ATTRIBUTE_NODE:return"";case l.CDATA_SECTION_NODE:return function serializeCDATASection(e){return`<![CDATA[${e.data}]]>`}(e);default:throw new TypeError("Failed to serialize XML: only Nodes can be serialized.")}}e.exports=(e,{requireWellFormed:t=!1}={})=>{const r=Object.create(null);return r["http://www.w3.org/XML/1998/namespace"]=["xml"],xmlSerialization(e,null,r,t,{prefixIndex:1})}},39437:(e,t)=>{"use strict";t.name=e=>/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/u.test(e),t.qname=e=>/(?:^[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*:[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$)|(?:^[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$)/u.test(e)},85490:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(13125),a=r(43860),i=r(70178),o=r(64357),l=r(80248),s=function(){function DockingPoint(e,t,r,a,i,o,s,u){(0,n.Z)(this,DockingPoint),(0,l.Z)(this,"dockingPoint",void 0),(0,l.Z)(this,"layer",void 0),(0,l.Z)(this,"isDisabled",void 0),(0,l.Z)(this,"plannerconfig",void 0),this.plannerconfig=s;var c=r.split("_");this.isDisabled=!1;var g=-1;if(c.length>=2)for(var m=1;m<c.length;m++){var h=parseInt(c[m]);if(!isNaN(h)){g=h;break}}else if(r.length>3){var p=parseInt(r.substring(3));isNaN(p)||(g=p)}this.dockingPoint={dpId:t+"_"+r,elementId:e,type:t,name:r,ignoreLayer:"AVR"==t||"AVL"==t||r.indexOf("_IL")>=0,localWorldPos:a,rotDeg:i,isDocking:!1,dpFilter:u},g>=0&&(this.dockingPoint.number=g),this.layer=o}return(0,a.Z)(DockingPoint,[{key:"clone",value:function clone(){var e=new DockingPoint(this.dockingPoint.elementId,this.dockingPoint.type,this.dockingPoint.name,this.dockingPoint.localWorldPos,this.dockingPoint.rotDeg,this.layer,this.plannerconfig,this.dockingPoint.dpFilter);return e.dockingPoint.dpId=this.dockingPoint.dpId,e.dockingPoint.ignoreLayer=this.dockingPoint.ignoreLayer,e.dockingPoint.isDocking=this.dockingPoint.isDocking,e.dockingPoint.number=this.dockingPoint.number,e.dockingPoint.onDP=this.dockingPoint.onDP,e.dockingPoint.onElementId=this.dockingPoint.onElementId,e}},{key:"ElementId",get:function get(){return this.dockingPoint.elementId}},{key:"Name",get:function get(){return this.dockingPoint.name}},{key:"LocalWorldPos",get:function get(){return this.dockingPoint.localWorldPos}},{key:"RotDeg",get:function get(){return this.dockingPoint.rotDeg}},{key:"Type",get:function get(){return this.dockingPoint.type}},{key:"IsDocking",get:function get(){return this.dockingPoint.isDocking}},{key:"Layer",get:function get(){return this.layer}},{key:"IgnoreLayer",get:function get(){return this.dockingPoint.ignoreLayer}},{key:"HasNumber",get:function get(){return null!=this.dockingPoint.number}},{key:"Number",get:function get(){return this.dockingPoint.number}},{key:"PlannerConfig",get:function get(){return this.plannerconfig}},{key:"IsDisabled",get:function get(){return this.isDisabled}},{key:"DPFilter",get:function get(){return this.dockingPoint.dpFilter}},{key:"doDock",value:function doDock(e,t){this.dockingPoint.isDocking=!0,this.dockingPoint.onDP=e,this.dockingPoint.onElementId=t}},{key:"undock",value:function undock(){this.dockingPoint.isDocking=!1,this.dockingPoint.onDP=void 0,this.dockingPoint.onElementId=void 0}},{key:"disableDP",value:function disableDP(e){this.isDisabled=e}},{key:"OnDP",get:function get(){return this.dockingPoint.onDP}},{key:"OnElementId",get:function get(){return this.dockingPoint.onElementId}},{key:"DpId",get:function get(){return this.dockingPoint.dpId}}])}(),u=i.ZP.initLog("Planner","WEB-PLANNER-LOGIC");const c=new(function(){return(0,a.Z)((function DockingPointHandler(){(0,n.Z)(this,DockingPointHandler)}),[{key:"getRotOfDP",value:function getRotOfDP(e,t){var r=o.FM.getDirection(t,e),n=new o.FM(0,1),a=o.FM.angleDeg(n,r);return r.x>0?360-a:a}},{key:"getReferenceDPType",value:function getReferenceDPType(e){switch(e){case"AVR":return"AVL";case"AVL":return"AVR";case"AVO":return"AVU";case"AVU":return"AVO";case"AVC":return"AVC";case"AVS":return"AVN";case"AVN":return"AVS"}return""}},{key:"sortDockingPoints",value:function sortDockingPoints(e,t){return"LEFT_TO_RIGHT"==e?t.sort((function(e,t){return e.LocalWorldPos.x>t.LocalWorldPos.x?1:-1})):t.sort((function(e,t){return e.LocalWorldPos.x<t.LocalWorldPos.x?1:-1}))}},{key:"checkDPAVLFilterDoMatch",value:function checkDPAVLFilterDoMatch(e,t){var r=e.FilterAVR,n=t.FilterAVL;if(0==n.length&&0==r.length)return!0;for(var a=0;a<r.length;a++)for(var i=0;i<n.length;i++)if(r[a]==n[i])return!0;return!1}},{key:"checkDPAVRFilterDoMatch",value:function checkDPAVRFilterDoMatch(e,t){var r=e.FilterAVL,n=t.FilterAVR;if(0==r.length&&0==n.length)return!0;for(var a=0;a<r.length;a++)for(var i=0;i<n.length;i++)if(r[a]==n[i])return!0;return!1}},{key:"checkDPsDoMatch",value:function checkDPsDoMatch(e,t,r,n){var a=this.checkDPAVRFilterDoMatch(r,n),i=this.checkDPAVLFilterDoMatch(r,n),o=this.getReferenceDPType(e.Type);if("AVL"==o&&!i)return!1;if("AVR"==o&&!a)return!1;if(t.Type!=o)return!1;if(e.IsDocking||t.IsDocking)return!1;if(!e.IgnoreLayer||!t.IgnoreLayer){var l=!0;if(!e.PlannerConfig.ignoreLayerAVC||"AVC"!=e.Type&&"AVC"!=t.Type||(l=!1),!e.PlannerConfig.ignoreLayerAVOAVU||"AVO"!=e.Type&&"AVU"!=e.Type||"AVO"!=t.Type&&"AVU"!=t.Type||(l=!1),!e.PlannerConfig.ignoreLayerAVNAVS||"AVN"!=e.Type&&"AVS"!=e.Type||"AVN"!=t.Type&&"AVS"!=t.Type||(l=!1),l&&t.Layer==e.Layer)return!1}return!e.HasNumber||!t.HasNumber||e.Number==t.Number}},{key:"doDock",value:function doDock(e,t,r,n){e.doDock(t,n),t.doDock(e,r)}},{key:"initDockingPointsFromSvg",value:function initDockingPointsFromSvg(e,t,r,n){e.saveCurrentDPState(),this.removeDockingPointRelations(e),e.clearAllDockingPoints();for(var a=0;a<t.length;a++){var l=t[a],u=new o.FM((l.x1-r.svgMinXVal)/i.ZP.UnitRecalc,(l.y1-r.svgMinYVal)/i.ZP.UnitRecalc),c=new o.FM((l.x2-r.svgMinXVal)/i.ZP.UnitRecalc,(l.y2-r.svgMinYVal)/i.ZP.UnitRecalc),g=this.getRotOfDP(u,c),m=void 0;"AVL"==l.dockingType?m=e.getFilterAVL():"AVR"==l.dockingType&&(m=e.getFilterAVR());var h=new s(e.getElementId(),l.dockingType,l.dockingName,new o.P(u.x,0,u.y),g,e.Layer,n,m);e.addDockingPoint(h)}}},{key:"removeDockingPointRelations",value:function removeDockingPointRelations(e){for(var t=e.getDockingPoints(),r=0;r<t.length;r++){var n=t[r];if(n.IsDocking)n.OnDP.undock(),n.undock()}}},{key:"removeDockingPointRelationsByType",value:function removeDockingPointRelationsByType(e,t){for(var r=[],n=e.getDockingPoints(),a=0;a<n.length;a++){var i=n[a];if(t.indexOf(i.Type)>-1&&i.IsDocking){var o=i.OnDP;r.push(o.ElementId),o.undock(),i.undock()}}return r}},{key:"searchDockableElementsInArea",value:function searchDockableElementsInArea(e,t,r){for(var n=e.getAllDockingPoints(),a=new Map,i=0;i<t.length;i++){var o=t[i];if(e.getElementId()!=o.getElementId())for(var l=0;l<n.length;l++)for(var s=n[l],u=this.getReferenceDPType(s.Type),c=o.getFreeDockingPointsByType(u),g=0;g<c.length;g++){var m=c[g];if(this.checkDPsDoMatch(s,m,e,o)){var h=e.getWorldPosOfDP(s.DpId),p=o.getWorldPosOfDP(m.DpId),d=Math.sqrt(Math.pow(h.x-p.x,2)+Math.pow(h.z-p.z,2));0!=r&&(r==1/0||d<r)&&(a.has(s.Type)?d<a.get(s.Type).distance&&a.set(s.Type,{sourceDP:s,targetDP:m,distance:d}):a.set(s.Type,{sourceDP:s,targetDP:m,distance:d}))}}}return a}},{key:"tryDockElement",value:function tryDockElement(e,t,r){var n=e.getDockingPointsByType(t);if(!n)return!1;for(var a=this.getReferenceDPType(t),i=0;i<r.length;i++){var o=r[i];if(o.ElementId!=e.ElementId&&((e.IsAccessoire||!o.IsAccessoire||o.getParentElementId()==e.getElementId())&&(!e.IsAccessoire||o.getAccessoires().includes(e.ArticleCodex)))){var l=o.getDockingPointsByType(a);if((e.getIsDockedAccessoire()||e.IsAccessoire)&&(l=this.sortDockingPoints("LEFT_TO_RIGHT",l)),l)for(var s=0;s<l.length;s++)for(var u=l[s],c=0;c<n.length;c++){var g=n[c];if(this.checkDPsDoMatch(g,u,e,o))return this.doDock(g,u,e.ElementId,o.ElementId),g}}}return!1}},{key:"tryDockElementToDP",value:function tryDockElementToDP(e,t,r){var n=this.getReferenceDPType(r.Type),a=e.getFreeDockingPointsByType(n);if(!a)return!1;for(var i=0;i<a.length;i++)if(this.checkDPsDoMatch(a[i],r,e,t))return this.doDock(a[i],r,e.ElementId,t.ElementId),a[i];return!1}},{key:"tryDockElementDPToDP",value:function tryDockElementDPToDP(e,t,r,n){return!!this.checkDPsDoMatch(r,n,e,t)&&(this.doDock(r,n,e.getElementId(),t.getElementId()),!0)}},{key:"updateDockingRelations",value:function updateDockingRelations(e){var t=[],r=[];e.forEach((function(e,n){e.IsDockedAccessoire?r.push(e):t[e.PosNr-1]=e})),t=t.concat(r);for(var n=[],a=0;a<t.length;a++)if(t[a])for(var i=t[a],o=i.getTempDockingPoints(),l=0;l<o.length;l++){var s=o[l];if(s.IsDocking&&s.OnElementId){var u=i.getDockingPointById(s.DpId);if(null==u){var c=e.get(s.OnElementId),g=i.getFreeDockingPointsByType(s.Type);if(1==g.length){var m=null==c?void 0:c.getFreeDockingPointsByType(this.getReferenceDPType(s.Type));if(1==(null==m?void 0:m.length)){this.tryDockElementDPToDP(i,c,g[0],m[0]);continue}}c&&n.push(c);continue}if(e.has(s.OnElementId)){var h=e.get(s.OnElementId),p=null==h?void 0:h.getDockingPointById(s.OnDP.DpId);this.tryDockElementDPToDP(i,h,u,p)}}}for(a=0;a<t.length;a++)t[a]&&t[a].clearTempDockingPoints();return n}},{key:"initDockingPointRelationByArea",value:function initDockingPointRelationByArea(e,t,r){if(e.getFreeDockingPointsByType(r).length>0){var n=this.searchDockableElementsInArea(e,[t],1/0);if(n.has(r)){var a=n.get(r);if(a)this.tryDockElementDPToDP(e,t,a.sourceDP,a.targetDP)||u.debug("Error when initializing docking Points. Two dockingpoints could not be matched. sourceDP: "+a.sourceDP.DpId+"; sourceRlementId: "+a.sourceDP.ElementId+"; targetDP: "+a.targetDP.DpId+" targetElemId: "+a.targetDP.ElementId)}}}},{key:"checkElementsAreDocking",value:function checkElementsAreDocking(e,t){for(var r=e.getDockingDockingPoints(),n=0;n<r.length;n++){if(r[n].OnElementId==t.getElementId())return!0}return!1}}])}())},55403:(e,t,r)=>{"use strict";r.d(t,{Z:()=>b});var n=r(84658),a=r(13125),i=r(43860),o=r(80248),l=r(50747),s=r.n(l),u=r(12952),c=r(63846),g=r(70178),m=r(68122),h=r.n(m),p=r(64357),d=g.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),f=function(){return(0,i.Z)((function SVGUtils(){(0,a.Z)(this,SVGUtils)}),[{key:"removeOLFFromSvg",value:function removeOLFFromSvg(e){var t,r=(t=(new DOMParser).parseFromString(e,"application/xml")).evaluate("//*[starts-with(@id,'VIF')]",t,null,7,null);if(r.snapshotLength>0)for(var n=0;n<r.snapshotLength;n++){var a;null===(a=r.snapshotItem(n).parentElement)||void 0===a||a.removeChild(r.snapshotItem(n))}var i=t.evaluate("//*[starts-with(@id,'OLF')]",t,null,7,null);if(i.snapshotLength>0)for(n=0;n<i.snapshotLength;n++){var o;null===(o=i.snapshotItem(n).parentElement)||void 0===o||o.removeChild(i.snapshotItem(n))}return"undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(t):h()(t)}},{key:"getDPsInSVG",value:function getDPsInSVG(e){var t=[],r=(new DOMParser).parseFromString(e,"application/xml"),n=r.evaluate("//*[starts-with(@id,'AV')]",r,null,7,null);if(n.snapshotLength>0)for(var a=0;a<n.snapshotLength;a++){var i=n.snapshotItem(a);if("line"!==(null==i?void 0:i.nodeName))throw new Error("nodename type: "+i.nodeName+" not implemented");t.push({x1:Number(i.getAttribute("x1")),y1:Number(i.getAttribute("y1")),x2:Number(i.getAttribute("x2")),y2:Number(i.getAttribute("y2")),dockingName:i.getAttribute("id"),dockingType:i.getAttribute("id").substring(0,3)})}return t.sort((function(e,t){return"AVL"===e.dockingType||"AVR"===e.dockingType&&["AVR","AVC","AVU","AVO","AVS","AVN"].includes(t.dockingType)?-1:0})),t}},{key:"getPointOfPoligonById",value:function getPointOfPoligonById(e,t){var r=[],n=(new DOMParser).parseFromString(e,"application/xml"),a=n.evaluate("//*[starts-with(@id,'"+t+"')]",n,null,7,null);if(!(a.snapshotLength>1||0==a.snapshotLength)){for(var i=0;i<a.snapshotLength;i++){var o=a.snapshotItem(i);if("polygon"===(null==o?void 0:o.nodeName)){var l=o.getAttribute("points");if(!l)return;for(var s=l.split(" "),u=0;u<s.length;u++){var c=s[u].split(",");2===c.length&&r.push(new p.FM(Number(c[0]),Number(c[1])))}}}return r}}},{key:"getBoundingBoxOfPoints",value:function getBoundingBoxOfPoints(e){var t=e.map((function(e){return e.x})),r=e.map((function(e){return e.y})),n=Math.min.apply(Math,(0,u.Z)(t)),a=Math.max.apply(Math,(0,u.Z)(t)),i=Math.min.apply(Math,(0,u.Z)(r));return{width:a-n,height:Math.max.apply(Math,(0,u.Z)(r))-i}}},{key:"removeMaskFromSvg",value:function removeMaskFromSvg(e){if(e.toLowerCase().indexOf("<mask")>=0){for(var t,r=(t=(new DOMParser).parseFromString(e,"image/svg+xml")).evaluate('//*["mask"=local-name()]',t,null,7,null),n=0;n<r.snapshotLength;n++){var a;null===(a=r.snapshotItem(n).parentElement)||void 0===a||a.removeChild(r.snapshotItem(n))}var i=t.evaluate("//*[@mask]",t,null,7,null);for(n=0;n<i.snapshotLength;n++){var o;null===(o=i.snapshotItem(n).parentElement)||void 0===o||o.removeChild(i.snapshotItem(n))}return"undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(t):h()(t)}return e}},{key:"ccCheckStretchAreas",value:function ccCheckStretchAreas(e,t,r,n,a,i,o){var l,s,u,m,p,f,F,v=g.ZP.UnitRecalc,b=t*v,A=r*v,D=[],P=[],y=[],k=[],x=0,L=0,w=0,S=0,E=0,O=0,T=0,I=0,N=!1,V=0,M=0,C="",R=new RegExp("svg","g"),B=(e=e.replace(R,"xxx"),new DOMParser);l=B.parseFromString(e,"application/xml"),s=l.getElementsByTagName("xxx")[0],R=new RegExp("xxx","g"),function correctSVG(e){var t=e.getAttribute("viewBox");t&&null==e.getAttribute("width")&&e.setAttribute("width",t.split(" ")[2]);t&&null==e.getAttribute("height")&&e.setAttribute("height",t.split(" ")[3]);var r,n=e.getAttribute("width");n.indexOf("mm")>0?(r=parseFloat(n.substring(0,n.length-2)),r*=v):r=n.indexOf("px")>0?parseFloat(n.substring(0,n.length-2)):parseFloat(n);e.setAttribute("width",r.toString());var a,i=e.getAttribute("height");i.indexOf("mm")>0?(a=parseFloat(i.substring(0,i.length-2)),a*=v):a=i.indexOf("px")>0?parseFloat(i.substring(0,i.length-2)):parseFloat(i);e.setAttribute("height",a.toString()),t||e.setAttribute("viewBox","0 0 "+r+" "+a)}(s),F=function calcScaleFactorSvgViewBox(e){var t=e.getAttribute("viewBox"),r=1,n=1;if(null!=t){var a=Number(e.getAttribute("width")),i=t.split(" "),o=Number(i[2]);r=a/o;var l=Number(e.getAttribute("height")),s=Number(i[3]);n=l/s}return new c.fabric.Point(r,n)}(s),function recalcScaleFactorSvgViewBox(e){if(null!=e.getAttribute("viewBox")){var t,r=Math.ceil(parseFloat(e.getAttribute("width"))),n=Math.ceil(parseFloat(e.getAttribute("height"))),a=e.getAttribute("x");a?(a.indexOf("mm")>0?(t=parseFloat(a.substring(0,a.length-2)),t*=v):t=a.indexOf("px")>0?parseFloat(a.substring(0,a.length-2)):parseFloat(a),t=Math.ceil(t)):t=0;var i,o=e.getAttribute("y");o?(o.indexOf("mm")>0?(i=parseFloat(o.substring(0,o.length-2)),i*=v):i=o.indexOf("px")>0?parseFloat(o.substring(0,o.length-2)):parseFloat(o),i=Math.ceil(i)):i=0,e.setAttribute("viewBox",t+" "+i+" "+r+" "+n)}}(s),function correctSVGViewBoxScale(e,t){if(1==t.x&&1==t.y)return;var r=e.children;if(!r)return;for(var n=0;n<r.length;n++){switch(r[n].tagName){case"rect":correctViewBoxScaleRectangle(r[n],t);break;case"polygon":correctViewBoxScalePolygon(r[n],t);break;case"path":correctViewBoxScalePath(r[n],t);break;case"line":correctViewBoxScaleLine(r[n],t);break;case"style":correctViewBoxScaleStyle(r[n],t)}correctSVGViewBoxScale(r[n],t)}}(s,F);var z=Math.round(parseFloat(s.getAttribute("width"))/v*100)/100,_=Math.round(parseFloat(s.getAttribute("height"))/v*100)/100;function correctViewBoxScaleStyle(e,t){"text/css"!=e.getAttribute("type")&&d.debug("Warnung komisches style Element bei diesem CSS.");for(var r=e.innerHTML.split("{"),n="",a=0;a<r.length;a++){var i=r[a].indexOf("width");if(i>=0){for(var o="",l=-1,s=-1,u=i+"width".length;u<r[a].length;u++){if(";"==r[a][u]||"}"==r[a][u]){s=u;break}l>-1&&(o+=r[a][u]),":"==r[a][u]&&(l=u)}var c=parseFloat(o)*t.x,g=r[a].substring(0,l+1)+c+r[a].substring(s,r[a].lenght);r[a]=g}var m=r[a].indexOf("height");if(m>=0){for(o="",l=-1,s=-1,u=m+"height".length;u<r[a].length;u++){if(";"==r[a][u]||"}"==r[a][u]){s=u;break}l>-1&&(o+=r[a][u]),":"==r[a][u]&&(l=u)}c=parseFloat(o)*t.y,g=r[a].substring(0,l+1)+c+r[a].substring(s,r[a].lenght);r[a]=g}n+=r[a],a<r.length-1&&(n+="{")}e.innerHTML=n}function correctViewBoxScaleLine(e,t){var r=e.getAttribute("x1");r||(r=0);var n=e.getAttribute("x2"),a=e.getAttribute("y1");a||(a=0);var i=e.getAttribute("y2");e.setAttribute("x1",parseFloat(r)*t.x),e.setAttribute("y1",parseFloat(a)*t.y),e.setAttribute("x2",parseFloat(n)*t.x),e.setAttribute("y2",parseFloat(i)*t.y)}function correctViewBoxScalePath(e,t){var r=getPathStringFromPathElement(createPathElement(e.getAttribute("d"),t));e.setAttribute("d",r)}function correctViewBoxScalePolygon(e,t){var r=createPolygonElement(e.getAttribute("points"),t);e.setAttribute("points",r.points)}function correctViewBoxScaleRectangle(e,t){var r=e.getAttribute("x");r||(r=0);var n=e.getAttribute("y");n||(n=0);var a=e.getAttribute("width"),i=e.getAttribute("height");e.setAttribute("x",parseFloat(r)*t.x),e.setAttribute("y",parseFloat(n)*t.y),e.setAttribute("width",parseFloat(a)*t.x),e.setAttribute("height",parseFloat(i)*t.y)}function resizeXml(e,t,r,a){var i="OLT"==r?x:w,o="OLT"==r?L:S;if(!n&&P[0]&&t!=o){"OLT"==r?L=t:S=t;for(var l=round(t-o),u=0,c=0;c<P.length;c++)P[c].setAttribute("y",round(parseFloat(P[c].getAttribute("y"))+u)),P[c].setAttribute("height",round(l*k[c])),u+=round(l*k[c]);fixXMLObject(s,"SAV",r)}if(!n&&e!=i&&D[0]){"OLT"==r?x=e:w=e;var g=round(e-i),m=0;for(c=0;c<D.length;c++)"OLT"==r&&(D[c].setAttribute("x",round(parseFloat(D[c].getAttribute("x"))+m)),m+=round(g*y[c])),D[c].setAttribute("width",round(g*y[c]));fixXMLObject(s,"SAH",r)}var h=!1;n&&t!=o&&(f=t/o,h=!0,"OLT"==r?L=t:S=t),n&&e!=i&&(p=e/i,h=!0,"OLT"==r?x=e:w=e),h&&fixXMLObject(s,"GLOBAL_SCALE",r),a()}function fixXMLObject(e,t,r){var n,a;"OLT"==r?(n="VIF",a="OLF"):(n="VIT",a="OLT");for(var i=e.children,o=0;o<i.length;o++)if(i[o].getAttribute("id")!=n&&i[o].getAttribute("id")!=a){switch(i[o].localName){case"g":break;case"rect":(!i[o].hasAttribute("id")||"SAV"!=i[o].getAttribute("id").substring(0,3)&&"SAH"!=i[o].getAttribute("id").substring(0,3))&&e.replaceChild(fixRectangle(i[o],t),i[o]);break;case"path":var l=fixPath(createPathElement(i[o].getAttribute("d")),t);i[o].setAttribute("d",l);break;case"line":i[o].hasAttribute("id")&&"AV"==i[o].getAttribute("id").substring(0,2)?"OLT"==r&&e.replaceChild(fixLine(i[o],t),i[o]):e.replaceChild(fixLine(i[o],t),i[o]);break;case"polygon":case"polyline":var s=fixPolygon(createPolygonElement(i[o].getAttribute("points")),t);i[o].setAttribute("points",s);break;case"image":fixImage(i[o],t)}fixXMLObject(i[o],t,r)}}function fixImage(e,t){if(e.setAttribute("preserveAspectRatio","none"),"SAH"==t){var r=parseInt(e.getAttribute("width"),10),n=b/u;r=Math.round(r*n),e.setAttribute("width",r+"px")}else if("SAV"==t){var a=parseInt(e.getAttribute("height"),10),i=A/m;a=Math.round(a*i),e.setAttribute("height",a+"px")}}function fixLine(e,t){var r,n,a,i;if("SAH"==t)for(var o=0;o<D.length;o++){r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2"));var l=parseFloat(D[o].getAttribute("x"));scaleLineX(r,a,l,round(l+parseFloat(D[o].getAttribute("width"))))}else if("SAV"==t)for(o=0;o<P.length;o++){n=parseFloat(e.getAttribute("y1")),i=parseFloat(e.getAttribute("y2"));var s=parseFloat(P[o].getAttribute("y"));scaleLineY(n,i,s,round(s+parseFloat(P[o].getAttribute("height"))))}else"GLOBAL_SCALE"==t&&(r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2")),n=parseFloat(e.getAttribute("y1")),i=parseFloat(e.getAttribute("y2")),e.setAttribute("x1",round(r*p)),e.setAttribute("x2",round(a*p)),e.setAttribute("y1",round(n*f)),e.setAttribute("y2",round(i*f)));function scaleLineX(t,r,n,a){t>n?(e.setAttribute("x1",round(t+(a-n))),e.setAttribute("x2",round(r+(a-n)))):t<n&&r>n&&e.setAttribute("x2",round(r+(a-n)))}function scaleLineY(t,r,n,a){t>n?(e.setAttribute("y1",round(t+(a-n))),e.setAttribute("y2",round(r+(a-n)))):t<n&&r>n&&e.setAttribute("y2",round(r+(a-n)))}return e}function fixPolygon(e,t){if("SAH"==t)for(var r=0;r<D.length;r++)for(var n=parseFloat(D[r].getAttribute("x")),a=round(n+parseFloat(D[r].getAttribute("width"))),i=0;i<e.points.length;i++)e.points[i].x>n&&(e.points[i].x+=a-n);else if("SAV"==t)for(r=0;r<P.length;r++){var o=parseFloat(P[r].getAttribute("y")),l=round(o+parseFloat(P[r].getAttribute("height")));for(i=0;i<e.points.length;i++)e.points[i].y>o&&(e.points[i].y+=l-o)}else if("GLOBAL_SCALE"==t)for(i=0;i<e.points.length;i++)e.points[i].x=e.points[i].x*p,e.points[i].y=e.points[i].y*f;var s="";for(i=0;i<e.points.length;i++)s+=e.points[i].x+","+e.points[i].y+" ";return s}function fixRectangle(e,t){if("SAH"==t)for(var r=0;r<D.length;r++){var n=parseFloat(e.getAttribute("x")),a=round(n+parseFloat(e.getAttribute("width"))),i=parseFloat(D[r].getAttribute("x"));scaleRectX(n,a,i,round(i+parseFloat(D[r].getAttribute("width"))))}else if("SAV"==t)for(r=0;r<P.length;r++){var o=parseFloat(P[r].getAttribute("y")),l=round(o+parseFloat(P[r].getAttribute("height"))),s=parseFloat(e.getAttribute("y"));scaleRectY(s,round(s+parseFloat(e.getAttribute("height"))),o,l)}else if("GLOBAL_SCALE"==t){var u=parseFloat(e.getAttribute("x")),c=parseFloat(e.getAttribute("width")),g=parseFloat(e.getAttribute("y")),m=parseFloat(e.getAttribute("height"));e.setAttribute("x",round(u*p)),e.setAttribute("width",round(c*p)),e.setAttribute("y",round(g*f)),e.setAttribute("height",round(m*f))}function scaleRectX(t,r,n,a){t<=n&&r>=n?e.setAttribute("width",round(r-t+(a-n))):t>n&&e.setAttribute("x",round(t+(a-n)))}function scaleRectY(t,r,n,a){t<=n&&r>=n?e.setAttribute("height",round(r-t+(a-n))):t>n&&e.setAttribute("y",round(t+(a-n)))}return e}function fixPath(e,t){if("SAH"==t)for(var r=0;r<D.length;r++)for(var n,a=parseFloat(D[r].getAttribute("x")),i=round(a+parseFloat(D[r].getAttribute("width"))),o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"L":case"H":n=e.elements[o].parameter[0],e.elements[o].parameter[0]>a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)));break;case"m":case"l":case"h":(l=e.elements[o].parameter[0])>=0&&n<a&&n+e.elements[o].parameter[0]>a?e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)):l<0&&n>=a&&n+e.elements[o].parameter[0]<a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(i-a))),n+=l;break;case"C":n=e.elements[o].parameter[4],e.elements[o].parameter[4]>a&&(e.elements[o].parameter[4]=round(e.elements[o].parameter[4]+(i-a)),e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a)));break;case"c":var l=e.elements[o].parameter[4];(n<a&&e.elements[o].parameter[4]+n>a||l<0&&n>=a&&n+e.elements[o].parameter[0]<a)&&(e.elements[o].parameter[4]=round(e.elements[o].parameter[4]+(i-a)),e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a))),n+=l;break;case"S":n=e.elements[o].parameter[2],e.elements[o].parameter[2]>a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a)));break;case"s":l=e.elements[o].parameter[2];n<a&&e.elements[o].parameter[2]+n>a?(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a))):l<0&&n>=a&&n+e.elements[o].parameter[0]<a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]-(i-a))),n+=l}else if("SAV"==t)for(r=0;r<P.length;r++){var s,u=parseFloat(P[r].getAttribute("y")),c=round(u+parseFloat(P[r].getAttribute("height")));for(o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"L":s=e.elements[o].parameter[1],e.elements[o].parameter[1]>u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)));break;case"m":case"l":l=e.elements[o].parameter[1];s<u&&e.elements[o].parameter[1]+s>u?e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)):l<0&&s>=u&&s+e.elements[o].parameter[1]<u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u))),s+=l;break;case"V":s=e.elements[o].parameter[0],e.elements[o].parameter[0]>u&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(c-u)));break;case"v":l=e.elements[o].parameter[0];s<u&&e.elements[o].parameter[0]+s>u?e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(c-u)):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(c-u))),s+=l;break;case"C":s=e.elements[o].parameter[5],e.elements[o].parameter[5]>u&&(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]+(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u)));break;case"c":l=e.elements[o].parameter[5];s<u&&e.elements[o].parameter[5]+s>u?(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]+(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u))):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]-(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]-(c-u))),s+=l;break;case"S":s=e.elements[o].parameter[3],e.elements[o].parameter[3]>u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u)));break;case"s":l=e.elements[o].parameter[3];s<u&&e.elements[o].parameter[3]+s>u?(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u))):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]-(c-u))),s+=l}}else if("GLOBAL_SCALE"==t)for(o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"m":case"l":case"L":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*p),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*f);break;case"v":case"V":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*f);break;case"h":case"H":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*p);break;case"C":case"c":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*p),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*f),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]*p),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]*f),e.elements[o].parameter[4]=round(e.elements[o].parameter[4]*p),e.elements[o].parameter[5]=round(e.elements[o].parameter[5]*f);break;case"S":case"s":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*p),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*f),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]*p),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]*f)}return getPathStringFromPathElement(e)}function getPathStringFromPathElement(e){for(var t="",r=0;r<e.elements.length;r++)if(t+=e.elements[r].command,"z"!=e.elements[r].command)for(var n=0;n<e.elements[r].parameter.length;n++)t+=e.elements[r].parameter[n],n!=e.elements[r].parameter.length-1&&(t+=",");return t}function fixViewBox(e,t,r){var n="",a=T+w>E+x?T+w:E+x,i=I+S>O+L?I+S:O+L;if(e.setAttribute("height",(Math.round(100*i)/100).toString()),e.setAttribute("width",(Math.round(100*a)/100).toString()),t=Math.round(100*t)/100,r=Math.round(100*r)/100,e.hasAttribute("x")&&e.hasAttribute("y"))n=Number.parseFloat(e.getAttribute("x").substring(0,e.getAttribute("x").length-2))+t+" "+(Number.parseFloat(e.getAttribute("y").substring(0,e.getAttribute("y").length-2))+r)+" "+Math.round(100*a)/100+" "+Math.round(100*i)/100;else{var o=e.getAttribute("viewBox").split(" ");n=Number.parseFloat(o[0])+t+" "+(Number.parseFloat(o[1])+r),n=D[0]?n+" "+Math.round(100*a)/100:n+" "+o[2],n=P[0]?n+" "+Math.round(100*i)/100:n+" "+o[3]}var l="new "+n;return e.setAttribute("x",t),e.setAttribute("y",r),e.setAttribute("viewBox",n),e.setAttribute("enable-background",l),e.setAttribute("style","enable-background:new "+n+";"),e}function createPolygonElement(e,t){var r=!0,n="",a="",i=[],o={},l=e.includes(",")?",":e.includes(" ")?" ":",";e=e.trimEnd().trimStart();for(var s=0;s<e.length;s++){var u=e.charAt(s);r||" "!=u?u==l?r=!1:r?n+=u:a+=u:""!=n&&(i.push(createPoint(n,a)),n="",a="",r=!0)}function createPoint(e,t){var r={};return r.x=parseFloat(e),r.y=parseFloat(t),r}return""!=n&&(!t||1==t.x&&1==t.y?i.push(createPoint(n,a)):i.push(createPoint(n,a)*t)),o.points=i,o}function createPathElement(e,t){for(var r,n,a=[],i=[],o=0,l={},s=0;s<e.length;s++){var u=e.charAt(s);" "==u&&s-1>0&&(1===(n=e.charAt(s-1)).length&&n.match(/[a-z]/i))||(" "==u||isNaN(u)&&"."!=u&&"-"!=u?","==u||" "==u?(null!=i[o]&&(i[o]=parseFloat(i[o])),isNaN(e.charAt(s+1))||" "==e.charAt(s+1)||o++):" "!=u&&"."!=u&&"-"!=u&&(null==r?r=u:(null!=i[o]&&(i[o]=parseFloat(i[o]),checkForSkippedLiterals(t),"z"==u&&a.push(createPoint("z",null))),r=u,i=[],o=0)):null!=i[o]&&"-"==u?(i[o]=parseFloat(i[o]),o++,i[o]=u):null!=i[o]?i[o]+=u:i[o]=u)}function checkForSkippedLiterals(e){var t=0;switch(r){case"M":case"m":case"L":case"l":t=2;break;case"H":case"h":case"V":case"v":t=1;break;case"C":case"c":t=6;break;case"S":case"s":t=4;break;default:return void d.error(new g.GE("svg path command: "+r+" unknown"))}for(var n=0;n<i.length;n+=t){for(var o=[],l=0;l<t;l++)o.push(i[n+l]);a.push(createPoint(r,o,e))}}function createPoint(e,t,r){var n={};if(n.command=e,n.parameter=t,r&&(1!=r.x||1!=r.y))switch(n.command){case"M":case"m":case"L":case"l":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y;break;case"H":case"h":n.parameter[0]=n.parameter[0]*r.x;break;case"V":case"v":n.parameter[0]=n.parameter[0]*r.y;break;case"C":case"c":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y,n.parameter[2]=n.parameter[2]*r.x,n.parameter[3]=n.parameter[3]*r.y,n.parameter[4]=n.parameter[4]*r.x,n.parameter[5]=n.parameter[5]*r.y;break;case"S":case"s":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y,n.parameter[2]=n.parameter[2]*r.x,n.parameter[3]=n.parameter[3]*r.y}return n}return"z"!=e.charAt(e.length-1)&&checkForSkippedLiterals(t),l.elements=a,l}function round(e){return Math.round(1e3*e)/1e3}return 0==b&&(z=parseFloat(s.getAttribute("width"))),0==A&&(A=parseFloat(s.getAttribute("height"))),function correctTEAttributes(){var e=l.evaluate("//*[starts-with(@id,'TE')]",l,null,7,null);if(0==e.snapshotLength){var t=l.evaluate("//*[starts-with(@id,'OLT')]",l,null,7,null);if(t.snapshotLength>0)for(var r=0;r<t.snapshotLength;r++){var n;if("g"!=(null===(n=t.snapshotItem(r))||void 0===n?void 0:n.nodeName)){var a,i=null===(a=t.snapshotItem(r))||void 0===a?void 0:a.parentNode;"g"==i.tagName&&i.setAttribute("id","TE")}}e=l.evaluate("//*[starts-with(@id,'TE')]",l,null,7,null)}if(e.snapshotLength>0)for(r=0;r<e.snapshotLength;r++){var o;if("g"==(null===(o=e.snapshotItem(r))||void 0===o?void 0:o.nodeName))e.snapshotItem(r).setAttribute("display","none")}}(),function findStretchAreas(e,t,r){var n=0,a=0,i=0,o=l.evaluate("//*[starts-with(@id,'SAH')]",l,null,7,null),s=[];for(i=0;i<o.snapshotLength;i++)s.push(o.snapshotItem(i));for(i=0;i<s.length;i++)"polygon"==s[i].nodeName&&(s[i]=convertPolygonToRect(s[i],l)),"rect"==s[i].nodeName&&(s[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(s[i],t)),n+=parseFloat(s[i].getAttribute("width")),D.push(s[i]);var g=l.evaluate("//*[starts-with(@id,'SAV')]",l,null,7,null),h=[];for(i=0;i<g.snapshotLength;i++)h.push(g.snapshotItem(i));for(i=0;i<h.length;i++)"polygon"==h[i].nodeName&&(h[i]=convertPolygonToRect(h[i],l)),"rect"==h[i].nodeName&&(h[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(h[i],t)),a+=parseFloat(h[i].getAttribute("height")),P.push(h[i]);var p=l.evaluate("//*[starts-with(@id,'OLF')]",l,null,7,null);for(i=0;i<p.snapshotLength;i++)N=!0,calcOlfAndOlt(p.snapshotItem(i),"OLF");var d=l.evaluate("//*[starts-with(@id,'OLT')]",l,null,7,null);for(i=0;i<d.snapshotLength;i++){var f;d.snapshotLength>1&&"TE"!=(null===(f=d.snapshotItem(i))||void 0===f||null===(f=f.parentElement)||void 0===f?void 0:f.getAttribute("id"))||calcOlfAndOlt(d.snapshotItem(i),"OLT")}N&&(V=w-x,M=S-L);function convertPolygonToRect(e,t){var r=t.createElement("rect");r.setAttribute("id",e.getAttribute("id"));var n=createPolygonElement(e.getAttribute("points")).points;if(n.length>0){for(var a=n[0].x,i=n[0].x,o=n[0].y,l=n[0].y,s=1;s<n.length;s++)n[s].x<a?a=n[s].x:n[s].x>i&&(i=n[s].x),n[s].y<o?o=n[s].y:n[s].y>l&&(l=n[s].y);r.setAttribute("x",a),r.setAttribute("y",o),r.setAttribute("width",i-a),r.setAttribute("height",l-o),e.parentElement.appendChild(r),r.parentElement.removeChild(e)}return r}function calcOlfAndOlt(e,t,r){switch(e.localName){case"rect":e.hasAttribute("x")||e.setAttribute("x","0"),null==!e.hasAttribute("y")&&e.setAttribute("y","0"),"OLT"==t?(x=parseFloat(e.getAttribute("width")),L=parseFloat(e.getAttribute("height"))):"OLF"==t&&(w=parseFloat(e.getAttribute("width")),S=parseFloat(e.getAttribute("height")));break;case"polygon":var n,a,i=createPolygonElement(e.getAttribute("points")),o=0,l=0;i.points[0]&&(n=i.points[0].x,a=i.points[0].y);for(var s=0;s<i.points.length;s++)i.points[s].x>o&&(o=i.points[s].x),i.points[s].y>l&&(l=i.points[s].y),i.points[s].x<n&&(n=i.points[s].x),i.points[s].y<a&&(a=i.points[s].y);"OLT"==t?(x=o-n,L=l-a,E=n,O=a):"OLF"==t&&(w=o-n,S=l-a,T=n,I=a);break;case"path":var u=new c.fabric.Path(e.getAttribute("d"));"OLT"==t?(x=u.width,L=u.height):"OLF"==t&&(w=u.width,S=u.height);break;case"g":var g=e.children;e.setAttribute("id","");for(s=0;s<g.length;s++){switch(g[s].localName){case"rect":case"path":case"polygon":g[s].setAttribute("id",t),calcOlfAndOlt(g[s],t)}break}}}u=x,m=L,function sortSA(){for(var e=0;e<D.length;e++){for(var t=e,r=e+1;r<D.length;r++)parseFloat(D[r].getAttribute("x"))<parseFloat(D[t].getAttribute("x"))&&(t=r);if(t>e){var n=D[e];D[e]=D[t],D[t]=n}}for(e=0;e<P.length;e++){for(t=e,r=e+1;r<P.length;r++)parseFloat(P[r].getAttribute("y"))<parseFloat(P[t].getAttribute("y"))&&(t=r);if(t>e){n=P[e];P[e]=P[t],P[t]=n}}}(),function calcRatioSA(e,t){if(e>0)for(var r=0;r<D.length;r++)y[r]=parseFloat(D[r].getAttribute("width"))/e;if(t>0)for(r=0;r<P.length;r++)k[r]=parseFloat(P[r].getAttribute("height"))/t}(n,a),function clearSA(){for(var e=0;e<D.length;e++)D[e].setAttribute("width","0");for(e=0;e<P.length;e++)P[e].setAttribute("height","0")}(),r()}(s.children,F,(function(){var e;(b/=F.x,A/=F.y,t==z&&r==_)?(e=(e="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):h()(l)).replace(R,"svg"),o(e)):resizeXml(b,A,"OLT",(function(){N?resizeXml(b+V,A+M,"OLF",(function(){s=fixViewBox(s,a,i),C=(C="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):h()(l)).replace(R,"svg"),o(C)})):(s=fixViewBox(s,a,i),C=(C="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):h()(l)).replace(R,"svg"),o(C))}))})),{heightOLF:S,widthOLF:w,heightOLT:L,widthOLT:x}}}])}(),F=r(85490),v=g.ZP.initLog("Planner","WEB-PLANNER-LOGIC");const b=new(function(){return(0,i.Z)((function PlannerHandler2D(){(0,a.Z)(this,PlannerHandler2D),(0,o.Z)(this,"svgUtils",void 0),this.svgUtils=new f}),[{key:"checkCollision",value:function checkCollision(e,t,r){if(g.ZP.startSpanOfApm("PlannerHandler2D checkCollision"),!(e.Layer==t.Layer||r.includes(Number(e.Layer))&&r.includes(Number(t.Layer))))return!1;var n=e.getWorld2DBBoxOutline(),a=t.getWorld2DBBoxOutline(),i=function checkCollisionPolygonPolygon(e,t){for(var r=0;r<e.length;r++)for(var n=e[r],a=e[(r+1)%e.length],i=0;i<t.length;i++){var o=t[i],l=t[(i+1)%t.length];if("Intersection"==c.fabric.Intersection.intersectLineLine(new c.fabric.Point(n.x,n.y),new c.fabric.Point(a.x,a.y),new c.fabric.Point(o.x,o.y),new c.fabric.Point(l.x,l.y)).status)return!0}return!1};if(i(n,a)){if(!e.HasOLTPolygon&&!e.HasOLFPolygon)return v.error(new g.GE("checkCollision PlannerHandler2D - The element with id: "+e.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),g.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;if(!t.HasOLTPolygon&&!t.HasOLFPolygon)return v.error(new g.GE("checkCollision PlannerHandler2D - The element with id: "+t.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),g.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;var o=e.HasOLFPolygon?e.getOLFPolygonWorldPos():e.getOLTPolygonWorldPos(),l=t.HasOLFPolygon?t.getOLFPolygonWorldPos():t.getOLTPolygonWorldPos();return g.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),i(o,l)}return g.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),function checkPolygonInsidePolygon(e,t){for(var r=0,n=0,a=0;a<e.length;a++){for(var i=e[a],o=new p.FM(i.x+999999,i.y),l=0,s=0;s<t.length;s++){var u=t[s],g=t[(s+1)%t.length];"Intersection"==c.fabric.Intersection.intersectLineLine(new c.fabric.Point(i.x,i.y),new c.fabric.Point(o.x,o.y),new c.fabric.Point(u.x,u.y),new c.fabric.Point(g.x,g.y)).status&&l++}if(l%2==0?r++:n++,r>0&&n>0)return!1}return!(r>0&&n>0)&&n==e.length}(n,a)}},{key:"caluclatePNGOfSVG",value:function caluclatePNGOfSVG(e){g.ZP.startSpanOfApm("PlannerHandler2D caluclatePNGOfSVG"),document.createElement("canvas").id="helperCanvasConverter";var t=new c.fabric.Canvas("helperCanvasConverter");t.backgroundColor="#fff",t.setWidth(g.ZP.UnitRecalc*e.getWidthOLT()),t.setHeight(g.ZP.UnitRecalc*e.getHeightOLT());var r=e.getSVGShapeOLT2D();t.add(r),r.bringToFront(),t.renderAll();var n=t.toDataURL({format:"jpeg",quality:1});e.SvgDataOLTBase64=n}},{key:"parseSvg",value:function parseSvg(e,t,r,n,a){var i=this;t=this.svgUtils.removeMaskFromSvg(t),F.Z.initDockingPointsFromSvg(e,this.svgUtils.getDPsInSVG(t),r,n);var o=this.svgUtils.removeOLFFromSvg(t),l=this.svgUtils.getPointOfPoligonById(t,"OLT");null!=l&&l.length||v.warn("no olt fount in svg for element"+e.ArticleCodex+" with id "+e.getElementId()),e.OLTPolygon=l;var s=this.svgUtils.getPointOfPoligonById(t,"OLF");if(null!=s&&s.length){var u=this.svgUtils.getBoundingBoxOfPoints(s),m=u.width,h=u.height;e.setupOLF(s,m,h)}else null!=a&&a.heightOLF,null!=a&&a.widthOLF?e.setupOLF(s,null==a?void 0:a.widthOLF,null==a?void 0:a.heightOLF):e.clearOLF();if("undefined"!=typeof window)return new Promise((function(r,n){c.fabric.loadSVGFromString(t,(function(n,a){e.cleanShapeOLF2D();for(var l=[],s=0,u=0,m=0,h=0,p=0;p<n.length;p++){var d=n[p];if(d.setCoords(),d.id)switch(d.id.toString().substring(0,3)){case"OLF":d.stroke="none";break;case"OLT":d.stroke="none",s=d.top,u=d.left,m=d.width,h=d.height}l.push(d)}var f=c.fabric.util.groupSVGElements(l,a);f.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),e.DoSetWidthFromSVG&&f.width&&(e.WidthFromSVG=f.width/g.ZP.UnitRecalc),e.DoSetDepthFromSVG&&f.height&&(e.DepthFromSVG=f.height/g.ZP.UnitRecalc),e.SvgShapeOLF2D=f,e.OLTDepth=h,e.OLTWidth=m,e.OLTTop=s,e.OLTLeft=u,e.SvgData=t,c.fabric.loadSVGFromString(o,(function(t,a){e.cleanShapeOLT2D();for(var o=0;o<n.length;o++){var l=n[o];l.id&&l.id.toString().startsWith("OLT")&&(a.height=l.height,a.width=l.width)}var s=c.fabric.util.groupSVGElements(t,a);s.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),e.SvgShapeOLT2D=s,i.caluclatePNGOfSVG(e),r()}))}))}))}},{key:"getMinBorderSVG",value:function getMinBorderSVG(e){return"undefined"==typeof window?{svgMinXVal:0,svgMinYVal:0}:new Promise((function(t,r){var n=Number.POSITIVE_INFINITY,a=Number.POSITIVE_INFINITY;c.fabric.loadSVGFromString(e,(function(e,r){for(var i,o=0;o<e.length;o++){var l=e[o];l.id&&(i=l.id.toString()),null!=i&&i.startsWith("AV")||(n>l.left&&(n=l.left),a>l.top&&(a=l.top))}t({svgMinXVal:n,svgMinYVal:a})}))}))}},{key:"loadSVG",value:(e=(0,n.Z)(s().mark((function _callee(e,t){var r,n,a,i,o,l,u,c,m,h=this;return s().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(r=e.SvgFileName){s.next=3;break}return s.abrupt("return",!1);case 3:if(!t.CatalogData.isIDMFormat){s.next=9;break}return s.next=6,t.api.fetchData(r,{method:"GET",config:{},data:{}});case 6:n=s.sent,s.next=16;break;case 9:return s.next=11,t.api.getDataCache(this.getSVGUrl(r,t.CatalogData.mediaUrl),void 0,t.CatalogData.accountSessionGuid);case 11:if(!(i=s.sent).Error){s.next=14;break}throw new Error(i.Error);case 14:"success"==i.Result.toLowerCase()&&(a=i.Content),n=g.ZP.decodeBase64(a);case 16:if(n||v.error(new g.GE("Fehler beim laden des SVGs ",{code:"WC_0009",custom:{svgFile:r}})),e.svgBefore=n,o=e.Width,-1===(l=e.Depth)&&-1!==e.Height&&(l=e.Height),!(null!=o&&o>0&&null!=l&&l>0)){s.next=33;break}return s.next=24,this.getMinBorderSVG(n);case 24:return c=s.sent,m="",s.next=28,new Promise((function(e,r){u=h.svgUtils.ccCheckStretchAreas(n,o,l,t.CatalogData.useGlobalSVGScale,c.svgMinXVal,c.svgMinYVal,(function(t){m=t,e()}))}));case 28:return e.svgAfter=m,s.next=31,this.parseSvg(e,m,c,t.CatalogData.getPlannerConfig(),u);case 31:s.next=36;break;case 33:return e.svgAfter=n,s.next=36,this.parseSvg(e,n,{svgMinXVal:0,svgMinYVal:0},t.CatalogData.getPlannerConfig());case 36:return s.abrupt("return",!0);case 37:case"end":return s.stop()}}),_callee,this)}))),function loadSVG(t,r){return e.apply(this,arguments)})},{key:"getSVGUrl",value:function getSVGUrl(e,t){var r=t+"pln_"+e,n=r.indexOf("/files/");return r=r.substring(n),"function=GetFileAsString&fileUrl="+encodeURIComponent(r)}}]);var e}())},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4229],{75311:(e,t,r)=>{"use strict";const n=r(39437),{NAMESPACES:a}=r(34734);function generatePrefix(e,t,r){const n=`ns${r}`;return e[t]=[n],n}function preferredPrefixString(e,t,r){const n=e[t];return n?n.includes(r)?r:n[n.length-1]:null}function serializeAttributeValue(e){return null===e?"":e.replace(/&/gu,"&amp;").replace(/"/gu,"&quot;").replace(/</gu,"&lt;").replace(/>/gu,"&gt;").replace(/\t/gu,"&#x9;").replace(/\n/gu,"&#xA;").replace(/\r/gu,"&#xD;")}e.exports.preferredPrefixString=preferredPrefixString,e.exports.generatePrefix=generatePrefix,e.exports.serializeAttributeValue=serializeAttributeValue,e.exports.serializeAttributes=function serializeAttributes(e,t,r,i,o,l){let s="";const u=Object.create(null);for(const c of e.attributes){if(o&&u[c.namespaceURI]&&u[c.namespaceURI].has(c.localName))throw new Error("Found duplicated attribute");u[c.namespaceURI]||(u[c.namespaceURI]=new Set),u[c.namespaceURI].add(c.localName);const e=c.namespaceURI;let g=null;if(null!==e)if(g=preferredPrefixString(t,e,c.prefix),e===a.XMLNS){if(c.value===a.XML||null===c.prefix&&i||null!==c.prefix&&r[c.localName]!==c.value&&t[c.value].includes(c.localName))continue;if(o&&c.value===a.XMLNS)throw new Error("The XMLNS namespace is reserved and cannot be applied as an element's namespace via XML parsing");if(o&&""===c.value)throw new Error("Namespace prefix declarations cannot be used to undeclare a namespace");"xmlns"===c.prefix&&(g="xmlns")}else null===g&&(g=generatePrefix(t,e,l.prefixIndex++),s+=` xmlns:${g}="${serializeAttributeValue(e)}"`);if(s+=" ",null!==g&&(s+=`${g}:`),o&&(c.localName.includes(":")||!n.name(c.localName)||"xmlns"===c.localName&&null===e))throw new Error("Invalid attribute localName value");s+=`${c.localName}="${serializeAttributeValue(c.value)}"`}return s}},34734:e=>{"use strict";e.exports.NAMESPACES={HTML:"http://www.w3.org/1999/xhtml",XML:"http://www.w3.org/XML/1998/namespace",XMLNS:"http://www.w3.org/2000/xmlns/"},e.exports.NODE_TYPES={ELEMENT_NODE:1,ATTRIBUTE_NODE:2,TEXT_NODE:3,CDATA_SECTION_NODE:4,ENTITY_REFERENCE_NODE:5,ENTITY_NODE:6,PROCESSING_INSTRUCTION_NODE:7,COMMENT_NODE:8,DOCUMENT_NODE:9,DOCUMENT_TYPE_NODE:10,DOCUMENT_FRAGMENT_NODE:11,NOTATION_NODE:12},e.exports.VOID_ELEMENTS=new Set(["area","base","basefont","bgsound","br","col","embed","frame","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr"])},68122:(e,t,r)=>{"use strict";const n=r(39437),a=r(75311),{NAMESPACES:i,VOID_ELEMENTS:o,NODE_TYPES:l}=r(34734),s=/^(\x09|\x0A|\x0D|[\x20-\uD7FF]|[\uE000-\uFFFD]|[\u{10000}-\u{10FFFF}])*$/u,u=/^(\x20|\x0D|\x0A|[a-zA-Z0-9]|[-'()+,./:=?;!*#@$_%])*$/u;function serializeElement(e,t,r,l,s){if(l&&(e.localName.includes(":")||!n.name(e.localName)))throw new Error("Failed to serialize XML: element node localName is not a valid XML name.");let u="<",c="",g=!1,m=!1;const h={...r},d=Object.create(null),p=function recordNamespaceInformation(e,t,r){let n=null;for(let a=0;a<e.attributes.length;++a){const o=e.attributes[a];if(o.namespaceURI===i.XMLNS){if(null===o.prefix){n=o.value;continue}let e=o.value;if(e===i.XML)continue;if(null===e&&(e=""),e in t&&t[e].includes(o.localName))continue;e in t||(t[e]=[]),t[e].push(o.localName),r[o.localName]=e}}return n}(e,h,d);let f=t;const F=e.namespaceURI;if(f===F)null!==p&&(m=!0),c=F===i.XML?`xml:${e.localName}`:e.localName,u+=c;else{let{prefix:t}=e,r=a.preferredPrefixString(h,F,t);if("xmlns"===t){if(l)throw new Error('Failed to serialize XML: element nodes can\'t have a prefix of "xmlns".');r="xmlns"}null!==r?(c=`${r}:${e.localName}`,null!==p&&p!==i.XML&&(f=""===p?null:p),u+=c):null!==t?(t in d&&(t=a.generatePrefix(h,F,s.prefixIndex++)),h[F]?h[F].push(t):h[F]=[t],c=`${t}:${e.localName}`,u+=`${c} xmlns:${t}="${a.serializeAttributeValue(F,l)}"`,null!==p&&(f=""===p?null:p)):null===p||p!==F?(m=!0,c=e.localName,f=F,u+=`${c} xmlns="${a.serializeAttributeValue(F,l)}"`):(c=e.localName,f=F,u+=c)}if(u+=a.serializeAttributes(e,h,d,m,l,s),F===i.HTML&&0===e.childNodes.length&&o.has(e.localName)?(u+=" /",g=!0):F!==i.HTML&&0===e.childNodes.length&&(u+="/",g=!0),u+=">",g)return u;if(F===i.HTML&&"template"===e.localName)u+=xmlSerialization(e.content,f,h,l,s);else for(const t of e.childNodes)u+=xmlSerialization(t,f,h,l,s);return u+=`</${c}>`,u}function xmlSerialization(e,t,r,n,a){switch(e.nodeType){case l.ELEMENT_NODE:return serializeElement(e,t,r,n,a);case l.DOCUMENT_NODE:return function serializeDocument(e,t,r,n,a){if(n&&null===e.documentElement)throw new Error("Failed to serialize XML: document does not have a document element.");let i="";for(const o of e.childNodes)i+=xmlSerialization(o,t,r,n,a);return i}(e,t,r,n,a);case l.COMMENT_NODE:return function serializeComment(e,t,r,n){if(n&&!s.test(e.data))throw new Error("Failed to serialize XML: comment node data is not well-formed.");if(n&&(e.data.includes("--")||e.data.endsWith("-")))throw new Error("Failed to serialize XML: found hyphens in illegal places in comment node data.");return`\x3c!--${e.data}--\x3e`}(e,0,0,n);case l.TEXT_NODE:return function serializeText(e,t,r,n){if(n&&!s.test(e.data))throw new Error("Failed to serialize XML: text node data is not well-formed.");return e.data.replace(/&/gu,"&amp;").replace(/</gu,"&lt;").replace(/>/gu,"&gt;")}(e,0,0,n);case l.DOCUMENT_FRAGMENT_NODE:return function serializeDocumentFragment(e,t,r,n,a){let i="";for(const o of e.childNodes)i+=xmlSerialization(o,t,r,n,a);return i}(e,t,r,n,a);case l.DOCUMENT_TYPE_NODE:return function serializeDocumentType(e,t,r,n){if(n&&!u.test(e.publicId))throw new Error("Failed to serialize XML: document type node publicId is not well-formed.");if(n&&(!s.test(e.systemId)||e.systemId.includes('"')&&e.systemId.includes("'")))throw new Error("Failed to serialize XML: document type node systemId is not well-formed.");let a=`<!DOCTYPE ${e.name}`;return""!==e.publicId?a+=` PUBLIC "${e.publicId}"`:""!==e.systemId&&(a+=" SYSTEM"),""!==e.systemId&&(a+=` "${e.systemId}"`),`${a}>`}(e,0,0,n);case l.PROCESSING_INSTRUCTION_NODE:return function serializeProcessingInstruction(e,t,r,n){if(n&&(e.target.includes(":")||function asciiCaseInsensitiveMatch(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;++r)if((32|e.charCodeAt(r))!=(32|t.charCodeAt(r)))return!1;return!0}(e.target,"xml")))throw new Error("Failed to serialize XML: processing instruction node target is not well-formed.");if(n&&(!s.test(e.data)||e.data.includes("?>")))throw new Error("Failed to serialize XML: processing instruction node data is not well-formed.");return`<?${e.target} ${e.data}?>`}(e,0,0,n);case l.ATTRIBUTE_NODE:return"";case l.CDATA_SECTION_NODE:return function serializeCDATASection(e){return`<![CDATA[${e.data}]]>`}(e);default:throw new TypeError("Failed to serialize XML: only Nodes can be serialized.")}}e.exports=(e,{requireWellFormed:t=!1}={})=>{const r=Object.create(null);return r["http://www.w3.org/XML/1998/namespace"]=["xml"],xmlSerialization(e,null,r,t,{prefixIndex:1})}},39437:(e,t)=>{"use strict";t.name=e=>/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/u.test(e),t.qname=e=>/(?:^[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*:[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$)|(?:^[A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}][A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u{10000}-\u{EFFFF}\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$)/u.test(e)},85490:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(13125),a=r(43860),i=r(70178),o=r(64357),l=r(80248),s=function(){function DockingPoint(e,t,r,a,i,o,s,u){(0,n.Z)(this,DockingPoint),(0,l.Z)(this,"dockingPoint",void 0),(0,l.Z)(this,"layer",void 0),(0,l.Z)(this,"isDisabled",void 0),(0,l.Z)(this,"plannerconfig",void 0),this.plannerconfig=s;var c=r.split("_");this.isDisabled=!1;var g=-1;if(c.length>=2)for(var m=1;m<c.length;m++){var h=parseInt(c[m]);if(!isNaN(h)){g=h;break}}else if(r.length>3){var d=parseInt(r.substring(3));isNaN(d)||(g=d)}this.dockingPoint={dpId:t+"_"+r,elementId:e,type:t,name:r,ignoreLayer:"AVR"==t||"AVL"==t||r.indexOf("_IL")>=0,localWorldPos:a,rotDeg:i,isDocking:!1,dpFilter:u},g>=0&&(this.dockingPoint.number=g),this.layer=o}return(0,a.Z)(DockingPoint,[{key:"clone",value:function clone(){var e=new DockingPoint(this.dockingPoint.elementId,this.dockingPoint.type,this.dockingPoint.name,this.dockingPoint.localWorldPos,this.dockingPoint.rotDeg,this.layer,this.plannerconfig,this.dockingPoint.dpFilter);return e.dockingPoint.dpId=this.dockingPoint.dpId,e.dockingPoint.ignoreLayer=this.dockingPoint.ignoreLayer,e.dockingPoint.isDocking=this.dockingPoint.isDocking,e.dockingPoint.number=this.dockingPoint.number,e.dockingPoint.onDP=this.dockingPoint.onDP,e.dockingPoint.onElementId=this.dockingPoint.onElementId,e}},{key:"ElementId",get:function get(){return this.dockingPoint.elementId}},{key:"Name",get:function get(){return this.dockingPoint.name}},{key:"LocalWorldPos",get:function get(){return this.dockingPoint.localWorldPos}},{key:"RotDeg",get:function get(){return this.dockingPoint.rotDeg}},{key:"Type",get:function get(){return this.dockingPoint.type}},{key:"IsDocking",get:function get(){return this.dockingPoint.isDocking}},{key:"Layer",get:function get(){return this.layer}},{key:"IgnoreLayer",get:function get(){return this.dockingPoint.ignoreLayer}},{key:"HasNumber",get:function get(){return null!=this.dockingPoint.number}},{key:"Number",get:function get(){return this.dockingPoint.number}},{key:"PlannerConfig",get:function get(){return this.plannerconfig}},{key:"IsDisabled",get:function get(){return this.isDisabled}},{key:"DPFilter",get:function get(){return this.dockingPoint.dpFilter}},{key:"doDock",value:function doDock(e,t){this.dockingPoint.isDocking=!0,this.dockingPoint.onDP=e,this.dockingPoint.onElementId=t}},{key:"undock",value:function undock(){this.dockingPoint.isDocking=!1,this.dockingPoint.onDP=void 0,this.dockingPoint.onElementId=void 0}},{key:"disableDP",value:function disableDP(e){this.isDisabled=e}},{key:"OnDP",get:function get(){return this.dockingPoint.onDP}},{key:"OnElementId",get:function get(){return this.dockingPoint.onElementId}},{key:"DpId",get:function get(){return this.dockingPoint.dpId}}])}(),u=i.ZP.initLog("Planner","WEB-PLANNER-LOGIC");const c=new(function(){return(0,a.Z)((function DockingPointHandler(){(0,n.Z)(this,DockingPointHandler)}),[{key:"getRotOfDP",value:function getRotOfDP(e,t){var r=o.FM.getDirection(t,e),n=new o.FM(0,1),a=o.FM.angleDeg(n,r);return r.x>0?360-a:a}},{key:"getReferenceDPType",value:function getReferenceDPType(e){switch(e){case"AVR":return"AVL";case"AVL":return"AVR";case"AVO":return"AVU";case"AVU":return"AVO";case"AVC":return"AVC";case"AVS":return"AVN";case"AVN":return"AVS"}return""}},{key:"sortDockingPoints",value:function sortDockingPoints(e,t){return"LEFT_TO_RIGHT"==e?t.sort((function(e,t){return e.LocalWorldPos.x>t.LocalWorldPos.x?1:-1})):t.sort((function(e,t){return e.LocalWorldPos.x<t.LocalWorldPos.x?1:-1}))}},{key:"checkDPAVLFilterDoMatch",value:function checkDPAVLFilterDoMatch(e,t){var r=e.FilterAVR,n=t.FilterAVL;if(0==n.length&&0==r.length)return!0;for(var a=0;a<r.length;a++)for(var i=0;i<n.length;i++)if(r[a]==n[i])return!0;return!1}},{key:"checkDPAVRFilterDoMatch",value:function checkDPAVRFilterDoMatch(e,t){var r=e.FilterAVL,n=t.FilterAVR;if(0==r.length&&0==n.length)return!0;for(var a=0;a<r.length;a++)for(var i=0;i<n.length;i++)if(r[a]==n[i])return!0;return!1}},{key:"checkDPsDoMatch",value:function checkDPsDoMatch(e,t,r,n){var a=this.checkDPAVRFilterDoMatch(r,n),i=this.checkDPAVLFilterDoMatch(r,n),o=this.getReferenceDPType(e.Type);if("AVL"==o&&!i)return!1;if("AVR"==o&&!a)return!1;if(t.Type!=o)return!1;if(e.IsDocking||t.IsDocking)return!1;if(!e.IgnoreLayer||!t.IgnoreLayer){var l=!0;if(!e.PlannerConfig.ignoreLayerAVC||"AVC"!=e.Type&&"AVC"!=t.Type||(l=!1),!e.PlannerConfig.ignoreLayerAVOAVU||"AVO"!=e.Type&&"AVU"!=e.Type||"AVO"!=t.Type&&"AVU"!=t.Type||(l=!1),!e.PlannerConfig.ignoreLayerAVNAVS||"AVN"!=e.Type&&"AVS"!=e.Type||"AVN"!=t.Type&&"AVS"!=t.Type||(l=!1),l&&t.Layer==e.Layer)return!1}return!e.HasNumber||!t.HasNumber||e.Number==t.Number}},{key:"doDock",value:function doDock(e,t,r,n){e.doDock(t,n),t.doDock(e,r)}},{key:"initDockingPointsFromSvg",value:function initDockingPointsFromSvg(e,t,r,n){e.saveCurrentDPState(),this.removeDockingPointRelations(e),e.clearAllDockingPoints();for(var a=0;a<t.length;a++){var l=t[a],u=new o.FM((l.x1-r.svgMinXVal)/i.ZP.UnitRecalc,(l.y1-r.svgMinYVal)/i.ZP.UnitRecalc),c=new o.FM((l.x2-r.svgMinXVal)/i.ZP.UnitRecalc,(l.y2-r.svgMinYVal)/i.ZP.UnitRecalc),g=this.getRotOfDP(u,c),m=void 0;"AVL"==l.dockingType?m=e.getFilterAVL():"AVR"==l.dockingType&&(m=e.getFilterAVR());var h=new s(e.getElementId(),l.dockingType,l.dockingName,new o.P(u.x,0,u.y),g,e.Layer,n,m);e.addDockingPoint(h)}}},{key:"removeDockingPointRelations",value:function removeDockingPointRelations(e){for(var t=e.getDockingPoints(),r=0;r<t.length;r++){var n=t[r];if(n.IsDocking)n.OnDP.undock(),n.undock()}}},{key:"removeDockingPointRelationsByType",value:function removeDockingPointRelationsByType(e,t){for(var r=[],n=e.getDockingPoints(),a=0;a<n.length;a++){var i=n[a];if(t.indexOf(i.Type)>-1&&i.IsDocking){var o=i.OnDP;r.push(o.ElementId),o.undock(),i.undock()}}return r}},{key:"searchDockableElementsInArea",value:function searchDockableElementsInArea(e,t,r){for(var n=e.getAllDockingPoints(),a=new Map,i=0;i<t.length;i++){var o=t[i];if(e.getElementId()!=o.getElementId())for(var l=0;l<n.length;l++)for(var s=n[l],u=this.getReferenceDPType(s.Type),c=o.getFreeDockingPointsByType(u),g=0;g<c.length;g++){var m=c[g];if(this.checkDPsDoMatch(s,m,e,o)){var h=e.getWorldPosOfDP(s.DpId),d=o.getWorldPosOfDP(m.DpId),p=Math.sqrt(Math.pow(h.x-d.x,2)+Math.pow(h.z-d.z,2));0!=r&&(r==1/0||p<r)&&(a.has(s.Type)?p<a.get(s.Type).distance&&a.set(s.Type,{sourceDP:s,targetDP:m,distance:p}):a.set(s.Type,{sourceDP:s,targetDP:m,distance:p}))}}}return a}},{key:"tryDockElement",value:function tryDockElement(e,t,r){var n=e.getDockingPointsByType(t);if(!n)return!1;for(var a=this.getReferenceDPType(t),i=0;i<r.length;i++){var o=r[i];if(o.ElementId!=e.ElementId&&((e.IsAccessoire||!o.IsAccessoire||o.getParentElementId()==e.getElementId())&&(!e.IsAccessoire||o.getAccessoires().includes(e.ArticleCodex)))){var l=o.getDockingPointsByType(a);if((e.getIsDockedAccessoire()||e.IsAccessoire)&&(l=this.sortDockingPoints("LEFT_TO_RIGHT",l)),l)for(var s=0;s<l.length;s++)for(var u=l[s],c=0;c<n.length;c++){var g=n[c];if(this.checkDPsDoMatch(g,u,e,o))return this.doDock(g,u,e.ElementId,o.ElementId),g}}}return!1}},{key:"tryDockElementToDP",value:function tryDockElementToDP(e,t,r){var n=this.getReferenceDPType(r.Type),a=e.getFreeDockingPointsByType(n);if(!a)return!1;for(var i=0;i<a.length;i++)if(this.checkDPsDoMatch(a[i],r,e,t))return this.doDock(a[i],r,e.ElementId,t.ElementId),a[i];return!1}},{key:"tryDockElementDPToDP",value:function tryDockElementDPToDP(e,t,r,n){return!!this.checkDPsDoMatch(r,n,e,t)&&(this.doDock(r,n,e.getElementId(),t.getElementId()),!0)}},{key:"updateDockingRelations",value:function updateDockingRelations(e){var t=[],r=[];e.forEach((function(e,n){e.IsDockedAccessoire?r.push(e):t[e.PosNr-1]=e})),t=t.concat(r);for(var n=[],a=0;a<t.length;a++)if(t[a])for(var i=t[a],o=i.getTempDockingPoints(),l=0;l<o.length;l++){var s=o[l];if(s.IsDocking&&s.OnElementId){var u=i.getDockingPointById(s.DpId);if(null==u){var c=e.get(s.OnElementId),g=i.getFreeDockingPointsByType(s.Type);if(1==g.length){var m=null==c?void 0:c.getFreeDockingPointsByType(this.getReferenceDPType(s.Type));if(1==(null==m?void 0:m.length)){this.tryDockElementDPToDP(i,c,g[0],m[0]);continue}}c&&n.push(c);continue}if(e.has(s.OnElementId)){var h=e.get(s.OnElementId),d=null==h?void 0:h.getDockingPointById(s.OnDP.DpId);this.tryDockElementDPToDP(i,h,u,d)}}}for(a=0;a<t.length;a++)t[a]&&t[a].clearTempDockingPoints();return n}},{key:"initDockingPointRelationByArea",value:function initDockingPointRelationByArea(e,t,r){if(e.getFreeDockingPointsByType(r).length>0){var n=this.searchDockableElementsInArea(e,[t],1/0);if(n.has(r)){var a=n.get(r);if(a)this.tryDockElementDPToDP(e,t,a.sourceDP,a.targetDP)||u.debug("Error when initializing docking Points. Two dockingpoints could not be matched. sourceDP: "+a.sourceDP.DpId+"; sourceRlementId: "+a.sourceDP.ElementId+"; targetDP: "+a.targetDP.DpId+" targetElemId: "+a.targetDP.ElementId)}}}},{key:"checkElementsAreDocking",value:function checkElementsAreDocking(e,t){for(var r=e.getDockingDockingPoints(),n=0;n<r.length;n++){if(r[n].OnElementId==t.getElementId())return!0}return!1}}])}())},55403:(e,t,r)=>{"use strict";r.d(t,{Z:()=>A});var n=r(84658),a=r(13125),i=r(43860),o=r(80248),l=r(50747),s=r.n(l),u=r(34988),c=r(12952),g=r(63846),m=r(70178),h=r(68122),d=r.n(h),p=r(64357),f=m.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),F=function(){return(0,i.Z)((function SVGUtils(){(0,a.Z)(this,SVGUtils)}),[{key:"removeOLFFromSvg",value:function removeOLFFromSvg(e){var t,r=(t=(new DOMParser).parseFromString(e,"application/xml")).evaluate("//*[starts-with(@id,'VIF')]",t,null,7,null);if(r.snapshotLength>0)for(var n=0;n<r.snapshotLength;n++){var a;null===(a=r.snapshotItem(n).parentElement)||void 0===a||a.removeChild(r.snapshotItem(n))}var i=t.evaluate("//*[starts-with(@id,'OLF')]",t,null,7,null);if(i.snapshotLength>0)for(n=0;n<i.snapshotLength;n++){var o;null===(o=i.snapshotItem(n).parentElement)||void 0===o||o.removeChild(i.snapshotItem(n))}return"undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(t):d()(t)}},{key:"getDPsInSVG",value:function getDPsInSVG(e){var t=[],r=(new DOMParser).parseFromString(e,"application/xml"),n=r.evaluate("//*[starts-with(@id,'AV')]",r,null,7,null);if(n.snapshotLength>0)for(var a=0;a<n.snapshotLength;a++){var i=n.snapshotItem(a);if("line"!==(null==i?void 0:i.nodeName))throw new Error("nodename type: "+i.nodeName+" not implemented");t.push({x1:Number(i.getAttribute("x1")),y1:Number(i.getAttribute("y1")),x2:Number(i.getAttribute("x2")),y2:Number(i.getAttribute("y2")),dockingName:i.getAttribute("id"),dockingType:i.getAttribute("id").substring(0,3)})}return t.sort((function(e,t){return"AVL"===e.dockingType||"AVR"===e.dockingType&&["AVR","AVC","AVU","AVO","AVS","AVN"].includes(t.dockingType)?-1:0})),t}},{key:"getPointOfPoligonById",value:function getPointOfPoligonById(e,t){var r=[],n=(new DOMParser).parseFromString(e,"application/xml"),a=n.evaluate("//*[starts-with(@id,'"+t+"')]",n,null,7,null);if(!(a.snapshotLength>1||0==a.snapshotLength)){for(var i=0;i<a.snapshotLength;i++){var o=a.snapshotItem(i);if("polygon"===(null==o?void 0:o.nodeName)){var l=o.getAttribute("points");if(!l)return;for(var s=l.split(" "),u=0;u<s.length;u++){var c=s[u].split(",");2===c.length&&r.push(new p.FM(Number(c[0]),Number(c[1])))}}}return r}}},{key:"getBoundingBoxOfPoints",value:function getBoundingBoxOfPoints(e){var t=e.map((function(e){return e.x})),r=e.map((function(e){return e.y})),n=Math.min.apply(Math,(0,c.Z)(t)),a=Math.max.apply(Math,(0,c.Z)(t)),i=Math.min.apply(Math,(0,c.Z)(r));return{width:a-n,height:Math.max.apply(Math,(0,c.Z)(r))-i,minX:n,minY:i}}},{key:"getOLFGeometryFromSvg",value:function getOLFGeometryFromSvg(e){for(var t=(new DOMParser).parseFromString(e,"application/xml"),r=t.evaluate("//*[starts-with(@id,'OLF')]",t,null,7,null),n=0;n<r.snapshotLength;n++){var a,i,o,l,s=r.snapshotItem(n);if("rect"===(null==s?void 0:s.nodeName))return{minX:parseFloat(null!==(a=s.getAttribute("x"))&&void 0!==a?a:"0"),minY:parseFloat(null!==(i=s.getAttribute("y"))&&void 0!==i?i:"0"),width:parseFloat(null!==(o=s.getAttribute("width"))&&void 0!==o?o:"0"),height:parseFloat(null!==(l=s.getAttribute("height"))&&void 0!==l?l:"0")};if("polygon"===(null==s?void 0:s.nodeName)){var c=s.getAttribute("points");if(c){var g=c.split(/\s+/).reduce((function(e,t){var r=t.split(","),n=(0,u.Z)(r,2),a=n[0],i=n[1];return null!=a&&null!=i&&e.push(new p.FM(Number(a),Number(i))),e}),[]);if(g.length){var m=this.getBoundingBoxOfPoints(g);return{minX:m.minX,minY:m.minY,width:m.width,height:m.height}}}}}}},{key:"getOLTGeometryFromSvg",value:function getOLTGeometryFromSvg(e){for(var t=(new DOMParser).parseFromString(e,"application/xml"),r=t.evaluate("//*[starts-with(@id,'OLT')]",t,null,7,null),n=0;n<r.snapshotLength;n++){var a,i,o,l,s=r.snapshotItem(n);if("rect"===(null==s?void 0:s.nodeName))return{x:parseFloat(null!==(a=s.getAttribute("x"))&&void 0!==a?a:"0"),y:parseFloat(null!==(i=s.getAttribute("y"))&&void 0!==i?i:"0"),width:parseFloat(null!==(o=s.getAttribute("width"))&&void 0!==o?o:"0"),height:parseFloat(null!==(l=s.getAttribute("height"))&&void 0!==l?l:"0")};if("polygon"===(null==s?void 0:s.nodeName)){var c=s.getAttribute("points");if(c){var g=c.split(/\s+/).reduce((function(e,t){var r=t.split(","),n=(0,u.Z)(r,2),a=n[0],i=n[1];return null!=a&&null!=i&&e.push(new p.FM(Number(a),Number(i))),e}),[]);if(g.length){var m=this.getBoundingBoxOfPoints(g);return{x:m.minX,y:m.minY,width:m.width,height:m.height}}}}}}},{key:"removeMaskFromSvg",value:function removeMaskFromSvg(e){if(e.toLowerCase().indexOf("<mask")>=0){for(var t,r=(t=(new DOMParser).parseFromString(e,"image/svg+xml")).evaluate('//*["mask"=local-name()]',t,null,7,null),n=0;n<r.snapshotLength;n++){var a;null===(a=r.snapshotItem(n).parentElement)||void 0===a||a.removeChild(r.snapshotItem(n))}var i=t.evaluate("//*[@mask]",t,null,7,null);for(n=0;n<i.snapshotLength;n++){var o;null===(o=i.snapshotItem(n).parentElement)||void 0===o||o.removeChild(i.snapshotItem(n))}return"undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(t):d()(t)}return e}},{key:"ccCheckStretchAreas",value:function ccCheckStretchAreas(e,t,r,n,a,i,o){var l,s,u,c,h,p,F,v=m.ZP.UnitRecalc,b=t*v,A=r*v,D=[],y=[],P=[],k=[],x=0,L=0,w=0,S=0,O=0,E=0,T=0,N=0,I=!1,M=0,V=0,C="",R=new RegExp("svg","g"),B=(e=e.replace(R,"xxx"),new DOMParser);l=B.parseFromString(e,"application/xml"),s=l.getElementsByTagName("xxx")[0],R=new RegExp("xxx","g"),function correctSVG(e){var t=e.getAttribute("viewBox");t&&null==e.getAttribute("width")&&e.setAttribute("width",t.split(" ")[2]);t&&null==e.getAttribute("height")&&e.setAttribute("height",t.split(" ")[3]);var r,n=e.getAttribute("width");n.indexOf("mm")>0?(r=parseFloat(n.substring(0,n.length-2)),r*=v):r=n.indexOf("px")>0?parseFloat(n.substring(0,n.length-2)):parseFloat(n);e.setAttribute("width",r.toString());var a,i=e.getAttribute("height");i.indexOf("mm")>0?(a=parseFloat(i.substring(0,i.length-2)),a*=v):a=i.indexOf("px")>0?parseFloat(i.substring(0,i.length-2)):parseFloat(i);e.setAttribute("height",a.toString()),t||e.setAttribute("viewBox","0 0 "+r+" "+a)}(s),F=function calcScaleFactorSvgViewBox(e){var t=e.getAttribute("viewBox"),r=1,n=1;if(null!=t){var a=Number(e.getAttribute("width")),i=t.split(" "),o=Number(i[2]);r=a/o;var l=Number(e.getAttribute("height")),s=Number(i[3]);n=l/s}return new g.fabric.Point(r,n)}(s),function recalcScaleFactorSvgViewBox(e){if(null!=e.getAttribute("viewBox")){var t,r=Math.ceil(parseFloat(e.getAttribute("width"))),n=Math.ceil(parseFloat(e.getAttribute("height"))),a=e.getAttribute("x");a?(a.indexOf("mm")>0?(t=parseFloat(a.substring(0,a.length-2)),t*=v):t=a.indexOf("px")>0?parseFloat(a.substring(0,a.length-2)):parseFloat(a),t=Math.ceil(t)):t=0;var i,o=e.getAttribute("y");o?(o.indexOf("mm")>0?(i=parseFloat(o.substring(0,o.length-2)),i*=v):i=o.indexOf("px")>0?parseFloat(o.substring(0,o.length-2)):parseFloat(o),i=Math.ceil(i)):i=0,e.setAttribute("viewBox",t+" "+i+" "+r+" "+n)}}(s),function correctSVGViewBoxScale(e,t){if(1==t.x&&1==t.y)return;var r=e.children;if(!r)return;for(var n=0;n<r.length;n++){switch(r[n].tagName){case"rect":correctViewBoxScaleRectangle(r[n],t);break;case"polygon":correctViewBoxScalePolygon(r[n],t);break;case"path":correctViewBoxScalePath(r[n],t);break;case"line":correctViewBoxScaleLine(r[n],t);break;case"style":correctViewBoxScaleStyle(r[n],t)}correctSVGViewBoxScale(r[n],t)}}(s,F);var z=Math.round(parseFloat(s.getAttribute("width"))/v*100)/100,X=Math.round(parseFloat(s.getAttribute("height"))/v*100)/100;function correctViewBoxScaleStyle(e,t){"text/css"!=e.getAttribute("type")&&f.debug("Warnung komisches style Element bei diesem CSS.");for(var r=e.innerHTML.split("{"),n="",a=0;a<r.length;a++){var i=r[a].indexOf("width");if(i>=0){for(var o="",l=-1,s=-1,u=i+"width".length;u<r[a].length;u++){if(";"==r[a][u]||"}"==r[a][u]){s=u;break}l>-1&&(o+=r[a][u]),":"==r[a][u]&&(l=u)}var c=parseFloat(o)*t.x,g=r[a].substring(0,l+1)+c+r[a].substring(s,r[a].lenght);r[a]=g}var m=r[a].indexOf("height");if(m>=0){for(o="",l=-1,s=-1,u=m+"height".length;u<r[a].length;u++){if(";"==r[a][u]||"}"==r[a][u]){s=u;break}l>-1&&(o+=r[a][u]),":"==r[a][u]&&(l=u)}c=parseFloat(o)*t.y,g=r[a].substring(0,l+1)+c+r[a].substring(s,r[a].lenght);r[a]=g}n+=r[a],a<r.length-1&&(n+="{")}e.innerHTML=n}function correctViewBoxScaleLine(e,t){var r=e.getAttribute("x1");r||(r=0);var n=e.getAttribute("x2"),a=e.getAttribute("y1");a||(a=0);var i=e.getAttribute("y2");e.setAttribute("x1",parseFloat(r)*t.x),e.setAttribute("y1",parseFloat(a)*t.y),e.setAttribute("x2",parseFloat(n)*t.x),e.setAttribute("y2",parseFloat(i)*t.y)}function correctViewBoxScalePath(e,t){var r=getPathStringFromPathElement(createPathElement(e.getAttribute("d"),t));e.setAttribute("d",r)}function correctViewBoxScalePolygon(e,t){var r=createPolygonElement(e.getAttribute("points"),t);e.setAttribute("points",r.points)}function correctViewBoxScaleRectangle(e,t){var r=e.getAttribute("x");r||(r=0);var n=e.getAttribute("y");n||(n=0);var a=e.getAttribute("width"),i=e.getAttribute("height");e.setAttribute("x",parseFloat(r)*t.x),e.setAttribute("y",parseFloat(n)*t.y),e.setAttribute("width",parseFloat(a)*t.x),e.setAttribute("height",parseFloat(i)*t.y)}function resizeXml(e,t,r,a){var i="OLT"==r?x:w,o="OLT"==r?L:S;if(!n&&y[0]&&t!=o){"OLT"==r?L=t:S=t;for(var l=round(t-o),u=0,c=0;c<y.length;c++)y[c].setAttribute("y",round(parseFloat(y[c].getAttribute("y"))+u)),y[c].setAttribute("height",round(l*k[c])),u+=round(l*k[c]);fixXMLObject(s,"SAV",r)}if(!n&&e!=i&&D[0]){"OLT"==r?x=e:w=e;var g=round(e-i),m=0;for(c=0;c<D.length;c++)"OLT"==r&&(D[c].setAttribute("x",round(parseFloat(D[c].getAttribute("x"))+m)),m+=round(g*P[c])),D[c].setAttribute("width",round(g*P[c]));fixXMLObject(s,"SAH",r)}var d=!1;n&&t!=o&&(p=t/o,d=!0,"OLT"==r?L=t:S=t),n&&e!=i&&(h=e/i,d=!0,"OLT"==r?x=e:w=e),d&&fixXMLObject(s,"GLOBAL_SCALE",r),a()}function fixXMLObject(e,t,r){var n,a;"OLT"==r?(n="VIF",a="OLF"):(n="VIT",a="OLT");for(var i=e.children,o=0;o<i.length;o++)if(i[o].getAttribute("id")!=n&&i[o].getAttribute("id")!=a){switch(i[o].localName){case"g":break;case"rect":(!i[o].hasAttribute("id")||"SAV"!=i[o].getAttribute("id").substring(0,3)&&"SAH"!=i[o].getAttribute("id").substring(0,3))&&e.replaceChild(fixRectangle(i[o],t),i[o]);break;case"path":var l=fixPath(createPathElement(i[o].getAttribute("d")),t);i[o].setAttribute("d",l);break;case"line":i[o].hasAttribute("id")&&"AV"==i[o].getAttribute("id").substring(0,2)?"OLT"==r&&e.replaceChild(fixLine(i[o],t),i[o]):e.replaceChild(fixLine(i[o],t),i[o]);break;case"polygon":case"polyline":var s=fixPolygon(createPolygonElement(i[o].getAttribute("points")),t);i[o].setAttribute("points",s);break;case"image":fixImage(i[o],t)}fixXMLObject(i[o],t,r)}}function fixImage(e,t){if(e.setAttribute("preserveAspectRatio","none"),"SAH"==t){var r=parseInt(e.getAttribute("width"),10),n=b/u;r=Math.round(r*n),e.setAttribute("width",r+"px")}else if("SAV"==t){var a=parseInt(e.getAttribute("height"),10),i=A/c;a=Math.round(a*i),e.setAttribute("height",a+"px")}}function fixLine(e,t){var r,n,a,i;if("SAH"==t)for(var o=0;o<D.length;o++){r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2"));var l=parseFloat(D[o].getAttribute("x"));scaleLineX(r,a,l,round(l+parseFloat(D[o].getAttribute("width"))))}else if("SAV"==t)for(o=0;o<y.length;o++){n=parseFloat(e.getAttribute("y1")),i=parseFloat(e.getAttribute("y2"));var s=parseFloat(y[o].getAttribute("y"));scaleLineY(n,i,s,round(s+parseFloat(y[o].getAttribute("height"))))}else"GLOBAL_SCALE"==t&&(r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2")),n=parseFloat(e.getAttribute("y1")),i=parseFloat(e.getAttribute("y2")),e.setAttribute("x1",round(r*h)),e.setAttribute("x2",round(a*h)),e.setAttribute("y1",round(n*p)),e.setAttribute("y2",round(i*p)));function scaleLineX(t,r,n,a){t>n?(e.setAttribute("x1",round(t+(a-n))),e.setAttribute("x2",round(r+(a-n)))):t<n&&r>n&&e.setAttribute("x2",round(r+(a-n)))}function scaleLineY(t,r,n,a){t>n?(e.setAttribute("y1",round(t+(a-n))),e.setAttribute("y2",round(r+(a-n)))):t<n&&r>n&&e.setAttribute("y2",round(r+(a-n)))}return e}function fixPolygon(e,t){if("SAH"==t)for(var r=0;r<D.length;r++)for(var n=parseFloat(D[r].getAttribute("x")),a=round(n+parseFloat(D[r].getAttribute("width"))),i=0;i<e.points.length;i++)e.points[i].x>n&&(e.points[i].x+=a-n);else if("SAV"==t)for(r=0;r<y.length;r++){var o=parseFloat(y[r].getAttribute("y")),l=round(o+parseFloat(y[r].getAttribute("height")));for(i=0;i<e.points.length;i++)e.points[i].y>o&&(e.points[i].y+=l-o)}else if("GLOBAL_SCALE"==t)for(i=0;i<e.points.length;i++)e.points[i].x=e.points[i].x*h,e.points[i].y=e.points[i].y*p;var s="";for(i=0;i<e.points.length;i++)s+=e.points[i].x+","+e.points[i].y+" ";return s}function fixRectangle(e,t){if("SAH"==t)for(var r=0;r<D.length;r++){var n=parseFloat(e.getAttribute("x")),a=round(n+parseFloat(e.getAttribute("width"))),i=parseFloat(D[r].getAttribute("x"));scaleRectX(n,a,i,round(i+parseFloat(D[r].getAttribute("width"))))}else if("SAV"==t)for(r=0;r<y.length;r++){var o=parseFloat(y[r].getAttribute("y")),l=round(o+parseFloat(y[r].getAttribute("height"))),s=parseFloat(e.getAttribute("y"));scaleRectY(s,round(s+parseFloat(e.getAttribute("height"))),o,l)}else if("GLOBAL_SCALE"==t){var u=parseFloat(e.getAttribute("x")),c=parseFloat(e.getAttribute("width")),g=parseFloat(e.getAttribute("y")),m=parseFloat(e.getAttribute("height"));e.setAttribute("x",round(u*h)),e.setAttribute("width",round(c*h)),e.setAttribute("y",round(g*p)),e.setAttribute("height",round(m*p))}function scaleRectX(t,r,n,a){t<=n&&r>=n?e.setAttribute("width",round(r-t+(a-n))):t>n&&e.setAttribute("x",round(t+(a-n)))}function scaleRectY(t,r,n,a){t<=n&&r>=n?e.setAttribute("height",round(r-t+(a-n))):t>n&&e.setAttribute("y",round(t+(a-n)))}return e}function fixPath(e,t){if("SAH"==t)for(var r=0;r<D.length;r++)for(var n,a=parseFloat(D[r].getAttribute("x")),i=round(a+parseFloat(D[r].getAttribute("width"))),o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"L":case"H":n=e.elements[o].parameter[0],e.elements[o].parameter[0]>a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)));break;case"m":case"l":case"h":(l=e.elements[o].parameter[0])>=0&&n<a&&n+e.elements[o].parameter[0]>a?e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)):l<0&&n>=a&&n+e.elements[o].parameter[0]<a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(i-a))),n+=l;break;case"C":n=e.elements[o].parameter[4],e.elements[o].parameter[4]>a&&(e.elements[o].parameter[4]=round(e.elements[o].parameter[4]+(i-a)),e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a)));break;case"c":var l=e.elements[o].parameter[4];(n<a&&e.elements[o].parameter[4]+n>a||l<0&&n>=a&&n+e.elements[o].parameter[0]<a)&&(e.elements[o].parameter[4]=round(e.elements[o].parameter[4]+(i-a)),e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a))),n+=l;break;case"S":n=e.elements[o].parameter[2],e.elements[o].parameter[2]>a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a)));break;case"s":l=e.elements[o].parameter[2];n<a&&e.elements[o].parameter[2]+n>a?(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]+(i-a))):l<0&&n>=a&&n+e.elements[o].parameter[0]<a&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(i-a)),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]-(i-a))),n+=l}else if("SAV"==t)for(r=0;r<y.length;r++){var s,u=parseFloat(y[r].getAttribute("y")),c=round(u+parseFloat(y[r].getAttribute("height")));for(o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"L":s=e.elements[o].parameter[1],e.elements[o].parameter[1]>u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)));break;case"m":case"l":l=e.elements[o].parameter[1];s<u&&e.elements[o].parameter[1]+s>u?e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)):l<0&&s>=u&&s+e.elements[o].parameter[1]<u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u))),s+=l;break;case"V":s=e.elements[o].parameter[0],e.elements[o].parameter[0]>u&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(c-u)));break;case"v":l=e.elements[o].parameter[0];s<u&&e.elements[o].parameter[0]+s>u?e.elements[o].parameter[0]=round(e.elements[o].parameter[0]+(c-u)):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[0]=round(e.elements[o].parameter[0]-(c-u))),s+=l;break;case"C":s=e.elements[o].parameter[5],e.elements[o].parameter[5]>u&&(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]+(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u)));break;case"c":l=e.elements[o].parameter[5];s<u&&e.elements[o].parameter[5]+s>u?(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]+(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u))):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[5]=round(e.elements[o].parameter[5]-(c-u)),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]-(c-u))),s+=l;break;case"S":s=e.elements[o].parameter[3],e.elements[o].parameter[3]>u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u)));break;case"s":l=e.elements[o].parameter[3];s<u&&e.elements[o].parameter[3]+s>u?(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]+(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]+(c-u))):l<0&&s>=u&&s+e.elements[o].parameter[0]<u&&(e.elements[o].parameter[1]=round(e.elements[o].parameter[1]-(c-u)),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]-(c-u))),s+=l}}else if("GLOBAL_SCALE"==t)for(o=0;o<e.elements.length;o++)switch(e.elements[o].command){case"M":case"m":case"l":case"L":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*h),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*p);break;case"v":case"V":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*p);break;case"h":case"H":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*h);break;case"C":case"c":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*h),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*p),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]*h),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]*p),e.elements[o].parameter[4]=round(e.elements[o].parameter[4]*h),e.elements[o].parameter[5]=round(e.elements[o].parameter[5]*p);break;case"S":case"s":e.elements[o].parameter[0]=round(e.elements[o].parameter[0]*h),e.elements[o].parameter[1]=round(e.elements[o].parameter[1]*p),e.elements[o].parameter[2]=round(e.elements[o].parameter[2]*h),e.elements[o].parameter[3]=round(e.elements[o].parameter[3]*p)}return getPathStringFromPathElement(e)}function getPathStringFromPathElement(e){for(var t="",r=0;r<e.elements.length;r++)if(t+=e.elements[r].command,"z"!=e.elements[r].command)for(var n=0;n<e.elements[r].parameter.length;n++)t+=e.elements[r].parameter[n],n!=e.elements[r].parameter.length-1&&(t+=",");return t}function fixViewBox(e,t,r){var n="",a=T+w>O+x?T+w:O+x,i=N+S>E+L?N+S:E+L;if(e.setAttribute("height",(Math.round(100*i)/100).toString()),e.setAttribute("width",(Math.round(100*a)/100).toString()),t=Math.round(100*t)/100,r=Math.round(100*r)/100,e.hasAttribute("x")&&e.hasAttribute("y"))n=Number.parseFloat(e.getAttribute("x").substring(0,e.getAttribute("x").length-2))+t+" "+(Number.parseFloat(e.getAttribute("y").substring(0,e.getAttribute("y").length-2))+r)+" "+Math.round(100*a)/100+" "+Math.round(100*i)/100;else{var o=e.getAttribute("viewBox").split(" ");n=Number.parseFloat(o[0])+t+" "+(Number.parseFloat(o[1])+r),n=D[0]?n+" "+Math.round(100*a)/100:n+" "+o[2],n=y[0]?n+" "+Math.round(100*i)/100:n+" "+o[3]}var l="new "+n;return e.setAttribute("x",t),e.setAttribute("y",r),e.setAttribute("viewBox",n),e.setAttribute("enable-background",l),e.setAttribute("style","enable-background:new "+n+";"),e}function createPolygonElement(e,t){var r=!0,n="",a="",i=[],o={},l=e.includes(",")?",":e.includes(" ")?" ":",";e=e.trimEnd().trimStart();for(var s=0;s<e.length;s++){var u=e.charAt(s);r||" "!=u?u==l?r=!1:r?n+=u:a+=u:""!=n&&(i.push(createPoint(n,a)),n="",a="",r=!0)}function createPoint(e,t){var r={};return r.x=parseFloat(e),r.y=parseFloat(t),r}return""!=n&&(!t||1==t.x&&1==t.y?i.push(createPoint(n,a)):i.push(createPoint(n,a)*t)),o.points=i,o}function createPathElement(e,t){for(var r,n,a=[],i=[],o=0,l={},s=0;s<e.length;s++){var u=e.charAt(s);" "==u&&s-1>0&&(1===(n=e.charAt(s-1)).length&&n.match(/[a-z]/i))||(" "==u||isNaN(u)&&"."!=u&&"-"!=u?","==u||" "==u?(null!=i[o]&&(i[o]=parseFloat(i[o])),isNaN(e.charAt(s+1))||" "==e.charAt(s+1)||o++):" "!=u&&"."!=u&&"-"!=u&&(null==r?r=u:(null!=i[o]&&(i[o]=parseFloat(i[o]),checkForSkippedLiterals(t),"z"==u&&a.push(createPoint("z",null))),r=u,i=[],o=0)):null!=i[o]&&"-"==u?(i[o]=parseFloat(i[o]),o++,i[o]=u):null!=i[o]?i[o]+=u:i[o]=u)}function checkForSkippedLiterals(e){var t=0;switch(r){case"M":case"m":case"L":case"l":t=2;break;case"H":case"h":case"V":case"v":t=1;break;case"C":case"c":t=6;break;case"S":case"s":t=4;break;default:return void f.error(new m.GE("svg path command: "+r+" unknown"))}for(var n=0;n<i.length;n+=t){for(var o=[],l=0;l<t;l++)o.push(i[n+l]);a.push(createPoint(r,o,e))}}function createPoint(e,t,r){var n={};if(n.command=e,n.parameter=t,r&&(1!=r.x||1!=r.y))switch(n.command){case"M":case"m":case"L":case"l":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y;break;case"H":case"h":n.parameter[0]=n.parameter[0]*r.x;break;case"V":case"v":n.parameter[0]=n.parameter[0]*r.y;break;case"C":case"c":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y,n.parameter[2]=n.parameter[2]*r.x,n.parameter[3]=n.parameter[3]*r.y,n.parameter[4]=n.parameter[4]*r.x,n.parameter[5]=n.parameter[5]*r.y;break;case"S":case"s":n.parameter[0]=n.parameter[0]*r.x,n.parameter[1]=n.parameter[1]*r.y,n.parameter[2]=n.parameter[2]*r.x,n.parameter[3]=n.parameter[3]*r.y}return n}return"z"!=e.charAt(e.length-1)&&checkForSkippedLiterals(t),l.elements=a,l}function round(e){return Math.round(1e3*e)/1e3}return 0==b&&(z=parseFloat(s.getAttribute("width"))),0==A&&(A=parseFloat(s.getAttribute("height"))),function correctTEAttributes(){var e=l.evaluate("//*[starts-with(@id,'TE')]",l,null,7,null);if(0==e.snapshotLength){var t=l.evaluate("//*[starts-with(@id,'OLT')]",l,null,7,null);if(t.snapshotLength>0)for(var r=0;r<t.snapshotLength;r++){var n;if("g"!=(null===(n=t.snapshotItem(r))||void 0===n?void 0:n.nodeName)){var a,i=null===(a=t.snapshotItem(r))||void 0===a?void 0:a.parentNode;"g"==i.tagName&&i.setAttribute("id","TE")}}e=l.evaluate("//*[starts-with(@id,'TE')]",l,null,7,null)}if(e.snapshotLength>0)for(r=0;r<e.snapshotLength;r++){var o;if("g"==(null===(o=e.snapshotItem(r))||void 0===o?void 0:o.nodeName))e.snapshotItem(r).setAttribute("display","none")}}(),function findStretchAreas(e,t,r){var n=0,a=0,i=0,o=l.evaluate("//*[starts-with(@id,'SAH')]",l,null,7,null),s=[];for(i=0;i<o.snapshotLength;i++)s.push(o.snapshotItem(i));for(i=0;i<s.length;i++)"polygon"==s[i].nodeName&&(s[i]=convertPolygonToRect(s[i],l)),"rect"==s[i].nodeName&&(s[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(s[i],t)),n+=parseFloat(s[i].getAttribute("width")),D.push(s[i]);var m=l.evaluate("//*[starts-with(@id,'SAV')]",l,null,7,null),h=[];for(i=0;i<m.snapshotLength;i++)h.push(m.snapshotItem(i));for(i=0;i<h.length;i++)"polygon"==h[i].nodeName&&(h[i]=convertPolygonToRect(h[i],l)),"rect"==h[i].nodeName&&(h[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(h[i],t)),a+=parseFloat(h[i].getAttribute("height")),y.push(h[i]);var d=l.evaluate("//*[starts-with(@id,'OLF')]",l,null,7,null);for(i=0;i<d.snapshotLength;i++)I=!0,calcOlfAndOlt(d.snapshotItem(i),"OLF");var p=l.evaluate("//*[starts-with(@id,'OLT')]",l,null,7,null);for(i=0;i<p.snapshotLength;i++){var f;p.snapshotLength>1&&"TE"!=(null===(f=p.snapshotItem(i))||void 0===f||null===(f=f.parentElement)||void 0===f?void 0:f.getAttribute("id"))||calcOlfAndOlt(p.snapshotItem(i),"OLT")}I&&(M=w-x,V=S-L);function convertPolygonToRect(e,t){var r=t.createElement("rect");r.setAttribute("id",e.getAttribute("id"));var n=createPolygonElement(e.getAttribute("points")).points;if(n.length>0){for(var a=n[0].x,i=n[0].x,o=n[0].y,l=n[0].y,s=1;s<n.length;s++)n[s].x<a?a=n[s].x:n[s].x>i&&(i=n[s].x),n[s].y<o?o=n[s].y:n[s].y>l&&(l=n[s].y);r.setAttribute("x",a),r.setAttribute("y",o),r.setAttribute("width",i-a),r.setAttribute("height",l-o),e.parentElement.appendChild(r),r.parentElement.removeChild(e)}return r}function calcOlfAndOlt(e,t,r){switch(e.localName){case"rect":e.hasAttribute("x")||e.setAttribute("x","0"),null==!e.hasAttribute("y")&&e.setAttribute("y","0"),"OLT"==t?(x=parseFloat(e.getAttribute("width")),L=parseFloat(e.getAttribute("height"))):"OLF"==t&&(w=parseFloat(e.getAttribute("width")),S=parseFloat(e.getAttribute("height")));break;case"polygon":var n,a,i=createPolygonElement(e.getAttribute("points")),o=0,l=0;i.points[0]&&(n=i.points[0].x,a=i.points[0].y);for(var s=0;s<i.points.length;s++)i.points[s].x>o&&(o=i.points[s].x),i.points[s].y>l&&(l=i.points[s].y),i.points[s].x<n&&(n=i.points[s].x),i.points[s].y<a&&(a=i.points[s].y);"OLT"==t?(x=o-n,L=l-a,O=n,E=a):"OLF"==t&&(w=o-n,S=l-a,T=n,N=a);break;case"path":var u=new g.fabric.Path(e.getAttribute("d"));"OLT"==t?(x=u.width,L=u.height):"OLF"==t&&(w=u.width,S=u.height);break;case"g":var c=e.children;e.setAttribute("id","");for(s=0;s<c.length;s++){switch(c[s].localName){case"rect":case"path":case"polygon":c[s].setAttribute("id",t),calcOlfAndOlt(c[s],t)}break}}}u=x,c=L,function sortSA(){for(var e=0;e<D.length;e++){for(var t=e,r=e+1;r<D.length;r++)parseFloat(D[r].getAttribute("x"))<parseFloat(D[t].getAttribute("x"))&&(t=r);if(t>e){var n=D[e];D[e]=D[t],D[t]=n}}for(e=0;e<y.length;e++){for(t=e,r=e+1;r<y.length;r++)parseFloat(y[r].getAttribute("y"))<parseFloat(y[t].getAttribute("y"))&&(t=r);if(t>e){n=y[e];y[e]=y[t],y[t]=n}}}(),function calcRatioSA(e,t){if(e>0)for(var r=0;r<D.length;r++)P[r]=parseFloat(D[r].getAttribute("width"))/e;if(t>0)for(r=0;r<y.length;r++)k[r]=parseFloat(y[r].getAttribute("height"))/t}(n,a),function clearSA(){for(var e=0;e<D.length;e++)D[e].setAttribute("width","0");for(e=0;e<y.length;e++)y[e].setAttribute("height","0")}(),r()}(s.children,F,(function(){var e;(b/=F.x,A/=F.y,t==z&&r==X)?(e=(e="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):d()(l)).replace(R,"svg"),o(e)):resizeXml(b,A,"OLT",(function(){I?resizeXml(b+M,A+V,"OLF",(function(){s=fixViewBox(s,a,i),C=(C="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):d()(l)).replace(R,"svg"),o(C)})):(s=fixViewBox(s,a,i),C=(C="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(l):d()(l)).replace(R,"svg"),o(C))}))})),{heightOLF:S,widthOLF:w,heightOLT:L,widthOLT:x}}}])}(),v=r(85490),b=m.ZP.initLog("Planner","WEB-PLANNER-LOGIC");const A=new(function(){return(0,i.Z)((function PlannerHandler2D(){(0,a.Z)(this,PlannerHandler2D),(0,o.Z)(this,"svgUtils",void 0),this.svgUtils=new F}),[{key:"checkCollision",value:function checkCollision(e,t,r){if(m.ZP.startSpanOfApm("PlannerHandler2D checkCollision"),!(e.Layer==t.Layer||r.includes(Number(e.Layer))&&r.includes(Number(t.Layer))))return!1;var n=e.getWorld2DBBoxOutline(),a=t.getWorld2DBBoxOutline(),i=function checkCollisionPolygonPolygon(e,t){for(var r=0;r<e.length;r++)for(var n=e[r],a=e[(r+1)%e.length],i=0;i<t.length;i++){var o=t[i],l=t[(i+1)%t.length];if("Intersection"==g.fabric.Intersection.intersectLineLine(new g.fabric.Point(n.x,n.y),new g.fabric.Point(a.x,a.y),new g.fabric.Point(o.x,o.y),new g.fabric.Point(l.x,l.y)).status)return!0}return!1};if(i(n,a)){if(!e.HasOLTPolygon&&!e.HasOLFPolygon)return b.error(new m.GE("checkCollision PlannerHandler2D - The element with id: "+e.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),m.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;if(!t.HasOLTPolygon&&!t.HasOLFPolygon)return b.error(new m.GE("checkCollision PlannerHandler2D - The element with id: "+t.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),m.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;var o=e.HasOLFPolygon?e.getOLFPolygonWorldPos():e.getOLTPolygonWorldPos(),l=t.HasOLFPolygon?t.getOLFPolygonWorldPos():t.getOLTPolygonWorldPos();return m.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),i(o,l)}return m.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),function checkPolygonInsidePolygon(e,t){for(var r=0,n=0,a=0;a<e.length;a++){for(var i=e[a],o=new p.FM(i.x+999999,i.y),l=0,s=0;s<t.length;s++){var u=t[s],c=t[(s+1)%t.length];"Intersection"==g.fabric.Intersection.intersectLineLine(new g.fabric.Point(i.x,i.y),new g.fabric.Point(o.x,o.y),new g.fabric.Point(u.x,u.y),new g.fabric.Point(c.x,c.y)).status&&l++}if(l%2==0?r++:n++,r>0&&n>0)return!1}return!(r>0&&n>0)&&n==e.length}(n,a)}},{key:"caluclatePNGOfSVG",value:function caluclatePNGOfSVG(e){m.ZP.startSpanOfApm("PlannerHandler2D caluclatePNGOfSVG"),document.createElement("canvas").id="helperCanvasConverter";var t=new g.fabric.Canvas("helperCanvasConverter");t.backgroundColor="#fff",t.setWidth(m.ZP.UnitRecalc*e.getWidthOLT()),t.setHeight(m.ZP.UnitRecalc*e.getHeightOLT());var r=e.getSVGShapeOLT2D();t.add(r),r.bringToFront(),t.renderAll();var n=t.toDataURL({format:"jpeg",quality:1});e.SvgDataOLTBase64=n}},{key:"parseSvg",value:function parseSvg(e,t,r,n,a){var i=this;t=this.svgUtils.removeMaskFromSvg(t),v.Z.initDockingPointsFromSvg(e,this.svgUtils.getDPsInSVG(t),r,n);var o=this.svgUtils.removeOLFFromSvg(t),l=this.svgUtils.getPointOfPoligonById(t,"OLT");null!=l&&l.length||b.warn("no olt fount in svg for element"+e.ArticleCodex+" with id "+e.getElementId()),e.OLTPolygon=l;var s=this.svgUtils.getPointOfPoligonById(t,"OLF"),u=this.svgUtils.getOLFGeometryFromSvg(t);if(null!=s&&s.length){var c,h,d=this.svgUtils.getBoundingBoxOfPoints(s),f=null!==(c=null==u?void 0:u.width)&&void 0!==c?c:d.width,F=null!==(h=null==u?void 0:u.height)&&void 0!==h?h:d.height;e.setupOLF(s,f,F)}else{var A=this.svgUtils.getOLFGeometryFromSvg(t);if(A){var D=[new p.FM(A.minX,A.minY),new p.FM(A.minX+A.width,A.minY),new p.FM(A.minX+A.width,A.minY+A.height),new p.FM(A.minX,A.minY+A.height)];e.setupOLF(D,A.width,A.height)}else null!=a&&a.heightOLF,null!=a&&a.widthOLF?e.setupOLF(s,null==a?void 0:a.widthOLF,null==a?void 0:a.heightOLF):e.clearOLF()}if("undefined"!=typeof window)return new Promise((function(r,n){g.fabric.loadSVGFromString(t,(function(n,a){e.cleanShapeOLF2D();for(var l=[],s=0,u=0,c=0,h=0,d=0;d<n.length;d++){var p=n[d];if(p.setCoords(),p.id)switch(p.id.toString().substring(0,3)){case"OLF":p.stroke="none";break;case"OLT":p.stroke="none",c=p.width,h=p.height}l.push(p)}var f=i.svgUtils.getOLFGeometryFromSvg(t),F=i.svgUtils.getOLTGeometryFromSvg(t);f&&F&&(u=F.x-f.minX,s=F.y-f.minY,c=F.width,h=F.height);var v=g.fabric.util.groupSVGElements(l,a);v.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),e.DoSetWidthFromSVG&&v.width&&(e.WidthFromSVG=v.width/m.ZP.UnitRecalc),e.DoSetDepthFromSVG&&v.height&&(e.DepthFromSVG=v.height/m.ZP.UnitRecalc),e.SvgShapeOLF2D=v,e.OLTDepth=h,e.OLTWidth=c,e.OLTTop=s,e.OLTLeft=u,e.SvgData=t,g.fabric.loadSVGFromString(o,(function(t,a){if(e.cleanShapeOLT2D(),F)a.width=F.width,a.height=F.height;else for(var o=0;o<n.length;o++){var l=n[o];if(l.id&&l.id.toString().startsWith("OLT")){a.height=l.height,a.width=l.width;break}}var s=g.fabric.util.groupSVGElements(t,a);s.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),e.SvgShapeOLT2D=s,i.caluclatePNGOfSVG(e),r()}))}))}))}},{key:"getMinBorderSVG",value:function getMinBorderSVG(e){return"undefined"==typeof window?{svgMinXVal:0,svgMinYVal:0}:new Promise((function(t,r){var n=Number.POSITIVE_INFINITY,a=Number.POSITIVE_INFINITY;g.fabric.loadSVGFromString(e,(function(e,r){for(var i,o=0;o<e.length;o++){var l=e[o];l.id&&(i=l.id.toString()),null!=i&&i.startsWith("AV")||(n>l.left&&(n=l.left),a>l.top&&(a=l.top))}t({svgMinXVal:n,svgMinYVal:a})}))}))}},{key:"loadSVG",value:(e=(0,n.Z)(s().mark((function _callee(e,t){var r,n,a,i,o,l,u,c,g,h=this;return s().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(r=e.SvgFileName){s.next=3;break}return s.abrupt("return",!1);case 3:if(!t.CatalogData.isIDMFormat){s.next=9;break}return s.next=6,t.api.fetchData(r,{method:"GET",config:{},data:{}});case 6:n=s.sent,s.next=16;break;case 9:return s.next=11,t.api.getDataCache(this.getSVGUrl(r,t.CatalogData.mediaUrl),void 0,t.CatalogData.accountSessionGuid);case 11:if(!(i=s.sent).Error){s.next=14;break}throw new Error(i.Error);case 14:"success"==i.Result.toLowerCase()&&(a=i.Content),n=m.ZP.decodeBase64(a);case 16:if(n||b.error(new m.GE("Fehler beim laden des SVGs ",{code:"WC_0009",custom:{svgFile:r}})),e.svgBefore=n,o=e.Width,-1===(l=e.Depth)&&-1!==e.Height&&(l=e.Height),!(null!=o&&o>0&&null!=l&&l>0)){s.next=33;break}return s.next=24,this.getMinBorderSVG(n);case 24:return c=s.sent,g="",s.next=28,new Promise((function(e,r){u=h.svgUtils.ccCheckStretchAreas(n,o,l,t.CatalogData.useGlobalSVGScale,c.svgMinXVal,c.svgMinYVal,(function(t){g=t,e()}))}));case 28:return e.svgAfter=g,s.next=31,this.parseSvg(e,g,c,t.CatalogData.getPlannerConfig(),u);case 31:s.next=36;break;case 33:return e.svgAfter=n,s.next=36,this.parseSvg(e,n,{svgMinXVal:0,svgMinYVal:0},t.CatalogData.getPlannerConfig());case 36:return s.abrupt("return",!0);case 37:case"end":return s.stop()}}),_callee,this)}))),function loadSVG(t,r){return e.apply(this,arguments)})},{key:"getSVGUrl",value:function getSVGUrl(e,t){var r=t+"pln_"+e,n=r.indexOf("/files/");return r=r.substring(n),"function=GetFileAsString&fileUrl="+encodeURIComponent(r)}}]);var e}())},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7541.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(63762),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),u=i.n(a),r=i(90569),s=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=p();l()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(63762),l=i(9420),a=(i(87363),i(88683)),u=i(9211),r=i(93379),s=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(16751),w=i(83485),D=i(68636),z=i(56340),P=i(47514),S=(0,a.getLogger)("Planner","InfoBox");const j=(0,l.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,l=n.productClass,r=(0,d.NP)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=r.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=r.getViewConfig().hideWebConfiguratorTitle||r.getViewConfig().hideWebConfiguratorTitleInMobile&&r.getIsInMobileView(),G=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,l,r.uiState.isMobileLandscape?M.rK:void 0,r.uiState.isMobilePortrait?M.tW:void 0,r.uiState.isTablet?M.Mq:void 0,r.uiState.configSettingsIsExpanded?M.zh:void 0,r.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:r.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=r.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=r.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(u.default,{})}),!r.uiState.isInMobileView&&r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:r.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.productState.currentBanner.contentItemId,title:n})}})}),j&&!r.uiState.isInMobileView&&!r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(63762),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],u=(0,o.useState)(!1),r=(0,t.Z)(u,2),s=r[0],x=r[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(63762),u=i(9420),r=i(47514);const s=(0,u.Pi)((function PriceCounter(n){var e,i,u=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(u)}),[u]),(0,r.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>u});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",u="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),u=i.n(a),r=new URL(i(36047),i.b),s=l()(o()),x=u()(r);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(63762),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),u=i(90569),r=i.n(u),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=r().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var I=i(39667),b=i(64263),M=i(19047),w=i(65515),y=i.n(w),N=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,N.useTranslation)().t;return(0,D.jsx)("ul",{className:y()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:y()(b.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(I.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(65515),o=i.n(t),d=i(63762),l=i(9420),a=(i(87363),i(88683)),s=i(9211),u=i(93379),r=i.n(u),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),v=i.n(h),I=i(44589),b=i.n(I),M=i(26876),w={};w.styleTagTransform=b(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();r()(M.ZP,w);M.ZP&&M.ZP.locals&&M.ZP.locals;var y=i(16751),N=i(83485),D=i(68636),z=i(56340),S=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,t,l,u,r,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,I=(0,a.useDivaCore)(),b=I.state,w=b.hidePrices,P=b.dimensions,C=P.isMobile,A=(P.isTablet,b.navigationConfiguration),Z=A.enableMobile,G=A.hideHeader,k=I.actions.openSideMenu,B=C&&Z&&!G,H=f.getViewConfig().productHeaderContentBox,T=(0,N.W)(),L=T.dimensions,Q=T.dimOnlyForOneArticle,E=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),V=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,K=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!C;return(0,S.jsxs)("div",{className:o()(M.YS,g,f.uiState.isMobileLandscape?M.rK:void 0,f.uiState.isMobilePortrait?M.tW:void 0,f.uiState.isTablet?M.Mq:void 0,f.uiState.configSettingsIsExpanded?M.zh:void 0,f.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,V?M.y6:void 0,M.Gr),children:[B&&(0,S.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return k()}}),(0,S.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!E&&(0,S.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,S.jsxs)("div",{className:M.NG,children:[!w&&!p&&(0,S.jsxs)("div",{className:M.u$,children:[(0,S.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,S.jsx)(z.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,S.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,S.jsx)(z.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),K&&(0,S.jsxs)(S.Fragment,{children:[(null!==(t=null==v?void 0:v.X)&&void 0!==t?t:0)>0&&(0,S.jsxs)("div",{className:M.MB,children:[(0,S.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,S.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(u=null==v?void 0:v.Y)&&void 0!==u?u:-1," × ",null!==(r=null==v?void 0:v.Z)&&void 0!==r?r:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,S.jsxs)("div",{className:M.MB,children:[(0,S.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,S.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(K||!C)&&!(null==L||!L.length)&&L.map((function(n){var e,i;return(0,S.jsxs)("div",{className:M.MB,children:[(0,S.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!Q&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,S.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,S.jsx)("div",{className:M.AJ,children:(0,S.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,S.jsx)("div",{className:M.az,children:(0,S.jsx)(D.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),H&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,S.jsx)("div",{className:M.az,children:(0,S.jsx)(y.p,{settings:{contentBoxProps:H}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(63762),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],s=(0,o.useState)(!1),u=(0,t.Z)(s,2),r=u[0],x=u[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:r}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(63762),s=i(9420),u=i(47514);const r=(0,s.Pi)((function PriceCounter(n){var e,i,s=n.price,r=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),v=(0,t.Z)(h,2),I=v[0],b=v[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(s)}),[s]),(0,u.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:I,formattingFn:function formattingFn(n){return r?r(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){b(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>u,ai:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",s="index-module--EY0yA";const u=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>S,MB:()=>N,Mq:()=>z,NG:()=>b,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>I,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>w,xk:()=>y,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),u=new URL(i(36047),i.b),r=l()(o()),x=s()(u);r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",v="index-module--lRnbu",I="index-module--aRkML",b="index-module--cN5ML",M="index-module--l1SgD",w="index-module--luGNt",y="index-module--uuqou",N="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",S="index-module--Jnc8i",j="index-module--CRegi";const P=r},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7970.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7970],{57970:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),a=i(63762),o=i(93379),d=i.n(o),s=i(7795),l=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),x=i.n(h),v=i(44589),f=i.n(v),C=i(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=x();d()(C.ZP,b);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=i(65515),j=i.n(g),y=i(24585),w=i(83485),L=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t=(0,a.NP)(),r=(0,w.W)(),o=r.dimensions,d=r.dimOnlyForOneArticle,s=(0,L.useTranslation)().t,l=t.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),s("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:s("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==l?void 0:l.X)&&void 0!==n?n:-1," × ",null!==(e=null==l?void 0:l.Y)&&void 0!==e?e:-1," × ",null!==(i=null==l?void 0:l.Z)&&void 0!==i?i:-1," cm"]})]}),!(null==o||!o.length)&&(null==o?void 0:o.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!d&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),t.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(y.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),s("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>o});var t=i(34988),r=i(87363),a=i(63762),o=function useCustomDimensions(){var n=(0,a.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),o=i[0],d=i[1],s=(0,r.useState)(!1),l=(0,t.Z)(s,2),c=l[0],u=l[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){d(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:o,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>s,Fs:()=>c,LI:()=>h,O7:()=>l,Sn:()=>m,YS:()=>d,ZP:()=>x,kr:()=>p});var t=i(8081),r=i.n(t),a=i(23645),o=i.n(a)()(r());o.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",s="index-module--K4_z9",l="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const x=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7970],{57970:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),o=i(63762),d=i(93379),a=i.n(d),l=i(7795),s=i.n(l),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),v=i.n(h),x=i(44589),f=i.n(x),C=i(2348),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(65515),j=i.n(b),w=i(24585),L=i(83485),y=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t,r,d,a=(0,o.NP)(),l=(0,L.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,y.useTranslation)().t,m=a.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==m?void 0:m.X)&&void 0!==n?n:-1," × ",null!==(e=null==m?void 0:m.Y)&&void 0!==e?e:-1," × ",null!==(i=null==m?void 0:m.Z)&&void 0!==i?i:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.without_olf")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(t=null==m?void 0:m.wOLT)&&void 0!==t?t:-1," × ",null!==(r=null==m?void 0:m.dOLT)&&void 0!==r?r:-1," × ",null!==(d=null==m?void 0:m.hOLT)&&void 0!==d?d:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:u("configurator.headerdimension."+n.dimensionId),!c&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),a.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(34988),r=i(87363),o=i(63762),d=function useCustomDimensions(){var n=(0,o.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],a=i[1],l=(0,r.useState)(!1),s=(0,t.Z)(l,2),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>h,O7:()=>s,Sn:()=>m,YS:()=>a,ZP:()=>v,kr:()=>p});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var a="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const v=d}}]);

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),r=o(43860),n=o(80248),i=o(63846),s=o(89229),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"settingsState",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.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,n.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,n.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,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.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(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];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?n=g:s.name==l.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;l.canvas.width&&l.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: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&D&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&D&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.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),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=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i,this.settingsState=c}),[{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.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,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","PLANNER_2.0"].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.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(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.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(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.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(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.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 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","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.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.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.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,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,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),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.FM(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.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(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(89229),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:()=>{}}]);