npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.2.0-beta.9 → 26.3.0-beta.1 - Mend

@crystaldesign/diva-web-planner-react 26.2.0-beta.9 → 26.3.0-beta.1

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

Files changed (378) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3222.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(e,n,i)=>{i.r(n),i.d(n,{default:()=>x});var o=i(34988),t=i(87363),d=i(36115),s=i(59165),r=i(65515),l=i.n(r),a=i(22976),c=i.n(a),u=i(47514);const x=function DecisionVisualization(e){var n=e.decision,i=e.snapshots,r=e.matchingOptions,a=void 0===r?{}:r,x=e.anyData,h=e.onClose,N=(0,t.useRef)(null),g=(0,t.useState)(),p=(0,o.Z)(g,2),j=p[0],f=p[1],m=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,t.useEffect)((function(){if(i){var e={},n=function _loop(){var n=i.before[o],t=i.after[o];e[o]={after:t,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!t.visibleOPVs.includes(e)}))}};for(var o in i.before)n();f(e)}else f(void 0)}),[i]);var b=function isExpanded(e,n,i){var o=i;return!(void 0!==i&&!["removedOpvs","after","before"].includes(i))||!!(j&&o&&j[o]&&JSON.stringify(j[o].before)!==JSON.stringify(j[o].after))};if(void 0!==n.priceFeatureGroupNo){var D,v,O=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:d.ii,ref:N,children:[(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["PriceFeatureGroup #",O.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("div",{children:[m(O.catalogId,"Catalog ID"),m(O._id,"priceFeatureGroup ID"),m(null===(D=O.priceFeatureGroupText)||void 0===D?void 0:D.DE,"priceFeatureGroupText"),m(O.percentageSurcharges,"percentageSurcharges"),m(O.isPercentage,"isPercentage"),m(O.comment,"comment"),m(O.featureNos,"Feature References"),m(O.additionalPrice,"Additional Price"),m(O.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(v=O.finishes)||void 0===v?void 0:v.map((function(e){return(0,u.jsxs)("tr",{className:l()(e.sequence===O.activeCombination?d.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",O.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}if(void 0!==n.Number){var M=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",m(M.Number,"Number")]}),m(M.Type,"Type"),m(M.Prio,"Priority"),m(M.Options,"Options"),m(M.enabled?"Yes":"No","Enabled"),m(M.Number,"Decision Number"),m(M.activeCombination,"Active Combination Index"),m(M.disableHistory,"Disabled History"),M.DOC&&M.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),M.DOC.map((function(e,n){var i;return(0,u.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",m(n,"doc Index"),m(e.JsFormula,"Formula"),Object.values(null!==(i=e.Row)&&void 0!==i?i:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:m(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[m(e.Type,"Action Type"),m(e.FeatureRef,"Feature Ref"),m(e.OptionCodex,"OptionCodex"),m(e.OptionRef,"OptionRef"),m(e.OptionRefCodex,"OptionRefCodex"),m(e.OptionValueRefCodex,"OptionValueRefCodex"),m(e.DecisionNr,"DecisionNr")]},n)}))})]}),m(e.ValidOptionValues,"Valid Option Values"),m(e.RefLevel,"RefLevel"),m(e.ValidOptions,"Valid Options")]},n)}))]}),m(M.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",M.DOC&&M.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}var y,z=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,className:d.ii,children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["Decision #",z.decisionNo]}),(0,u.jsxs)("div",{children:[m(z.catalogId,"Catalog ID"),m(z._id,"Decision ID"),m(z.prio,"Priority"),m(z.decisionType,"Decision Type"),m(z.enabled?"Enabled":"Disabled","Status"),m(z.deleted?"Yes":"No","Deleted"),m(z.featureRefs,"Feature References"),m(z.disableHistory,"Disable History"),m(z.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(y=z.optionCombinations)||void 0===y?void 0:y.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.projectActions)}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}},33981:(e,n,i)=>{i.d(n,{$Q:()=>h,EC:()=>m,Fs:()=>f,Kz:()=>x,Se:()=>N,UF:()=>p,ZP:()=>M,ao:()=>O,dY:()=>v,fm:()=>j,hX:()=>g,ii:()=>b,uR:()=>D});var o=i(8081),t=i.n(o),d=i(23645),s=i.n(d),r=i(61667),l=i.n(r),a=new URL(i(76380),i.b),c=s()(t()),u=l()(a);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var x="index-module--sS9Y_",h="index-module--O5GJU",N="index-module--xNfvC",g="index-module--oALcg",p="index-module--HpoCh",j="index-module--bBk4P",f="index-module--sBWMs",m="index-module--XrXfq",b="index-module--uzZoJ",D="index-module--wrmAf",v="index-module--GsJQn",O="index-module--gf_Q8";const M=c},36115:(e,n,i)=>{i.d(n,{$Q:()=>g.$Q,EC:()=>g.EC,Fs:()=>g.Fs,Kz:()=>g.Kz,Se:()=>g.Se,UF:()=>g.UF,ao:()=>g.ao,dY:()=>g.dY,fm:()=>g.fm,hX:()=>g.hX,ii:()=>g.ii,uR:()=>g.uR});var o=i(93379),t=i.n(o),d=i(7795),s=i.n(d),r=i(90569),l=i.n(r),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),h=i(44589),N=i.n(h),g=i(33981),p={};p.styleTagTransform=N(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=x();t()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(e,n,i)=>{i.r(n),i.d(n,{default:()=>x});var o=i(34988),t=i(87363),d=i(36115),s=i(59165),r=i(65515),l=i.n(r),a=i(22976),c=i.n(a),u=i(47514);const x=function DecisionVisualization(e){var n=e.decision,i=e.snapshots,r=e.matchingOptions,a=void 0===r?{}:r,x=e.anyData,h=e.onClose,N=(0,t.useRef)(null),g=(0,t.useState)(),p=(0,o.Z)(g,2),j=p[0],f=p[1],m=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,t.useEffect)((function(){if(i){var e={},n=function _loop(){var n=i.before[o],t=i.after[o];e[o]={after:t,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!t.visibleOPVs.includes(e)}))}};for(var o in i.before)n();f(e)}else f(void 0)}),[i]);var b=function isExpanded(e,n,i){var o=i;return!(void 0!==i&&!["removedOpvs","after","before"].includes(i))||!!(j&&o&&j[o]&&JSON.stringify(j[o].before)!==JSON.stringify(j[o].after))};if(void 0!==n.priceFeatureGroupNo){var D,v,O=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:d.ii,ref:N,children:[(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["PriceFeatureGroup #",O.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("div",{children:[m(O.catalogId,"Catalog ID"),m(O._id,"priceFeatureGroup ID"),m(null===(D=O.priceFeatureGroupText)||void 0===D?void 0:D.DE,"priceFeatureGroupText"),m(O.projectPercentageSurcharges,"projectPercentageSurcharges"),m(O.isPercentage,"isPercentage"),m(O.comment,"comment"),m(O.featureNos,"Feature References"),m(O.additionalPrice,"Additional Price"),m(O.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(v=O.finishes)||void 0===v?void 0:v.map((function(e){return(0,u.jsxs)("tr",{className:l()(e.sequence===O.activeCombination?d.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",O.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}if(void 0!==n.Number){var M=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",m(M.Number,"Number")]}),m(M.Type,"Type"),m(M.Prio,"Priority"),m(M.Options,"Options"),m(M.enabled?"Yes":"No","Enabled"),m(M.Number,"Decision Number"),m(M.activeCombination,"Active Combination Index"),m(M.disableHistory,"Disabled History"),M.DOC&&M.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),M.DOC.map((function(e,n){var i;return(0,u.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",m(n,"doc Index"),m(e.JsFormula,"Formula"),Object.values(null!==(i=e.Row)&&void 0!==i?i:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:m(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[m(e.Type,"Action Type"),m(e.FeatureRef,"Feature Ref"),m(e.OptionCodex,"OptionCodex"),m(e.OptionRef,"OptionRef"),m(e.OptionRefCodex,"OptionRefCodex"),m(e.OptionValueRefCodex,"OptionValueRefCodex"),m(e.DecisionNr,"DecisionNr")]},n)}))})]}),m(e.ValidOptionValues,"Valid Option Values"),m(e.RefLevel,"RefLevel"),m(e.ValidOptions,"Valid Options")]},n)}))]}),m(M.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",M.DOC&&M.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}var y,z=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,className:d.ii,children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["Decision #",z.decisionNo]}),(0,u.jsxs)("div",{children:[m(z.catalogId,"Catalog ID"),m(z._id,"Decision ID"),m(z.prio,"Priority"),m(z.decisionType,"Decision Type"),m(z.enabled?"Enabled":"Disabled","Status"),m(z.deleted?"Yes":"No","Deleted"),m(z.featureRefs,"Feature References"),m(z.disableHistory,"Disable History"),m(z.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(y=z.optionCombinations)||void 0===y?void 0:y.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.projectActions)}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}},33981:(e,n,i)=>{i.d(n,{$Q:()=>h,EC:()=>m,Fs:()=>f,Kz:()=>x,Se:()=>N,UF:()=>p,ZP:()=>M,ao:()=>O,dY:()=>v,fm:()=>j,hX:()=>g,ii:()=>b,uR:()=>D});var o=i(8081),t=i.n(o),d=i(23645),s=i.n(d),r=i(61667),l=i.n(r),a=new URL(i(76380),i.b),c=s()(t()),u=l()(a);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var x="index-module--sS9Y_",h="index-module--O5GJU",N="index-module--xNfvC",g="index-module--oALcg",p="index-module--HpoCh",j="index-module--bBk4P",f="index-module--sBWMs",m="index-module--XrXfq",b="index-module--uzZoJ",D="index-module--wrmAf",v="index-module--GsJQn",O="index-module--gf_Q8";const M=c},36115:(e,n,i)=>{i.d(n,{$Q:()=>g.$Q,EC:()=>g.EC,Fs:()=>g.Fs,Kz:()=>g.Kz,Se:()=>g.Se,UF:()=>g.UF,ao:()=>g.ao,dY:()=>g.dY,fm:()=>g.fm,hX:()=>g.hX,ii:()=>g.ii,uR:()=>g.uR});var o=i(93379),t=i.n(o),d=i(7795),s=i.n(d),r=i(90569),l=i.n(r),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),h=i(44589),N=i.n(h),g=i(33981),p={};p.styleTagTransform=N(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=x();t()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 324.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(8135)),a=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 d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},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"}))}},66014:(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(8135),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),w=t(44589),y=t.n(w),P=t(39545),S={};S.styleTagTransform=y(),S.setAttributes=m(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=v();c()(P.ZP,S);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=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,j.jsx)(j.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:P.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(65515),i=t.n(o),r=t(8135),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),v=t(26643),w={};w.styleTagTransform=h(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=f();l()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(66014),P=t(34190),S=t(97853),j=t(69001),k=t(59342),O=t(46567),B=t(9420),C=t(68063),Z=t(88683),N=t(54955),G=t(47514),M={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,B.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(M)}),[]);var t=(0,Z.useDivaCore)().state.isFullscreenComponent;return(0,G.jsxs)(G.Fragment,{children:[(0,G.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:i()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0),children:(0,G.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:v.Ly,children:[(0,G.jsx)(P.default,{className:v.kL}),e.uiState.isInMobileView?(0,G.jsx)(S.default,{tabgroupElement:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,G.jsx)(C.default,{className:v.Bg}),(0,G.jsx)(N.default,{})]})}):(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"right"}),(0,G.jsx)(S.default,{className:v.vt}),(0,G.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,G.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,G.jsx)(y.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"}))}},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var o=t(88291),i=t(8135),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),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(47514);const y=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,w.jsx)(w.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,w.jsxs)("div",{className:h.YS,children:[(0,w.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,w.jsx)("div",{className:h.LM,style:{width:s+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});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 p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>y,Ly:()=>P,ZP:()=>S,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>w});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--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\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--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\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--FX0XZ .index-module--CgVUn {\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--FX0XZ .index-module--mDl2O {\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--FX0XZ .index-module--EZFN9 {\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--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\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: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",v="index-module--Kxi4K",w="index-module--xWB6r",y="index-module--JoQjU",P="index-module--oaff8";const S=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}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(80248),o=t(88291),r=(t(87363),t(8135)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.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 s=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.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)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(8135),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.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,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(8135),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),O=t(59342),k=t(46567),C=t(9420),G=t(68063),T=t(88683),I=t(54955),N=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]);var t=(0,T.useDivaCore)().state.isFullscreenComponent;return(0,N.jsxs)(N.Fragment,{children:[(0,N.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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(P.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(G.default,{className:S.Bg}),(0,N.jsx)(I.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,N.jsx)(P.default,{className:S.vt}),(0,N.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.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)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(8135)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.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:s()(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:s()(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})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(8135),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(8135),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.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,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,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):-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:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(8135)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(8135),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);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 p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\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--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\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--FX0XZ .index-module--CgVUn {\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--FX0XZ .index-module--mDl2O {\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--FX0XZ .index-module--EZFN9 {\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--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\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: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);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 p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

package/build/umd/3448.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 3448.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[3448,6340,6135,8544,1051,8657],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=t(93379),o=t.n(r),d=t(7795),a=t.n(d),s=t(90569),l=t.n(s),c=t(3565),u=t.n(c),x=t(19216),m=t.n(x),p=t(44589),C=t.n(p),f=t(23240),v={};v.styleTagTransform=C(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=m();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(8135),P=t(65515),y=t.n(P),w=t(9420),b=t(47514);const j=(0,w.Pi)((function InfoIcon(e){var n,t,r,o=e.item,d=e.style,a=(0,g.NP)(),s=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),x=u[0],m=u[1],p=o.sel\|\|x;if((0,h.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&l==a.settingsState.clickedFrom;!e&&x&&m(!1),e&&!x&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op\|\|null===(e=a.uiState.ViewConfig.infoIconSettings)\|\|void 0===e\|\|!e.onlyShowSelectedOPV\|\|p}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,l),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:y()(f.hv,p?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,b.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,b.jsx)("div",{className:y()(f.dA,p?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,b.jsx)(b.Fragment,{})}))},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(88683),o=t(87363),d=t(7501),a=t(8135),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,m=(0,o.useState)(0),p=(0,i.Z)(m,2),C=p[0],f=p[1],v=(0,o.useState)(0),h=(0,i.Z)(v,2),g=h[0],P=h[1],y=(0,a.NP)();return(0,o.useEffect)((function(){f(s)}),[s]),(0,l.jsx)(d.ZP,{end:C,duration:x,decimals:null!==(n=null===(t=C.toString().split(".")[1])\|\|void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),o=t(87363),d=t(93379),a=t.n(d),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),x=t(3565),m=t.n(x),p=t(19216),C=t.n(p),f=t(44589),v=t.n(f),h=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=C();a()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(88683),y=t(8135),w=t(65515),b=t.n(w),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},F=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),d=(0,y.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)\|\|void 0===n\|\|n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status\|\|(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const I=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,P.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,m=(0,y.NP)(),p=(0,o.useState)(l),C=(0,r.Z)(p,2),f=C[0],v=C[1];if(u\|\|"off"==m.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:b()(h.aH,"left"==i?h.t$:h.F2,h.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x\|\|"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&s;return n?(n.promise.then((function(){f\|\|v(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:b()(h.aH,f&&!g?h.pn:void 0,m.getIsInMobileView()?h.ai:void 0,"left"==i?h.t$:h.F2),style:d,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(34988),r=t(87363),o=t(9420),d=t(8135),a=t(65515),s=t.n(a),l=t(93379),c=t.n(l),u=t(7795),x=t.n(u),m=t(90569),p=t.n(m),C=t(3565),f=t.n(C),v=t(19216),h=t.n(v),g=t(44589),P=t.n(g),y=t(23623),w={};w.styleTagTransform=P(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();c()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=t(98544),j=t(48657),S=t(47514);const Z=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,a=e.displayMode,l=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),x=(0,i.Z)(u,2),m=x[0],p=x[1],C=(0,r.useState)(),f=(0,i.Z)(C,2),v=f[0],h=f[1],g=(0,r.useState)(a\|\|"boxed"),P=(0,i.Z)(g,2),w=P[0],Z=(P[1],(0,r.useState)(!1)),F=(0,i.Z)(Z,2),I=F[0],N=F[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));p(e),N(t),h(e.findIndex((function(e){return e.sel})))}),[n]);var k=function onChangeValue(e){h(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var M=function getLabelText(e){return I?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(I?" (cm)":"")}),"boxed"===w?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:s()(y.dm,v===n&&y.hv),onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{className:s()(y.w5,v===n&&y.hv),children:(0,S.jsx)("div",{className:s()(y.gB,v===n&&y.hv)})}),(0,S.jsx)("div",{className:s()(y.PS,v===n&&y.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>p,al:()=>m,dA:()=>l,fL:()=>x,hv:()=>s,um:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var a="index-module--CjCgr",s="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",m="index-module--oBSZj";const p=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>s,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n background-color: rgba(234,234,234,0.93333);\n position: absolute;\n padding: 2px 6px;\n font-size: 12px;\n height: 14px;\n line-height: 14px;\n top: 0;\n opacity: 0;\n transition: opacity 0.35s ease-in-out;\n white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n font-size: 10px;\n height: 12px;\n line-height: 13px;\n}\n\n.index-module--zI2ES {\n left: 0;\n border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n right: 0;\n border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var a="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>x,PS:()=>f,TN:()=>s,UH:()=>l,YS:()=>a,ZP:()=>v,dm:()=>c,gB:()=>C,hv:()=>u,vd:()=>m,w5:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n display: flex;\n flex-direction: column;\n margin-bottom: 24px;\n width: 100%;\n}\n\n.index-module--X1DVu {\n font-weight: bold;\n font-size: 16px;\n margin-bottom: 16px;\n text-align: left;\n color: var(--secondaryColor);\n}\n\n/* Boxed Mode /\n.index-module--KIReo {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.index-module--eoa3S {\n position: relative;\n border: 1px solid #e0e0e0;\n border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n border-radius: var(--globalBorderRadius);\n padding: 12px 24px;\n cursor: pointer;\n flex: 1;\n min-width: 120px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-in-out;\n background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n border-color: var(--primaryColor);\n color: var(--primaryColor);\n}\n\n/ List Mode /\n.index-module--qUNzP {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.index-module--WgT0o {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n gap: 12px;\n}\n\n.index-module--yqUyo {\n width: 24px;\n height: 24px;\n border: 2px solid #e0e0e0;\n border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n width: 12px;\n height: 12px;\n background-color: var(--primaryColor);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n opacity: 1;\n}\n\n.index-module--q1nJs {\n font-size: 16px;\n color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n color: var(--primaryColor);\n}\n\n/ Helper to toggle between modes for demo */\n.index-module--eyrXD {\n font-size: 10px;\n color: #999;\n cursor: pointer;\n margin-top: 8px;\n text-decoration: underline;\n align-self: flex-start;\n}",""]);var a="index-module--ptxMZ",s="index-module--X1DVu",l="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",x="index-module--qUNzP",m="index-module--WgT0o",p="index-module--yqUyo",C="index-module--FeZni",f="index-module--q1nJs";const v=d}}]);

package/build/umd/3448.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:3448 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3492.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830],{34384:(M,e,t)=>{t.r(e),t.d(e,{default:()=>j});var n=t(80248),D=t(34988),o=t(9420),r=t(87363),g=t(46476),I=t(8135),i=t(88683),A=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}var u=(0,i.getLogger)("Planner","InfoBox");const j=(0,o.Pi)((function ContentItemWrapper(M){var e=M.direction,t=M.mountElement,n=M.drawerStyle,o=(0,I.NP)(),j=(0,r.useState)(!1),c=(0,D.Z)(j,2),d=c[0],N=c[1],w=(0,i.useDivaCore)().actions,a=w.openDrawerMenu,s=w.closeDrawerMenu;return(0,r.useEffect)((function(){if(o.settingsState.contentItemVisible&&o.settingsState.contentItemId){N(!0);var M,D,r=o.getIsInMobileView(),I=function onClose(){s("content-item",!0),o.settingsState.setContentItemId()},i=(0,A.jsx)(g.Q,{onClose:I,contentItemId:o.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(M){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:o.settingsState.contentItemId,title:null!=M?M:void 0})}});if(r)a({id:"content-item",content:i,onClose:I,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(M=o.uiState.wrapperRef)&&void 0!==M?M:void 0,handleInternScroll:!0});else a({id:"content-item",content:i,onClose:I,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(D=null!=t?t:o.productState.productElement)&&void 0!==D?D:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else d&&(s("content-item"),setTimeout((function(){N(!1)}),400))}),[o.settingsState.contentItemVisible,o.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},53492:(M,e,t)=>{t.r(e),t.d(e,{default:()=>d});var n=t(80248),D=t(87363),o=t(81681),r=t(34384),g=t(40830),I=t(8135),i=t(19715),A=t(83605),u=t(39165),j=t(9420),c=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const d=(0,j.Pi)((function Product(M){var e=(0,I.NP)(),t=(0,D.useRef)(null);return(0,D.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",e.settingsState.productHeight)}),[e.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},M),{},{ref:function setRef(M){t.current=M,e.productState.setProductElement(M)},onTouchStart:function onTouchStart(){3==e.settingsState.activeSnapPointIndex&&e.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(o.default,{}),(0,c.jsx)(i.default,{}),e.productState.footerVisible.length>1&&(0,c.jsx)(A.default,{}),(0,c.jsx)(u.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(M,e,t)=>{t.r(e),t.d(e,{default:()=>r});var n=t(80248),D=(t(87363),t(2765)),o=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const r=function ProductFooter(M){return(0,o.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductFooter"}))}},81681:(M,e,t)=>{t.r(e),t.d(e,{default:()=>r});var n=t(80248),D=(t(87363),t(2765)),o=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const r=function ProductHeader(M){return(0,o.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(M,e,t)=>{t.r(e),t.d(e,{default:()=>y});var n=t(65515),D=t.n(n),o=t(88623),r=t(9420),g=(t(87363),t(8135)),I=t(93379),i=t.n(I),A=t(7795),u=t.n(A),j=t(90569),c=t.n(j),d=t(3565),N=t.n(d),w=t(19216),a=t.n(w),s=t(44589),x=t.n(s),O=t(73475),z={};z.styleTagTransform=x(),z.setAttributes=N(),z.insert=c().bind(null,"head"),z.domAPI=u(),z.insertStyleElement=a();i()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(47514);const y=(0,r.Pi)((function ProductInfo(M){var e=(0,g.NP)();return(0,E.jsx)(E.Fragment,{children:e.settingsState.infoBoxContent&&(0,E.jsx)("div",{className:D()(O.RZ,e.uiState.isInMobileView?O.ai:void 0),children:e.settingsState.infoBoxContent&&(0,o.ZN)(e.settingsState.infoBoxContent.content)})})}))},40830:(M,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(34988),D=t(8135),o=t(87363),r=t(9420),g=t(79182),I=t(93379),i=t.n(I),A=t(7795),u=t.n(A),j=t(90569),c=t.n(j),d=t(3565),N=t.n(d),w=t(19216),a=t.n(w),s=t(44589),x=t.n(s),O=t(67279),z={};z.styleTagTransform=x(),z.setAttributes=N(),z.insert=c().bind(null,"head"),z.domAPI=u(),z.insertStyleElement=a();i()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(65515),y=t.n(E),S=t(47514);const l=(0,r.Pi)((function ProductSettings(M){var e=(0,D.NP)(),t=(0,o.useState)(e.getIsInMobileView()),r=(0,n.Z)(t,2),I=r[0],i=r[1];return e.uiState.ItemsPaletteInProductVisible?(0,S.jsxs)("div",{className:y()(O.oE,I?O.QW:void 0),children:[(0,S.jsx)("div",{className:y()(O.LI),onClick:function onClick(){return i(!I)}}),(0,S.jsx)("div",{className:y()(O.jR,I?O.pB:void 0),children:e.settingsState.itemPaletteInProduct.map((function(M,e){return(0,S.jsx)(g.default,{item:M.palette,id:M.id})}))})]}):(0,S.jsx)(S.Fragment,{})}))},73475:(M,e,t)=>{t.d(e,{RZ:()=>g,ZP:()=>i,ai:()=>I});var n=t(8081),D=t.n(n),o=t(23645),r=t.n(o)()(D());r.push([M.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var g="index-module--TDdLn",I="index-module--96TgJ";const i=r},67279:(M,e,t)=>{t.d(e,{LI:()=>a,QW:()=>w,ZP:()=>x,jR:()=>N,oE:()=>d,pB:()=>s});var n=t(8081),D=t.n(n),o=t(23645),r=t.n(o),g=t(61667),I=t.n(g),i=new URL(t(38403),t.b),A=new URL(t(97663),t.b),u=r()(D()),j=I()(i),c=I()(A);u.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+j+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var d="index-module--D0PtT",N="index-module--s2I80",w="index-module--vO3ZU",a="index-module--eczzg",s="index-module--o_3ds";const x=u},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(34988),i=n(9420),r=n(87363),g=n(68636),d=n(8135),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else l&&(A("content-item"),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(8135),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(8135)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(34988),M=n(8135),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(8135),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[(0,N.jsx)("div",{className:x.rP,children:"😴"}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(8135),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(34988),M=n(87363),i=n(9420),r=n(79182),g=n(8135),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+D+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3655.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3655],{73655:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),r=i(90569),a=i.n(r),s=i(3565),u=i.n(s),c=i(19216),p=i.n(c),v=i(44589),f=i.n(v),x=i(60118),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var m=i(9420),b=i(8135),h=(i(87363),i(65515)),k=i.n(h),y=i(88683),P=i(47514);const C=(0,m.Pi)((function OptionStepComponent(e){var n,i,o,t,d,l,r=e.step,a=r.option,s=r.configStep,u=(0,b.NP)(),c=(0,y.useTranslation)().t,p=null===(n=s.optionstate)||void 0===n?void 0:n.valName;if(null!==(i=s.optionstate)&&void 0!==i&&i.isDifferentOption)p="divers";else if(null!==(o=s.optionstate)&&void 0!==o&&o.freeTextLang){var v="",f=s.optionstate.freeTextLang;for(var g in f){var m;v+=g+": "+(null!==(m=f[g])&&void 0!==m?m:"")+";"}v&&(p=v)}else if(null!==(t=s.optionstate)&&void 0!==t&&t.freeText)p=s.optionstate.freeText+(u.getViewConfig().hideMeasureUnit?"":" "+s.optionstate.measureUnit);else if(null!==(d=s.optionstate)&&void 0!==d&&d.isMultiselect&&null!==(l=s.optionstate)&&void 0!==l&&null!==(l=l.multiSelects)&&void 0!==l&&l.length){var h,C;p=(null!==(h=null===(C=s.optionstate)||void 0===C?void 0:C.multiSelects)&&void 0!==h?h:[]).map((function(e){return e.name})).join(",")}return(0,P.jsxs)("div",{className:k()(x.tN,u.configuratorStructureHandler.curConfigStepKey===s.key?x.Vk:void 0,u.configStepAlreadyVisited(s)?x.ri:void 0,s.isDisabledByDiverseParentOption?x.JU:void 0),title:s.isDisabledByDiverseParentOption?c("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){s.isDisabledByDiverseParentOption||u.navigateToConfigStep(s.key)},children:[(0,P.jsx)("div",{className:x.Sp,title:s.isDisabledByDiverseParentOption?void 0:a.codex,children:a.title}),(0,P.jsx)("div",{className:x.nR,title:s.isDisabledByDiverseParentOption?void 0:p,children:p})]})}))},60118:(e,n,i)=>{i.d(n,{JU:()=>p,Sp:()=>a,Vk:()=>u,ZP:()=>v,nR:()=>c,ri:()=>s,tN:()=>r});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var r="index-module--JAueJ",a="index-module--uNgn8",s="index-module--rNKA3",u="index-module--GHTYI",c="index-module--xzdnn",p="index-module--Cz9hU";const v=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3655],{73655:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),r=i(90569),a=i.n(r),s=i(3565),u=i.n(s),c=i(19216),p=i.n(c),v=i(44589),f=i.n(v),x=i(60118),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var m=i(9420),b=i(8135),h=(i(87363),i(65515)),k=i.n(h),y=i(88683),C=i(47514);const P=(0,m.Pi)((function OptionStepComponent(e){var n,i,o,t,d,l,r,a,s=e.step,u=s.option,c=s.configStep,p=(0,b.NP)(),v=(0,y.useTranslation)().t,f=null===(n=c.optionstate)||void 0===n?void 0:n.valName,g=null===(i=c.optionstate)||void 0===i?void 0:i.isRequired,m=null===(o=c.optionstate)||void 0===o?void 0:o.isSuggested;if(null!==(t=c.optionstate)&&void 0!==t&&t.isDifferentOption)f="divers";else if(null!==(d=c.optionstate)&&void 0!==d&&d.freeTextLang){var h="",P=c.optionstate.freeTextLang;for(var D in P){var N;h+=D+": "+(null!==(N=P[D])&&void 0!==N?N:"")+";"}h&&(f=h)}else if(null!==(l=c.optionstate)&&void 0!==l&&l.freeText)f=c.optionstate.freeText+(p.getViewConfig().hideMeasureUnit?"":" "+c.optionstate.measureUnit);else if(null!==(r=c.optionstate)&&void 0!==r&&r.isMultiselect&&null!==(a=c.optionstate)&&void 0!==a&&null!==(a=a.multiSelects)&&void 0!==a&&a.length){var S,w;f=(null!==(S=null===(w=c.optionstate)||void 0===w?void 0:w.multiSelects)&&void 0!==S?S:[]).map((function(e){return e.name})).join(",")}return(0,C.jsxs)("div",{className:k()(x.tN,p.configuratorStructureHandler.curConfigStepKey===c.key?x.Vk:void 0,p.configStepAlreadyVisited(c)?x.ri:void 0,c.isDisabledByDiverseParentOption?x.JU:void 0,m?x.X6:void 0,g?x.C1:void 0),title:c.isDisabledByDiverseParentOption?v("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){c.isDisabledByDiverseParentOption||p.navigateToConfigStep(c.key)},children:[(0,C.jsx)("div",{className:x.Sp,title:c.isDisabledByDiverseParentOption?void 0:u.codex,children:u.title}),(0,C.jsx)("div",{className:x.nR,title:c.isDisabledByDiverseParentOption?void 0:f,children:f})]})}))},60118:(e,n,i)=>{i.d(n,{C1:()=>v,JU:()=>f,Sp:()=>a,Vk:()=>u,X6:()=>p,ZP:()=>x,nR:()=>c,ri:()=>s,tN:()=>r});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--df6pt {\n  border-right: #ff958b 8px solid;\n}\n\n.index-module--Kt8ib {\n  border-right: #ff2a2a 8px solid;\n}\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var r="index-module--JAueJ",a="index-module--uNgn8",s="index-module--rNKA3",u="index-module--GHTYI",c="index-module--xzdnn",p="index-module--df6pt",v="index-module--Kt8ib",f="index-module--Cz9hU";const x=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3704.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8763,6076,152,5301,7197,8291,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,x=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),O=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),P=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:P},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:x},r.default.createElement("div",{className:O,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(46476),d=i(8135),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,x=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,a,l=c.getIsInMobileView(),d=function onClose(){x("content-item",!0),c.settingsState.setContentItemId()},p=(0,A.jsx)(u.Q,{onClose:d,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})}});if(l)w({id:"content-item",content:p,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:p,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(a=null!=i?i:c.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(x("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>I});var r=i(80248),a=i(72874),c=i(87363),l=i(8135),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),x=i(19216),O=i.n(x),P=i(44589),C=i.n(P),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=O();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const I=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),x=i(75581),O={};O.styleTagTransform=w(),O.setAttributes=g(),O.insert=f().bind(null,"head"),O.domAPI=p(),O.insertStyleElement=m();u()(x.ZP,O);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?x.f6:v,O=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,P.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,P.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,P.jsx)(P.Fragment,{}),uncheckedIcon:d?(0,P.jsx)("div",{className:a()(w),id:"no",children:d}):(0,P.jsx)(P.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:O,offColor:p?O:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,x=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),O=this.state,P=O.h,C=O.U,k=O.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(P,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(P-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(P-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:this.t,width:this.t,background:e(P,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+P+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:M},A)),r.createElement("div",{className:"react-switch-handle",style:I,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8763,6076,152,7625,5301,7197,8291,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),x=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:x},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(68636),d=i(8135),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,O=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,l,d=c.getIsInMobileView(),p=function onClose(){O("content-item",!0),c.settingsState.setContentItemId()},b=c.settingsState.selectedArticles.map((function(t){return t.basketId})).flat(),g=c.divaWebPlanner.getVariantValues(b).map((function(t){return{featureCodex:t.OPT.startsWith("OPT")?t.OPT.substring(3):t.OPT,selectedOptions:[t.OPV]}})),v=(0,A.jsx)(u.Q,{onClose:p,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})},params:{initialContext:g},onEvent:function onEvent(t){if("applyResults"==t.type){var o,i=t.payload;!(null!==(o=c.divaWebPlanner.actSet())&&void 0!==o&&o.CatalogData.isIDMFormat)&&Object.entries(i).forEach((function(t){var o=(0,a.Z)(t,2),r=o[0],c=o[1];i["OPT".concat(r)]="OPV".concat(c)})),c.paletteViewHandler.changeOnCheckoutConfig(i,b)}else"onCancel"!=t.type&&"onClose"!=t.type||p()}},c.settingsState.contentItemId+c.settingsState.contentItemVisible);if(d)w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(l=null!=i?i:c.productState.productElement)&&void 0!==l?l:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(O("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>M});var r=i(80248),a=i(72874),c=i(87363),l=i(8135),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),O=i(19216),P=i.n(O),x=i(44589),C=i.n(x),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=P();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),I=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const M=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,I),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),O=i(75581),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=m();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var x=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?O.f6:v,P=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,x.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,x.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,x.jsx)(x.Fragment,{}),uncheckedIcon:d?(0,x.jsx)("div",{className:a()(w),id:"no",children:d}):(0,x.jsx)(x.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:P,offColor:p?P:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,x=P.h,C=P.U,k=P.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(x,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(x-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(x-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(x,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+x+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:I},A)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(8135),c=t(58590),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","GAL_VERY_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2"];const d=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],_=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,_.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,_.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var O={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},T=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:O,value:T.find((function(e){return e.value==b})),options:T,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>_.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),_=t(95044),O={};O.styleTagTransform=f(),O.setAttributes=s(),O.insert=c().bind(null,"head"),O.domAPI=i(),O.insertStyleElement=p();o()(_.ZP,O),_.ZP&&_.ZP.locals&&_.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(8135),c=t(58590),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","GAL_VERY_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2","RADIO_LIST","RADIO"];const d=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],O=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var _={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},T=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:_,value:T.find((function(e){return e.value==b})),options:T,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>O.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),O=t(95044),_={};_.styleTagTransform=f(),_.setAttributes=s(),_.insert=c().bind(null,"head"),_.domAPI=i(),_.insertStyleElement=p();o()(O.ZP,_),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);