@crystaldesign/diva-web-planner-react 26.3.0-beta.2 → 26.3.0-beta.21

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

@@ -0,0 +1,2 @@
+/*! For license information please see 304.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[304],{304:(o,t,r)=>{r.r(t),r.d(t,{default:()=>k});var i=r(80248),l=r(12952),a=r(84658),c=r(88291),u=r(34988),d=r(50747),v=r.n(d),p=r(87363),m=r(51203),h=r(36115),b=r(63762),g=r(9420),x=r(65515),y=r.n(x),w=r(88683),O=(r(76839),r(13222)),S=r(12793),_=r(78508),j=r(88648),N=r(47514);function ownKeys(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),r.push.apply(r,i)}return r}function _objectSpread(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,i.Z)(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(r,t))}))}return o}function _createForOfIteratorHelper(o,t){var r="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!r){if(Array.isArray(o)||(r=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var r={}.toString.call(o).slice(8,-1);return"Object"===r&&o.constructor&&(r=o.constructor.name),"Map"===r||"Set"===r?Array.from(o):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){r&&(o=r);var i=0,l=function F(){};return{s:l,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(o){throw o},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,c=!0,u=!1;return{s:function s(){r=r.call(o)},n:function n(){var o=r.next();return c=o.done,o},e:function e(o){u=!0,a=o},f:function f(){try{c||null==r.return||r.return()}finally{if(u)throw a}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var r=0,i=Array(t);r<t;r++)i[r]=o[r];return i}function decisionAffectsOption(o,t,r){var i,l,a,c;if(r)return null!==(a=null===(c=o.featureRefs)||void 0===c?void 0:c.includes(t))&&void 0!==a&&a;var u=o,d=null==t?void 0:t.replace(/^OPT/,"");return!(null===(i=u.DOC)||void 0===i||!i.find((function(o){var r,i;return(null===(r=o.DA)||void 0===r?void 0:r.find((function(o){return function matches(o){return o===t||o===d||o&&"OPT"+o===t}(o.OptionCodex)||o.DecisionNr===t})))||(null===(i=o.JsFormula)||void 0===i?void 0:i.includes("'OPT"+d+"'"))})))||!(null===(l=u.Options)||void 0===l||!l.includes(null!=t&&t.startsWith("OPT")?t:"OPT"+t))}function getSnapshotOpt(o,t){var r,i=null!=t&&t.startsWith("OPT")?t:"OPT"+(null!=t?t:"");return null!==(r=o[t])&&void 0!==r?r:o[i]}S.O3h.registerModules([S.ea9]);const k=(0,g.Pi)((function DecisionAnalyzer(o){var t,r,i,d,g,x,k,C=Object.assign({},((0,c.Z)(o),o)),D=(0,b.NP)(),P=D.divaWebPlanner.getDivaArticles(),R="undefined"!=typeof document&&document.body.classList.contains("darkmode"),I=(0,p.useMemo)((function(){return R?S.Jct.withPart(S.ir9):S.Jct}),[R]),T=(0,p.useState)(!1),A=(0,u.Z)(T,2),V=A[0],Z=A[1];(0,p.useEffect)((function(){var o=function(){var o=(0,a.Z)(v().mark((function _callee(){return v().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,w.DivaUtils.Sleep(1e3);case 2:Z(!V);case 3:case"end":return o.stop()}}),_callee)})));return function asyncFunct(){return o.apply(this,arguments)}}();o()}),[D.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var o=D.divaWebPlanner.actSet();return o&&!o.logDecisions&&(o.logDecisions=!0),function(){var o=D.divaWebPlanner.actSet();o&&(o.logDecisions=!1)}}),[D.uiState.isLoading]);var M=(0,p.useState)(Object.values(null!=P?P:{}).find((function(o){return 1==o.posNr}))),W=(0,u.Z)(M,2),z=W[0],E=W[1],L=(0,l.Z)(null!==(t=null==z?void 0:z.articleOptionStates.values())&&void 0!==t?t:[]),G=(0,p.useState)(),H=(0,u.Z)(G,2),K=H[0],J=H[1],Q=(0,p.useState)(),U=(0,u.Z)(Q,2),X=U[0],Y=U[1],q=(0,p.useState)(),B=(0,u.Z)(q,2),$=B[0],nn=B[1],en=(0,p.useRef)(null),on=(0,p.useRef)(null),tn=(0,p.useRef)(null),rn=null!==(r=null==z||null===(i=z.CatalogData)||void 0===i?void 0:i.isIDMFormat)&&void 0!==r&&r,ln=null!==(d=null==z||null===(g=z.decisionDebugStacks)||void 0===g||null===(g=g[0])||void 0===g||null===(g=g.stack)||void 0===g?void 0:g.length)&&void 0!==d?d:0,an=ln>0?(0,l.Z)(Array(ln).keys()):[],sn=X,cn=(0,p.useMemo)((function(){var o,t=sn,r=null==z||null===(o=z.decisionDebugStacks)||void 0===o||null===(o=o[0])||void 0===o?void 0:o.stack;return r?an.map((function(o,t){return t})).filter((function(o){var i=null==r?void 0:r[o];return!!i&&(!t||decisionAffectsOption(i.decision,t,rn))})):[]}),[sn,an,null==z?void 0:z.decisionDebugStacks,rn]);if(!z)return(0,N.jsxs)("div",_objectSpread(_objectSpread({},C),{},{className:y()(C.className,h.fm),style:{zIndex:800},children:[(0,N.jsx)("a",{className:h.Fs,children:"Decision analyzer - plann article"}),(0,N.jsx)(j.default,{articleState:[z,E],rerender:V})]}));if(!ln)return(0,N.jsxs)("div",_objectSpread(_objectSpread({},C),{},{className:y()(C.className,h.fm),style:{zIndex:800},children:[(0,N.jsx)("a",{className:h.Fs,children:"Decision analyzer - change config"}),(0,N.jsx)(j.default,{articleState:[z,E],rerender:V})]}));var un=function onClick(o,t){var r,i;o==((null==K||null===(r=K.decision)||void 0===r?void 0:r.Number)||(null==K||null===(i=K.decision)||void 0===i?void 0:i.decisionNo))?J(void 0):J(t)},dn=[];if(rn)dn=z.decisionDebugStacks.map((function(o){return o.stack.map((function(o){var t,r=sn&&(null===(t=o.decision.featureRefs)||void 0===t?void 0:t.includes(sn));return _objectSpread(_objectSpread({},o),{},{bold:!(!sn||!r)})}))}));else{var vn=function optPrefix(o){return null!=o&&o.startsWith("OPT")?o:"OPT"+o};dn=z.decisionDebugStacks.map((function(o){return o.stack.map((function(o){var t,r,i=sn&&(!(null===(t=o.decision.DOC)||void 0===t||!t.find((function(o){var t,r;return(null===(t=o.DA)||void 0===t?void 0:t.find((function(o){return o.OptionCodex===sn||o.OptionCodex===vn(sn)||o.DecisionNr==sn})))||(null===(r=o.JsFormula)||void 0===r?void 0:r.includes("'OPT"+sn.replace(/^OPT/,"")+"'"))})))||!(null===(r=o.decision.Options)||void 0===r||!r.includes(vn(sn))));return _objectSpread(_objectSpread({},o),{},{bold:!(!sn||!i)})}))}))}var fn=X?L.find((function(o){var t;return o.optionCodex===X||(null!==(t=o.option.ocd)&&void 0!==t?t:o.option.codex)===X})):void 0,pn=fn?function flattenArticleOptionValues(o){var t,r,i=[],l=_createForOfIteratorHelper(null!==(t=o.option.articleOptionValues)&&void 0!==t?t:new Map);try{for(l.s();!(r=l.n()).done;){var a=(0,u.Z)(r.value,2)[1];if(a.isOPVG&&a.articleOptionValues){var c,d=_createForOfIteratorHelper(a.articleOptionValues);try{for(d.s();!(c=d.n()).done;){var v=(0,u.Z)(c.value,2)[1];i.push({codex:v.codex,name:v.name})}}catch(o){d.e(o)}finally{d.f()}}else i.push({codex:a.codex,name:a.name})}}catch(o){l.e(o)}finally{l.f()}return i}(fn):[],mn=null!==(x=null==z||null===(k=z.decisionDebugStacks)||void 0===k||null===(k=k[0])||void 0===k?void 0:k.stack)&&void 0!==x?x:[],hn=(0,p.useMemo)((function(){return cn.map((function(o){var t={_rowIdx:o};return dn.forEach((function(r,i){t["col_".concat(i)]=r[o]})),t}))}),[cn,dn]),bn=(0,p.useMemo)((function(){return[{field:"_rowIdx",headerName:"#",width:50,flex:0}].concat((0,l.Z)(dn.map((function(o,t){return{field:"col_".concat(t),headerName:String(t),flex:1,minWidth:80,cellRenderer:function cellRenderer(o){var r,i,l=null===(r=o.data)||void 0===r?void 0:r["col_".concat(t)];if(!l)return null;var a=function onCellClick(){return un(l.nr,l)};return(0,N.jsx)("div",{role:"button",tabIndex:0,onKeyDown:function onKeyDown(o){return"Enter"===o.key&&a()},onClick:a,className:null===(i=o.context)||void 0===i?void 0:i.decisionCellClass,style:{cursor:"pointer",width:"100%",height:"100%",padding:"10px 14px"},children:l.bold?(0,N.jsx)("strong",{children:l.text}):l.text})}}}))))}),[dn,un]),gn=(0,p.useMemo)((function(){return L.map((function(o){var t,r,i,l;return{codex:null!==(t=null!==(r=null!==(i=o.optionCodex)&&void 0!==i?i:o.option.ocd)&&void 0!==r?r:o.option.codex)&&void 0!==t?t:"",name:null!==(l=o.option.name)&&void 0!==l?l:""}}))}),[L]),xn=(0,p.useMemo)((function(){var o=function decisionNr(o){var t,r,i,l;return null!==(t=null!==(r=null===(i=o.decision)||void 0===i?void 0:i.Number)&&void 0!==r?r:null===(l=o.decision)||void 0===l?void 0:l.decisionNo)&&void 0!==t?t:o.nr},t=function toRow(o){var t;return _objectSpread(_objectSpread({},o),{},{bold:void 0,text:null!==(t=o.text)&&void 0!==t?t:String(o.nr)})};return pn.map((function(r){var i=function getOpvStatus(o,t,r){var i,l,a,c,u={visible:!0};if(!o.length)return u;for(var d=null!==(i=null===(l=getSnapshotOpt(o[0].snapshots.before,t))||void 0===l||null===(l=l.visibleOPVs)||void 0===l?void 0:l.includes(r))&&void 0!==i&&i,v=null!==(a=null===(c=getSnapshotOpt(o[0].snapshots.before,t))||void 0===c?void 0:c.selOPV)&&void 0!==a?a:"",p=0;p<o.length;p++){var m,h,b,g,x,y=o[p],w=getSnapshotOpt(y.snapshots.before,t),O=getSnapshotOpt(y.snapshots.after,t),S=null!==(m=null==w||null===(h=w.visibleOPVs)||void 0===h?void 0:h.includes(r))&&void 0!==m?m:d,_=null!==(b=null==O||null===(g=O.visibleOPVs)||void 0===g?void 0:g.includes(r))&&void 0!==b&&b,j=null!==(x=null==O?void 0:O.selOPV)&&void 0!==x?x:v;!S||_||u.hiddenSince||(u.hiddenSince=y),j!==r||v===r||u.newValueSince||(u.newValueSince=y),d=_,v=j}return u.visible=d,u}(mn,X,r.codex);return{codex:r.codex,name:r.name,status:(0,N.jsxs)(N.Fragment,{children:[i.visible?(0,N.jsx)("span",{className:h.FM,children:"visible"}):(0,N.jsxs)("span",{className:h.YF,children:["hidden since"," ",i.hiddenSince?(0,N.jsx)("button",{type:"button",className:h.ap,onClick:function onClick(o){o.stopPropagation(),J(t(i.hiddenSince))},children:o(i.hiddenSince)}):"?"]}),i.newValueSince&&(0,N.jsxs)("span",{className:h.gA,children:[" ","newValue since"," ",(0,N.jsx)("button",{type:"button",className:h.ap,onClick:function onClick(o){o.stopPropagation(),J(t(i.newValueSince))},children:o(i.newValueSince)})]})]})}}))}),[pn,mn,X]),yn=(0,p.useMemo)((function(){return[{field:"codex",headerName:"Option",flex:1,minWidth:80},{field:"name",headerName:"Name",flex:1,minWidth:100}]}),[]),wn=(0,p.useMemo)((function(){return[{field:"codex",headerName:"Codex",flex:1,minWidth:80},{field:"name",headerName:"Name",flex:1,minWidth:100},{field:"status",headerName:"Status",flex:1,minWidth:150,cellRenderer:function cellRenderer(o){var t,r;return null!==(t=null===(r=o.data)||void 0===r?void 0:r.status)&&void 0!==t?t:null}}]}),[]);return(0,p.useEffect)((function(){var o=setTimeout((function(){var o,t;null===(o=on.current)||void 0===o||null===(o=o.api)||void 0===o||o.redrawRows(),null===(t=tn.current)||void 0===t||null===(t=t.api)||void 0===t||t.redrawRows()}),0);return function(){return clearTimeout(o)}}),[X,$]),(0,N.jsxs)("div",_objectSpread(_objectSpread({},C),{},{className:y()(C.className,h.fm,D.uiState.configSettingsIsExpanded?m.NF:void 0),style:{zIndex:800},children:[(0,N.jsx)("a",{className:h.Fs,children:"Decision history"}),(0,N.jsx)(j.default,{articleState:[z,E],rerender:V}),(0,N.jsx)("p",{className:h.Wy,children:"These tables show how configuration decisions affect product options and their visibility. Select an option to see which values are visible or hidden per decision."}),(0,N.jsxs)("div",{className:h.hS,children:[(0,N.jsx)("div",{className:h.Hy,children:(0,N.jsx)("div",{className:h.be,children:(0,N.jsx)(_.s,{ref:en,rowData:hn,columnDefs:bn,theme:I,getRowId:function getRowId(o){var t,r;return String(null!==(t=null===(r=o.data)||void 0===r?void 0:r._rowIdx)&&void 0!==t?t:"")},suppressCellFocus:!0,domLayout:"normal",context:{decisionCellClass:h.s2}})})}),(0,N.jsx)("div",{className:h.Hy,children:(0,N.jsx)("div",{className:h.Uj,children:(0,N.jsx)(_.s,{ref:on,rowData:gn,columnDefs:yn,theme:I,getRowId:function getRowId(o){var t,r;return null!==(t=null===(r=o.data)||void 0===r?void 0:r.codex)&&void 0!==t?t:""},getRowClass:function getOptionsRowClass(o){var t;return(null===(t=o.data)||void 0===t?void 0:t.codex)===X?h.Xn:void 0},onRowClicked:function onOptionsRowClicked(o){if(o.data){var t=o.data.codex;Y(X===t?void 0:t)}},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})}),X&&pn.length>0&&(0,N.jsxs)("div",{className:h._g,children:[(0,N.jsxs)("h4",{children:["Option values (",null==fn?void 0:fn.option.name,")"]}),(0,N.jsx)("div",{className:h.Ff,children:(0,N.jsx)(_.s,{ref:tn,rowData:xn,columnDefs:wn,theme:I,getRowId:function getRowId(o){var t,r;return null!==(t=null===(r=o.data)||void 0===r?void 0:r.codex)&&void 0!==t?t:""},getRowClass:function getOptionValuesRowClass(o){var t;return(null===(t=o.data)||void 0===t?void 0:t.codex)===$?h.qi:void 0},onRowClicked:function onOptionValuesRowClicked(o){o.data&&nn($===o.data.codex?void 0:o.data.codex)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"autoHeight"})})]})]}),K&&(0,N.jsx)("div",{className:h.EC,children:(0,N.jsx)(O.default,{decision:K.decision,snapshots:K.snapshots,onClose:function onClose(){return J(void 0)}})})]}))}))},72035:(o,t,r)=>{r.d(t,{Z:()=>u});var i=r(8081),l=r.n(i),a=r(23645),c=r.n(a)()(l());c.push([o.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const u=c},76839:(o,t,r)=>{var i=r(93379),l=r.n(i),a=r(7795),c=r.n(a),u=r(90569),d=r.n(u),v=r(3565),p=r.n(v),m=r(19216),h=r.n(m),b=r(44589),g=r.n(b),x=r(72035),y={};y.styleTagTransform=g(),y.setAttributes=p(),y.insert=d().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=h();l()(x.Z,y),x.Z&&x.Z.locals&&x.Z.locals}}]);

package/build/umd/304.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:304 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3090.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(8135),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(63762),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);

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

@@ -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.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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(n,e,d)=>{d.r(e),d.d(e,{default:()=>u});var o=d(34988),i=d(87363),r=d(36115),l=d(59165),a=d(65515),t=d.n(a),s=d(47514);const u=function DecisionVisualization(n){var e=n.decision,d=n.snapshots,a=n.matchingOptions,u=void 0===a?{}:a,x=n.anyData,c=n.onClose,m=(0,i.useRef)(null),p=(0,i.useState)(),g=(0,o.Z)(p,2),h=g[0],b=g[1],f=function renderIfDefined(n,e){return null!=n&&""!==n?(0,s.jsxs)("p",{children:[(0,s.jsxs)("strong",{children:[e,e?":":""]}),Array.isArray(n)?n.join(", "):n]}):null};(0,i.useEffect)((function(){if(d){var n={},e=function _loop(){var e=d.before[o],i=d.after[o];n[o]={after:i,before:e,removedOpvs:e.visibleOPVs.filter((function(n){return!i.visibleOPVs.includes(n)}))}};for(var o in d.before)e();b(n)}else b(void 0)}),[d]);var N=function isExpanded(n,e,d){var o=d;return!(void 0!==d&&!["removedOpvs","after","before"].includes(d))||!!(h&&o&&h[o]&&JSON.stringify(h[o].before)!==JSON.stringify(h[o].after))};if(void 0!==e.priceFeatureGroupNo){var j,k,y=e;return(0,s.jsxs)("div",{className:r.ii,ref:m,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["PriceFeatureGroup #",y.priceFeatureGroupNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(y.catalogId,"Catalog ID"),f(y._id,"priceFeatureGroup ID"),f(null===(j=y.priceFeatureGroupText)||void 0===j?void 0:j.DE,"priceFeatureGroupText"),f(y.projectPercentageSurcharges,"projectPercentageSurcharges"),f(y.isPercentage,"isPercentage"),f(y.comment,"comment"),f(y.featureNos,"Feature References"),f(y.additionalPrice,"Additional Price"),f(y.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"condition"}),(0,s.jsx)("th",{children:"priceField"})]})}),(0,s.jsx)("tbody",{children:null===(k=y.finishes)||void 0===k?void 0:k.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===y.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)}),(0,s.jsxs)("td",{children:["PRFG",y.priceFeatureGroupNo+"_"+n.priceField]})]},n._id)}))})]}),(0,s.jsx)("br",{}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}if(void 0!==e.Number){var D=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsx)("h2",{className:t()(r.uR),children:"Decision Details"}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(D.Number,"Number"),f(D.Type,"Type"),f(D.Prio,"Priority"),f(D.Options,"Options"),f(D.enabled?"Yes":"No","Enabled"),f(D.Number,"Decision Number"),f(D.activeCombination,"Active Combination Index"),f(D.disableHistory,"Disabled History")]}),D.DOC&&D.DOC.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h3",{className:r.dY,children:"Decision Option Combinations"}),D.DOC.map((function(n,e){var d;return(0,s.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",f(e,"doc Index"),f(n.JsFormula,"Formula"),Object.values(null!==(d=n.Row)&&void 0!==d?d:{}).map((function(n){return(0,s.jsx)(s.Fragment,{children:f(n.join(";"),"Doc Row")})})),n.DA&&n.DA.length>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("h6",{children:"Decision Actions:"}),(0,s.jsx)("ul",{children:n.DA.map((function(n,e){return(0,s.jsxs)("li",{children:[f(n.Type,"Action Type"),f(n.FeatureRef,"Feature Ref"),f(n.OptionCodex,"OptionCodex"),f(n.OptionRef,"OptionRef"),f(n.OptionRefCodex,"OptionRefCodex"),f(n.OptionValueRefCodex,"OptionValueRefCodex"),f(n.DecisionNr,"DecisionNr")]},e)}))})]}),f(n.ValidOptionValues,"Valid Option Values"),f(n.RefLevel,"RefLevel"),f(n.ValidOptions,"Valid Options")]},e)}))]}),f(D.disableHistory,"Disabled History"),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Is Valid DOC:"})," ",D.DOC&&D.DOC.length>0?"Yes":"No"]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}var v,z=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["Decision #",z.decisionNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(z.catalogId,"Catalog ID"),f(z._id,"Decision ID"),f(z.prio,"Priority"),f(z.decisionType,"Decision Type"),f(z.enabled?"Enabled":"Disabled","Status"),f(z.deleted?"Yes":"No","Deleted"),f(z.featureRefs,"Feature References"),f(z.disableHistory,"Disable History"),f(z.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"Actions"}),(0,s.jsx)("th",{children:"Options Set References"})]})}),(0,s.jsx)("tbody",{children:null===(v=z.optionCombinations)||void 0===v?void 0:v.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===z.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.projectActions)}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)})]},n._id)}))})]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}},33981:(n,e,d)=>{d.d(e,{EC:()=>C,FM:()=>D,Ff:()=>f,Fs:()=>w,Hy:()=>g,Se:()=>c,UF:()=>O,Uj:()=>b,Wy:()=>m,Xn:()=>N,YF:()=>v,ZP:()=>I,_g:()=>j,ao:()=>T,ap:()=>M,be:()=>h,dY:()=>L,fm:()=>S,gA:()=>z,hS:()=>p,ii:()=>A,qi:()=>k,s2:()=>y,uR:()=>Q});var o=d(8081),i=d.n(o),r=d(23645),l=d.n(r),a=d(61667),t=d.n(a),s=new URL(d(76380),d.b),u=l()(i()),x=t()(s);u.push([n.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--sS9Y_ thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--sS9Y_ th,\n.index-module--sS9Y_ td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--sS9Y_ tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--O5GJU {\n  text-align: left;\n}\n\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n\n.index-module--xNfvC {\n  font-weight: bold;\n}\n\n.index-module--oALcg {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.index-module--oALcg:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.index-module--GhBSZ {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--npZia {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: calc(100% - 112px);\n}\n\n.index-module--V0mkK {\n  flex: 0 0 auto;\n  align-self: stretch;\n  min-width: 150px;\n  width: 40%;\n}\n\n.index-module--V0mkK:first-child {\n  width: 20%;\n  min-width: 200px;\n}\n\n.index-module--fel7j,\n.index-module--Zomhv {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--_YtbK {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--acays {\n  background: #ebf8ff !important;\n}\n\n.index-module--acays {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--MkLHL {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n  width: 30%;\n}\n\n.index-module--MkLHL h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--H3t_n {\n  background: #e6fffa !important;\n}\n\n.index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.index-module--uYGu4 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--uYGu4:hover {\n  background: #edf2f7;\n}\n\n.index-module--Pj7zk {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--I3NCP {\n  color: #e53e3e;\n}\n\n.index-module--oSNpU {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.index-module--Hc7XK {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.index-module--Hc7XK:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\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("+x+");\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  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--sBWMs {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.index-module--uzZoJ {\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: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  margin: 8px 16px;\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: calc(100% - 4px);\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\n/* Dark mode compatibility */\n.darkmode .index-module--GhBSZ,\nbody.darkmode .index-module--GhBSZ {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .index-module--MkLHL,\nbody.darkmode .index-module--MkLHL {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--MkLHL h4,\nbody.darkmode .index-module--MkLHL h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--Pj7zk,\nbody.darkmode .index-module--Pj7zk {\n  color: #68d391;\n}\n\n.darkmode .index-module--I3NCP,\nbody.darkmode .index-module--I3NCP {\n  color: #fc8181;\n}\n\n.darkmode .index-module--oSNpU,\nbody.darkmode .index-module--oSNpU {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK,\nbody.darkmode .index-module--Hc7XK {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK:hover,\nbody.darkmode .index-module--Hc7XK:hover {\n  color: #93c5fd;\n}\n\n.darkmode .index-module--uYGu4:hover,\nbody.darkmode .index-module--uYGu4:hover {\n  background: rgba(71, 85, 105, 0.3);\n}\n\n/* DecisionVisualizer / IDM container dark mode */\n.darkmode .index-module--uzZoJ,\nbody.darkmode .index-module--uzZoJ {\n  background-color: rgba(30, 41, 59, 0.95);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ h2,\n.darkmode .index-module--uzZoJ .index-module--wrmAf,\nbody.darkmode .index-module--uzZoJ h2,\nbody.darkmode .index-module--uzZoJ .index-module--wrmAf {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--GsJQn,\nbody.darkmode .index-module--uzZoJ .index-module--GsJQn {\n  color: #cbd5e1;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th {\n  background-color: rgba(51, 65, 85, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--bBk4P,\nbody.darkmode .index-module--uzZoJ .index-module--bBk4P {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--HpoCh,\nbody.darkmode .index-module--uzZoJ .index-module--HpoCh {\n  filter: invert(1);\n}\n",""]);var c="index-module--xNfvC",m="index-module--GhBSZ",p="index-module--npZia",g="index-module--V0mkK",h="index-module--fel7j",b="index-module--Zomhv",f="index-module--_YtbK",N="index-module--acays",j="index-module--MkLHL",k="index-module--H3t_n",y="index-module--uYGu4",D="index-module--Pj7zk",v="index-module--I3NCP",z="index-module--oSNpU",M="index-module--Hc7XK",O="index-module--HpoCh",S="index-module--bBk4P",w="index-module--sBWMs",C="index-module--XrXfq",A="index-module--uzZoJ",Q="index-module--wrmAf",L="index-module--GsJQn",T="index-module--gf_Q8";const I=u},36115:(n,e,d)=>{d.d(e,{EC:()=>g.EC,FM:()=>g.FM,Ff:()=>g.Ff,Fs:()=>g.Fs,Hy:()=>g.Hy,Se:()=>g.Se,UF:()=>g.UF,Uj:()=>g.Uj,Wy:()=>g.Wy,Xn:()=>g.Xn,YF:()=>g.YF,_g:()=>g._g,ao:()=>g.ao,ap:()=>g.ap,be:()=>g.be,dY:()=>g.dY,fm:()=>g.fm,gA:()=>g.gA,hS:()=>g.hS,ii:()=>g.ii,qi:()=>g.qi,s2:()=>g.s2,uR:()=>g.uR});var o=d(93379),i=d.n(o),r=d(7795),l=d.n(r),a=d(90569),t=d.n(a),s=d(3565),u=d.n(s),x=d(19216),c=d.n(x),m=d(44589),p=d.n(m),g=d(33981),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=t().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=c();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

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

@@ -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,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="}}]);
+"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(63762)),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(63762),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(63762),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(63762)),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(63762),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(63762),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(63762)),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&&!m.wysiwygDebugState.wysiwygInspectView&&(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(63762),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/3337.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 3337.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(8135),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(63762),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3401.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(34988),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(8135),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(34988),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(63762),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 3439.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3439,8648,7173,8291,58],{59165:(e,n,t)=>{t.d(n,{_l:()=>c,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date,isObject=e=>"object"==typeof e&&null!==e,isFunction=e=>!!e&&e instanceof Object&&"function"==typeof e;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:l,lastElement:o,openBracket:r,closeBracket:i,level:c,style:d,shouldExpandNode:s,clickToExpandNode:u,outerRef:p,beforeExpandChange:m}=e;const b=(0,a.useRef)(!1),[f,_]=(0,a.useState)((()=>s(c,t,n))),g=(0,a.useRef)(null);(0,a.useEffect)((()=>{b.current?_(s(c,t,n)):b.current=!0}),[s]);const x=(0,a.useId)();if(0===l.length)return function EmptyObject(e){let{field:n,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,a.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,a.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,a.createElement)("span",{className:r.punctuation},t),(0,a.createElement)("span",{className:r.punctuation},l),!o&&(0,a.createElement)("span",{className:r.punctuation},","))}({field:n,openBracket:r,closeBracket:i,lastElement:o,style:d});const k=f?d.collapseIcon:d.expandIcon,v=f?d.ariaLables.collapseJson:d.ariaLables.expandJson,y=c+1,E=l.length-1,setExpandWithCallback=e=>{f===e||m&&!m({level:c,value:t,field:n,newExpandValue:e})||_(e)},onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),setExpandWithCallback("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let a=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){a=e;break}if(a<0)return;const l=(a+n+t.length)%t.length;t[a].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;setExpandWithCallback(!f);const n=g.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,a.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":f,"aria-selected":void 0},(0,a.createElement)("span",{className:k,onClick,onKeyDown,role:"button","aria-label":v,"aria-expanded":f,"aria-controls":f?x:void 0,ref:g,tabIndex:0===c?0:-1}),(n||""===n)&&(u?(0,a.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,a.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,a.createElement)("span",{className:d.punctuation},r),f?(0,a.createElement)("ul",{id:x,role:"group",className:d.childFieldsContainer},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:y,shouldExpandNode:s,clickToExpandNode:u,beforeExpandChange:m,outerRef:p})))):(0,a.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:d.punctuation},i),!o&&(0,a.createElement)("span",{className:d.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:c,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:i,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:c,beforeExpandChange:d})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:c,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:c,beforeExpandChange:d})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var c;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(c=l)||c instanceof String?(n=function quoteStringValue(e,n,t){return t?JSON.stringify(e):n?`"${e}"`:e}(l,!o.noQuotesForStringValues,o.stringifyStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,i=o.numberValue):n=isDate(l)?l.toISOString():isFunction(l)?"function() { }":l.toString(),(0,a.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,a.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,a.createElement)("span",{className:i},n),!r&&(0,a.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,a.createElement)(JsonArray,Object.assign({},e)):!isObject(n)||isDate(n)||isFunction(n)?(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e)):(0,a.createElement)(JsonObject,Object.assign({},e));var t}var l="_2bkNM",o="_1BXBN";const r={collapseJson:"collapse JSON",expandJson:"expand JSON"},i={container:"_2IvMF _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},c={container:"_11RoI _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=i,shouldExpandNode:l=allExpanded,clickToExpandNode:o=!1,beforeExpandChange:r,compactTopLevel:c,...d}=e;const s=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},d,{className:t.container,ref:s,role:"tree"}),c&&isObject(n)?Object.entries(n).map((e=>{let[n,c]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:c,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:s})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:s,beforeExpandChange:r}))}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var a=t(34988),l=t(63762),o=t(87363),r=t(58590),i=t(93379),c=t.n(i),d=t(7795),s=t.n(d),u=t(90569),p=t.n(u),m=t(3565),b=t.n(m),f=t(19216),_=t.n(f),g=t(44589),x=t.n(g),k=t(73751),v={};v.styleTagTransform=x(),v.setAttributes=b(),v.insert=p().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=_();c()(k.Z,v);k.Z&&k.Z.locals&&k.Z.locals;var y=t(9420),E=t(47514);const h=(0,y.Pi)((function ArticleSelector(e){var n,t=(0,a.Z)(e.articleState,2),i=t[0],c=t[1],d=e.rerender,s=e.filter,u=(0,l.NP)(),p=Object.values(null!==(n=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});s&&(p=p.filter(s));var m=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,o.useEffect)((function(){i||c(p[0])}),[d]),1==m.length||0==m.length?(0,E.jsx)(E.Fragment,{}):(0,E.jsx)(r.ZP,{value:m.find((function(e){return e.value===(null==i?void 0:i.basketId)})),options:m,onChange:function onChange(e){c(p.find((function(n){return n.basketId==e.value})))},className:k.Y,classNamePrefix:"article-select"})}))},73751:(e,n,t)=>{t.d(n,{Y:()=>i,Z:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var i="index-module--_Tl9c";const c=r},89965:(e,n,t)=>{t.d(n,{NF:()=>c,ZP:()=>s,ec:()=>i,pb:()=>d});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var i="index-module--NA4Nc",c="index-module--zxgl3",d="index-module--WGNyK";const s=r},51203:(e,n,t)=>{t.d(n,{NF:()=>f.NF,ec:()=>f.ec,pb:()=>f.pb});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),c=t.n(i),d=t(3565),s=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),f=t(89965),_={};_.styleTagTransform=b(),_.setAttributes=s(),_.insert=c().bind(null,"head"),_.domAPI=r(),_.insertStyleElement=p();l()(f.ZP,_),f.ZP&&f.ZP.locals&&f.ZP.locals},88291:(e,n,t)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}t.d(n,{Z:()=>_objectDestructuringEmpty})}}]);

package/build/umd/3439.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:3439 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3443.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443,4133,9596],{74133:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var r=o(80248),t=(o(87363),o(2765)),i=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,r.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const d=function SettingsHeader(n){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var r=o(34988),t=o(87363),i=o(9420),d=o(8135),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),v=o.n(w),k=o(74219),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(k.ZP,y);k.ZP&&k.ZP.locals&&k.ZP.locals;var z=o(65515),j=o.n(z),O=o(47514);const S=(0,i.Pi)((function SliderComponent(n){var e=n.item,o=n.style,i=n.paletteId,a=(0,d.NP)(),s=(0,t.useState)({}),x=(0,r.Z)(s,2),m=x[0],p=x[1],u=(0,t.useState)([]),b=(0,r.Z)(u,2),g=b[0],h=b[1],f=(0,t.useState)(),w=(0,r.Z)(f,2),v=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:v)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:v],void 0,i)};return(0,t.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{style:o,className:j()(k.YS,"no-swiping"),children:[(0,O.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,O.jsx)("div",{className:k.sL,children:(0,O.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var r=o(8081),t=o.n(r),i=o(23645),d=o.n(i)()(t());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443,4133,9596],{74133:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var r=o(80248),t=(o(87363),o(2765)),i=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,r.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const d=function SettingsHeader(n){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var r=o(34988),t=o(87363),i=o(9420),d=o(63762),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),v=o.n(w),k=o(74219),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(k.ZP,y);k.ZP&&k.ZP.locals&&k.ZP.locals;var z=o(65515),j=o.n(z),O=o(47514);const S=(0,i.Pi)((function SliderComponent(n){var e=n.item,o=n.style,i=n.paletteId,a=(0,d.NP)(),s=(0,t.useState)({}),x=(0,r.Z)(s,2),m=x[0],p=x[1],u=(0,t.useState)([]),b=(0,r.Z)(u,2),g=b[0],h=b[1],f=(0,t.useState)(),w=(0,r.Z)(f,2),v=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:v)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:v],void 0,i)};return(0,t.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{style:o,className:j()(k.YS,"no-swiping"),children:[(0,O.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,O.jsx)("div",{className:k.sL,children:(0,O.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var r=o(8081),t=o.n(r),i=o(23645),d=o.n(i)()(t());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3448.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"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}}]);
+"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(63762),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(63762),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(63762),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(63762),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}}]);