@crystaldesign/diva-web-planner-react 26.8.0-beta.10 → 26.8.0-beta.12

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5860.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5860],{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)},96818:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(13125),a=r(43860),i=r(19655),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}}])}())},72225:(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(19655),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,l){var s,u,c,h,p,F,v,b=m.ZP.UnitRecalc,A=t*b,D=r*b,y=[],P=[],k=[],x=[],L=0,w=0,S=0,O=0,E=0,T=0,I=0,N=0,M=!1,V=0,C=0,R="",B=new RegExp("svg","g"),z=(e=e.replace(B,"xxx"),new DOMParser);s=z.parseFromString(e,"application/xml"),u=s.getElementsByTagName("xxx")[0],B=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*=b):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*=b):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)}(u),v=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)}(u),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*=b):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*=b):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)}}(u),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)}}(u,v);var X=Math.round(parseFloat(u.getAttribute("width"))/b*100)/100,G=Math.round(parseFloat(u.getAttribute("height"))/b*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?L:S,o="OLT"==r?w:O;if(!n&&P[0]&&t!=o){"OLT"==r?w=t:O=t;for(var l=round(t-o),s=0,c=0;c<P.length;c++)P[c].setAttribute("y",round(parseFloat(P[c].getAttribute("y"))+s)),P[c].setAttribute("height",round(l*x[c])),s+=round(l*x[c]);fixXMLObject(u,"SAV",r)}if(!n&&e!=i&&y[0]){"OLT"==r?L=e:S=e;var g=round(e-i),m=0;for(c=0;c<y.length;c++)"OLT"==r&&(y[c].setAttribute("x",round(parseFloat(y[c].getAttribute("x"))+m)),m+=round(g*k[c])),y[c].setAttribute("width",round(g*k[c]));fixXMLObject(u,"SAH",r)}var h=!1;n&&t!=o&&(F=t/o,h=!0,"OLT"==r?w=t:O=t),n&&e!=i&&(p=e/i,h=!0,"OLT"==r?L=e:S=e),h&&fixXMLObject(u,"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=A/c;r=Math.round(r*n),e.setAttribute("width",r+"px")}else if("SAV"==t){var a=parseInt(e.getAttribute("height"),10),i=D/h;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<y.length;o++){r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2"));var l=parseFloat(y[o].getAttribute("x"));scaleLineX(r,a,l,round(l+parseFloat(y[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<y.length;r++)for(var n=parseFloat(y[r].getAttribute("x")),a=round(n+parseFloat(y[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<y.length;r++){var n=parseFloat(e.getAttribute("x")),a=round(n+parseFloat(e.getAttribute("width"))),i=parseFloat(y[r].getAttribute("x"));scaleRectX(n,a,i,round(i+parseFloat(y[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<y.length;r++)for(var n,a=parseFloat(y[r].getAttribute("x")),i=round(a+parseFloat(y[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=I+S>E+L?I+S:E+L,i=N+O>T+w?N+O:T+w;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=y[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){var r,n,a=[],i=[],o=0,s={};if(""===(e=null==e?"":String(e).trim()))return s.elements=[],s;for(var u=0;u<e.length;u++){var c=e.charAt(u);" "==c&&u-1>0&&(1===(n=e.charAt(u-1)).length&&n.match(/[a-z]/i))||(" "==c||isNaN(c)&&"."!=c&&"-"!=c?","==c||" "==c?(null!=i[o]&&(i[o]=parseFloat(i[o])),isNaN(e.charAt(u+1))||" "==e.charAt(u+1)||o++):" "!=c&&"."!=c&&"-"!=c&&(null==r?r=c:(null!=i[o]&&(i[o]=parseFloat(i[o]),checkForSkippedLiterals(t),"z"==c&&a.push(createPoint("z",null))),r=c,i=[],o=0)):null!=i[o]&&"-"==c?(i[o]=parseFloat(i[o]),o++,i[o]=c):null!=i[o]?i[o]+=c:i[o]=c)}function checkForSkippedLiterals(t){var n=0;switch(r){case"M":case"m":case"L":case"l":n=2;break;case"H":case"h":case"V":case"v":n=1;break;case"C":case"c":n=6;break;case"S":case"s":n=4;break;default:return void f.warn("[SVGUtils] ccCheckStretchAreas: svg path command: "+r+" unknown; path d: "+e+(null!=l&&""!==l?"; svg url: "+l:""))}for(var o=0;o<i.length;o+=n){for(var s=[],u=0;u<n;u++)s.push(i[o+u]);a.push(createPoint(r,s,t))}}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),s.elements=a,s}function round(e){return Math.round(1e3*e)/1e3}return 0==A&&(X=parseFloat(u.getAttribute("width"))),0==D&&(D=parseFloat(u.getAttribute("height"))),function correctTEAttributes(){var e=s.evaluate("//*[starts-with(@id,'TE')]",s,null,7,null);if(0==e.snapshotLength){var t=s.evaluate("//*[starts-with(@id,'OLT')]",s,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=s.evaluate("//*[starts-with(@id,'TE')]",s,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=s.evaluate("//*[starts-with(@id,'SAH')]",s,null,7,null),l=[];for(i=0;i<o.snapshotLength;i++)l.push(o.snapshotItem(i));for(i=0;i<l.length;i++)"polygon"==l[i].nodeName&&(l[i]=convertPolygonToRect(l[i],s)),"rect"==l[i].nodeName&&(l[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(l[i],t)),n+=parseFloat(l[i].getAttribute("width")),y.push(l[i]);var u=s.evaluate("//*[starts-with(@id,'SAV')]",s,null,7,null),m=[];for(i=0;i<u.snapshotLength;i++)m.push(u.snapshotItem(i));for(i=0;i<m.length;i++)"polygon"==m[i].nodeName&&(m[i]=convertPolygonToRect(m[i],s)),"rect"==m[i].nodeName&&(m[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(m[i],t)),a+=parseFloat(m[i].getAttribute("height")),P.push(m[i]);var d=s.evaluate("//*[starts-with(@id,'OLF')]",s,null,7,null);for(i=0;i<d.snapshotLength;i++)M=!0,calcOlfAndOlt(d.snapshotItem(i),"OLF");var p=s.evaluate("//*[starts-with(@id,'OLT')]",s,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")}M&&(V=S-L,C=O-w);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?(L=parseFloat(e.getAttribute("width")),w=parseFloat(e.getAttribute("height"))):"OLF"==t&&(S=parseFloat(e.getAttribute("width")),O=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?(L=o-n,w=l-a,E=n,T=a):"OLF"==t&&(S=o-n,O=l-a,I=n,N=a);break;case"path":var u=new g.fabric.Path(e.getAttribute("d"));"OLT"==t?(L=u.width,w=u.height):"OLF"==t&&(S=u.width,O=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}}}c=L,h=w,function sortSA(){for(var e=0;e<y.length;e++){for(var t=e,r=e+1;r<y.length;r++)parseFloat(y[r].getAttribute("x"))<parseFloat(y[t].getAttribute("x"))&&(t=r);if(t>e){var n=y[e];y[e]=y[t],y[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<y.length;r++)k[r]=parseFloat(y[r].getAttribute("width"))/e;if(t>0)for(r=0;r<P.length;r++)x[r]=parseFloat(P[r].getAttribute("height"))/t}(n,a),function clearSA(){for(var e=0;e<y.length;e++)y[e].setAttribute("width","0");for(e=0;e<P.length;e++)P[e].setAttribute("height","0")}(),r()}(u.children,v,(function(){var e;(A/=v.x,D/=v.y,t==X&&r==G)?(e=(e="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(e)):resizeXml(A,D,"OLT",(function(){M?resizeXml(A+V,D+C,"OLF",(function(){u=fixViewBox(u,a,i),R=(R="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(R)})):(u=fixViewBox(u,a,i),R=(R="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(R))}))})),{heightOLF:O,widthOLF:S,heightOLT:w,widthOLT:L}}}])}(),v=r(96818),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,d=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=34;break}return s.next=24,this.getMinBorderSVG(n);case 24:return c=s.sent,g=t.CatalogData.isIDMFormat?r:"".concat(t.CatalogData.mediaUrl,"pln_").concat(r),h="",s.next=29,new Promise((function(e,r){u=d.svgUtils.ccCheckStretchAreas(n,o,l,t.CatalogData.useGlobalSVGScale,c.svgMinXVal,c.svgMinYVal,(function(t){h=t,e()}),g)}));case 29:return e.svgAfter=h,s.next=32,this.parseSvg(e,h,c,t.CatalogData.getPlannerConfig(),u);case 32:s.next=37;break;case 34:return e.svgAfter=n,s.next=37,this.parseSvg(e,n,{svgMinXVal:0,svgMinYVal:0},t.CatalogData.getPlannerConfig());case 37:return s.abrupt("return",!0);case 38: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([[5860],{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)},96818:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(13125),a=r(43860),i=r(19655),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.PlannerConfig.ignoreDockingNumber&&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}}])}())},72225:(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(19655),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,l){var s,u,c,h,p,F,v,b=m.ZP.UnitRecalc,A=t*b,D=r*b,y=[],P=[],k=[],x=[],L=0,w=0,S=0,O=0,E=0,T=0,N=0,I=0,M=!1,V=0,C=0,R="",B=new RegExp("svg","g"),z=(e=e.replace(B,"xxx"),new DOMParser);s=z.parseFromString(e,"application/xml"),u=s.getElementsByTagName("xxx")[0],B=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*=b):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*=b):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)}(u),v=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)}(u),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*=b):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*=b):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)}}(u),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)}}(u,v);var X=Math.round(parseFloat(u.getAttribute("width"))/b*100)/100,G=Math.round(parseFloat(u.getAttribute("height"))/b*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?L:S,o="OLT"==r?w:O;if(!n&&P[0]&&t!=o){"OLT"==r?w=t:O=t;for(var l=round(t-o),s=0,c=0;c<P.length;c++)P[c].setAttribute("y",round(parseFloat(P[c].getAttribute("y"))+s)),P[c].setAttribute("height",round(l*x[c])),s+=round(l*x[c]);fixXMLObject(u,"SAV",r)}if(!n&&e!=i&&y[0]){"OLT"==r?L=e:S=e;var g=round(e-i),m=0;for(c=0;c<y.length;c++)"OLT"==r&&(y[c].setAttribute("x",round(parseFloat(y[c].getAttribute("x"))+m)),m+=round(g*k[c])),y[c].setAttribute("width",round(g*k[c]));fixXMLObject(u,"SAH",r)}var h=!1;n&&t!=o&&(F=t/o,h=!0,"OLT"==r?w=t:O=t),n&&e!=i&&(p=e/i,h=!0,"OLT"==r?L=e:S=e),h&&fixXMLObject(u,"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=A/c;r=Math.round(r*n),e.setAttribute("width",r+"px")}else if("SAV"==t){var a=parseInt(e.getAttribute("height"),10),i=D/h;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<y.length;o++){r=parseFloat(e.getAttribute("x1")),a=parseFloat(e.getAttribute("x2"));var l=parseFloat(y[o].getAttribute("x"));scaleLineX(r,a,l,round(l+parseFloat(y[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<y.length;r++)for(var n=parseFloat(y[r].getAttribute("x")),a=round(n+parseFloat(y[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<y.length;r++){var n=parseFloat(e.getAttribute("x")),a=round(n+parseFloat(e.getAttribute("width"))),i=parseFloat(y[r].getAttribute("x"));scaleRectX(n,a,i,round(i+parseFloat(y[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<y.length;r++)for(var n,a=parseFloat(y[r].getAttribute("x")),i=round(a+parseFloat(y[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=N+S>E+L?N+S:E+L,i=I+O>T+w?I+O:T+w;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=y[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){var r,n,a=[],i=[],o=0,s={};if(""===(e=null==e?"":String(e).trim()))return s.elements=[],s;for(var u=0;u<e.length;u++){var c=e.charAt(u);" "==c&&u-1>0&&(1===(n=e.charAt(u-1)).length&&n.match(/[a-z]/i))||(" "==c||isNaN(c)&&"."!=c&&"-"!=c?","==c||" "==c?(null!=i[o]&&(i[o]=parseFloat(i[o])),isNaN(e.charAt(u+1))||" "==e.charAt(u+1)||o++):" "!=c&&"."!=c&&"-"!=c&&(null==r?r=c:(null!=i[o]&&(i[o]=parseFloat(i[o]),checkForSkippedLiterals(t),"z"==c&&a.push(createPoint("z",null))),r=c,i=[],o=0)):null!=i[o]&&"-"==c?(i[o]=parseFloat(i[o]),o++,i[o]=c):null!=i[o]?i[o]+=c:i[o]=c)}function checkForSkippedLiterals(t){var n=0;switch(r){case"M":case"m":case"L":case"l":n=2;break;case"H":case"h":case"V":case"v":n=1;break;case"C":case"c":n=6;break;case"S":case"s":n=4;break;default:return void f.warn("[SVGUtils] ccCheckStretchAreas: svg path command: "+r+" unknown; path d: "+e+(null!=l&&""!==l?"; svg url: "+l:""))}for(var o=0;o<i.length;o+=n){for(var s=[],u=0;u<n;u++)s.push(i[o+u]);a.push(createPoint(r,s,t))}}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),s.elements=a,s}function round(e){return Math.round(1e3*e)/1e3}return 0==A&&(X=parseFloat(u.getAttribute("width"))),0==D&&(D=parseFloat(u.getAttribute("height"))),function correctTEAttributes(){var e=s.evaluate("//*[starts-with(@id,'TE')]",s,null,7,null);if(0==e.snapshotLength){var t=s.evaluate("//*[starts-with(@id,'OLT')]",s,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=s.evaluate("//*[starts-with(@id,'TE')]",s,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=s.evaluate("//*[starts-with(@id,'SAH')]",s,null,7,null),l=[];for(i=0;i<o.snapshotLength;i++)l.push(o.snapshotItem(i));for(i=0;i<l.length;i++)"polygon"==l[i].nodeName&&(l[i]=convertPolygonToRect(l[i],s)),"rect"==l[i].nodeName&&(l[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(l[i],t)),n+=parseFloat(l[i].getAttribute("width")),y.push(l[i]);var u=s.evaluate("//*[starts-with(@id,'SAV')]",s,null,7,null),m=[];for(i=0;i<u.snapshotLength;i++)m.push(u.snapshotItem(i));for(i=0;i<m.length;i++)"polygon"==m[i].nodeName&&(m[i]=convertPolygonToRect(m[i],s)),"rect"==m[i].nodeName&&(m[i].setAttribute("style","fill:none;"),correctViewBoxScaleRectangle(m[i],t)),a+=parseFloat(m[i].getAttribute("height")),P.push(m[i]);var d=s.evaluate("//*[starts-with(@id,'OLF')]",s,null,7,null);for(i=0;i<d.snapshotLength;i++)M=!0,calcOlfAndOlt(d.snapshotItem(i),"OLF");var p=s.evaluate("//*[starts-with(@id,'OLT')]",s,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")}M&&(V=S-L,C=O-w);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?(L=parseFloat(e.getAttribute("width")),w=parseFloat(e.getAttribute("height"))):"OLF"==t&&(S=parseFloat(e.getAttribute("width")),O=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?(L=o-n,w=l-a,E=n,T=a):"OLF"==t&&(S=o-n,O=l-a,N=n,I=a);break;case"path":var u=new g.fabric.Path(e.getAttribute("d"));"OLT"==t?(L=u.width,w=u.height):"OLF"==t&&(S=u.width,O=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}}}c=L,h=w,function sortSA(){for(var e=0;e<y.length;e++){for(var t=e,r=e+1;r<y.length;r++)parseFloat(y[r].getAttribute("x"))<parseFloat(y[t].getAttribute("x"))&&(t=r);if(t>e){var n=y[e];y[e]=y[t],y[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<y.length;r++)k[r]=parseFloat(y[r].getAttribute("width"))/e;if(t>0)for(r=0;r<P.length;r++)x[r]=parseFloat(P[r].getAttribute("height"))/t}(n,a),function clearSA(){for(var e=0;e<y.length;e++)y[e].setAttribute("width","0");for(e=0;e<P.length;e++)P[e].setAttribute("height","0")}(),r()}(u.children,v,(function(){var e;(A/=v.x,D/=v.y,t==X&&r==G)?(e=(e="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(e)):resizeXml(A,D,"OLT",(function(){M?resizeXml(A+V,D+C,"OLF",(function(){u=fixViewBox(u,a,i),R=(R="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(R)})):(u=fixViewBox(u,a,i),R=(R="undefined"!=typeof XMLSerializer?(new XMLSerializer).serializeToString(s):d()(s)).replace(B,"svg"),o(R))}))})),{heightOLF:O,widthOLF:S,heightOLT:w,widthOLT:L}}}])}(),v=r(96818),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,d=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=34;break}return s.next=24,this.getMinBorderSVG(n);case 24:return c=s.sent,g=t.CatalogData.isIDMFormat?r:"".concat(t.CatalogData.mediaUrl,"pln_").concat(r),h="",s.next=29,new Promise((function(e,r){u=d.svgUtils.ccCheckStretchAreas(n,o,l,t.CatalogData.useGlobalSVGScale,c.svgMinXVal,c.svgMinYVal,(function(t){h=t,e()}),g)}));case 29:return e.svgAfter=h,s.next=32,this.parseSvg(e,h,c,t.CatalogData.getPlannerConfig(),u);case 32:s.next=37;break;case 34:return e.svgAfter=n,s.next=37,this.parseSvg(e,n,{svgMinXVal:0,svgMinYVal:0},t.CatalogData.getPlannerConfig());case 37:return s.abrupt("return",!0);case 38: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/7000.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 7000.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7e3,509,2980,4348,4788,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(48984),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u=("Hidden"!==s.uiState.ViewConfig.headerInConfigPalette||!a.hideHeader)&&"CHECKOUT"!==a.configStepKey&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE")||s.settingsState.showTabgroupHeaderForConfigSinge);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},72980:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(48984),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},14348:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(48984),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(2829),o=t(48984),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(14348),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(2829),d=t(48984),s=t(34788),a=t(14348),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,r=(0,d.NP)(),c=(0,o.useState)([]),m=(0,i.Z)(c,2),x=m[0],g=m[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],o=r.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==o?void 0:o.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();g(e)}),[n]),(0,u.jsx)(u.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},67e3:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(48984),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(72980),j=t(26937),T=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(j.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,T.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7e3,509,2980,4348,4788,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(12952),r=t(48984),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},72980:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(48984),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},14348:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(48984),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(2829),r=t(48984),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(14348),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(2829),d=t(48984),s=t(34788),a=t(14348),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},67e3:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),r=t(48984),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(72980),j=t(26937),T=t(47514);const w=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,T.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7022.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7022,4937,9001,4190,4900,7853],{24937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(80248),i=t(48984),r=t(9420),a=(t(87363),t(93379)),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),O=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,O.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,O.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,O.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,O.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,O.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,O.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,O.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,O.jsx)("div",{className:s,children:(0,O.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(48984)),a=t(39667),d=t(19047),l=t(88683),s=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(48984),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},37022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(48984),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(42941),j=t(34190),I=t(97853),k=t(79454),P=t(69001),O=t(88683),C=t(24937),N=t(9420),T=t(68063),M=t(82045),B=t(47514),D={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,O.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:y.Bg}),(0,B.jsx)(M.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(C.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(48984)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(48984),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(48984),l=t(82956),s=t(67e3),u=t(74133),c=t(84658),x=t(34988),p=t(50747),g=t.n(p),m=t(88683),b=t(24900),f=t(65515),h=t.n(f),v=t(47514);const y=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,x.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,i,r,a=arguments;return g().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,m.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,m.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,m.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),p=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:p,teaseSwipe:u}}(e),i=t.setSwiperRef,p=t.allSwipes,f=t.handleSlideChange,y=t.handleSetTransition,S=t.handleTransitionEnd,w=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=p&&p.length?(0,v.jsx)(a.tq,{onSlideChange:f,onSetTransition:y,onTransitionEnd:S,initialSlide:w,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:p.map((function(n){var t,o=e.tabGroupState.allTabGroups[n],i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.default,{},n),(0,v.jsx)(b.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,v.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(48984)),a=t(80509),d=t(67e3),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(63224),p=t(51451),g=t(22120),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(48984),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",h="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>w,Mq:()=>P,ZP:()=>O,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const O=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7022,4937,9001,4190,4900,7853],{24937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(48984),r=t(9420),a=(t(87363),t(93379)),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),C=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const O=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,C.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,C.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,C.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,C.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,C.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,C.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:s,children:(0,C.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(48984)),a=t(39667),d=t(19047),l=t(88683),s=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},42941:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(48984),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},37022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(48984),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(42941),j=t(34190),I=t(97853),k=t(79454),P=t(69001),C=t(88683),O=t(24937),N=t(9420),M=t(68063),T=t(82045),B=t(47514),D={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(M.default,{className:y.Bg}),(0,B.jsx)(T.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(O.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(48984)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(48984),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63224:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(48984),l=t(82956),s=t(67e3),u=t(74133),c=t(84658),x=t(12952),p=t(34988),g=t(50747),m=t.n(g),b=t(88683),f=t(24900),h=t(65515),v=t.n(h),y=t(47514);const S=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,p.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=(0,x.Z)(n.tabGroupState.allTabGroups.keys());s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(m().mark((function _callee(){var n,e,t,i,r,a=arguments;return m().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,b.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,b.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,b.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var o=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);o&&n.tabGroupState.navigateToTabgroupByPosNr(o.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),i=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,S=t.handleSetTransition,w=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,y.jsx)(a.tq,{onSlideChange:h,onSetTransition:S,onTransitionEnd:w,initialSlide:j,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,o=e.tabGroupState.allTabGroups.get(n),i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,y.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.default,{},n),(0,y.jsx)(f.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,y.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,y.jsx)(y.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(48984)),a=t(80509),d=t(67e3),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(63224),p=t(51451),g=t(22120),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},82045:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(48984),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",h="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>w,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7387.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7387],{17387:(n,e,t)=>{t.r(e),t.d(e,{default:()=>G});var i=t(65515),o=t.n(i),r=t(48984),a=t(9420),l=t(87363),d=t(88683),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),m=t(90569),x=t.n(m),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),y=t.n(b),k=t(92961),T={};T.styleTagTransform=y(),T.setAttributes=v(),T.insert=x().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=g();u()(k.ZP,T);k.ZP&&k.ZP.locals&&k.ZP.locals;var w=t(47514);const G=(0,a.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,r.NP)(),i=(0,d.useTranslation)().t,a=(0,l.useRef)(null),s=t.tabGroupState.curTabGroup;(0,l.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,a.current)}),[a]);var u=Object.keys(t.tabGroupState.allTabGroups),c=e.posNr==(null==s?void 0:s.posNr),p=u[u.length-1]==e.key;return(0,w.jsxs)("div",{className:o()(k.YS,t.uiState.isMobilePortrait?k.tW:void 0,t.uiState.isTablet?k.Mq:void 0,e.title==(null==s?void 0:s.title)&&c?k.F1:void 0),children:[(0,w.jsx)("div",{ref:a,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:o()(k.TI),children:i("configurator."+e.title,e.title)}),!p&&(0,w.jsx)("div",{className:k.Sf,children:(0,w.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7387],{17387:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(12952),o=t(65515),r=t.n(o),a=t(48984),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);