@crystaldesign/diva-web-planner-react 26.3.0-beta.7 → 26.3.0-beta.8

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:()=>s,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:s,style:c,shouldExpandNode:u,clickToExpandNode:d,outerRef:p,beforeExpandChange:m}=e;const f=(0,a.useRef)(!1),[b,x]=(0,a.useState)((()=>u(s,t,n))),g=(0,a.useRef)(null);(0,a.useEffect)((()=>{f.current?x(u(s,t,n)):f.current=!0}),[u]);const E=(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:c});const v=b?c.collapseIcon:c.expandIcon,N=b?c.ariaLables.collapseJson:c.ariaLables.expandJson,y=s+1,h=l.length-1,setExpandWithCallback=e=>{b===e||m&&!m({level:s,value:t,field:n,newExpandValue:e})||x(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(!b);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:c.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,a.createElement)("span",{className:v,onClick,onKeyDown,role:"button","aria-label":N,"aria-expanded":b,"aria-controls":b?E:void 0,ref:g,tabIndex:0===s?0:-1}),(n||""===n)&&(d?(0,a.createElement)("span",{className:c.clickableLabel,onClick,onKeyDown},quoteString(n,c.quotesForFieldNames),":"):(0,a.createElement)("span",{className:c.label},quoteString(n,c.quotesForFieldNames),":")),(0,a.createElement)("span",{className:c.punctuation},r),b?(0,a.createElement)("ul",{id:E,role:"group",className:c.childFieldsContainer},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:c,lastElement:n===h,level:y,shouldExpandNode:u,clickToExpandNode:d,beforeExpandChange:m,outerRef:p})))):(0,a.createElement)("span",{className:c.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:c.punctuation},i),!o&&(0,a.createElement)("span",{className:c.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s,beforeExpandChange:c}=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:s,beforeExpandChange:c})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s,beforeExpandChange:c}=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:s,beforeExpandChange:c})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s 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},s={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:s,...c}=e;const u=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},c,{className:t.container,ref:u,role:"tree"}),s&&isObject(n)?Object.entries(n).map((e=>{let[n,s]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:s,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:u})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:u,beforeExpandChange:r}))}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var a=t(34988),l=t(63762),o=t(87363),r=t(58590),i=t(93379),s=t.n(i),c=t(7795),u=t.n(c),d=t(90569),p=t.n(d),m=t(3565),f=t.n(m),b=t(19216),x=t.n(b),g=t(44589),E=t.n(g),v=t(73751),N={};N.styleTagTransform=E(),N.setAttributes=f(),N.insert=p().bind(null,"head"),N.domAPI=u(),N.insertStyleElement=x();s()(v.Z,N);v.Z&&v.Z.locals&&v.Z.locals;var y=t(9420),h=t(47514);const _=(0,y.Pi)((function ArticleSelector(e){var n,t=(0,a.Z)(e.articleState,2),i=t[0],s=t[1],c=e.rerender,u=e.filter,d=(0,l.NP)(),p=Object.values(null!==(n=d.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});u&&(p=p.filter(u));var m=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,o.useEffect)((function(){i||s(p[0])}),[c]),1==m.length||0==m.length?(0,h.jsx)(h.Fragment,{}):(0,h.jsx)(r.ZP,{value:m.find((function(e){return e.value===(null==i?void 0:i.basketId)})),options:m,onChange:function onChange(e){s(p.find((function(n){return n.basketId==e.value})))},className:v.Y})}))},73751:(e,n,t)=>{t.d(n,{Y:()=>i,Z:()=>s});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",""]);var i="index-module--_Tl9c";const s=r},89965:(e,n,t)=>{t.d(n,{NF:()=>s,ZP:()=>u,ec:()=>i,pb:()=>c});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",s="index-module--zxgl3",c="index-module--WGNyK";const u=r},51203:(e,n,t)=>{t.d(n,{NF:()=>b.NF,ec:()=>b.ec,pb:()=>b.pb});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),c=t(3565),u=t.n(c),d=t(19216),p=t.n(d),m=t(44589),f=t.n(m),b=t(89965),x={};x.styleTagTransform=f(),x.setAttributes=u(),x.insert=s().bind(null,"head"),x.domAPI=r(),x.insertStyleElement=p();l()(b.ZP,x),b.ZP&&b.ZP.locals&&b.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}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3516.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),a=t(65515),o=t.n(a),u=t(8135),d=t(9420),l=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),j=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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}const I=(0,d.Pi)((function Range(e){var n,t=e.paletteId,i=e.item,a=(0,l.useState)(Number(i.freeText)),d=(0,r.Z)(a,2),s=d[0],m=d[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,r.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:i.measureUnit}))}),[s]),(0,l.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),m(Number(i.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,x]),(0,k.jsx)("div",{className:o()(j.CA,j.nC),children:(0,k.jsxs)("div",{className:j.kQ,children:[(0,k.jsxs)("div",{className:j.VU,children:[(0,k.jsx)("a",{className:j.iq,children:i.measureMinimum+" "+i.measureUnit}),(0,k.jsx)("a",{className:j.Be,children:i.measureMaximum+" "+i.measureUnit})]}),(0,k.jsxs)("div",{className:o()(j.FR,"no-swiping"),children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(s)-Number(i.measureStep);e<Number(i.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:i.measureMinimum,max:i.measureMaximum,step:i.measureStep,value:s,className:j.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(s)+Number(i.measureStep);e>Number(i.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>x,kQ:()=>g,l8:()=>j,nC:()=>p});var i=t(8081),r=t.n(i),a=t(23645),o=t.n(a),u=t(61667),d=t.n(u),l=new URL(t(27557),t.b),s=o()(r()),m=d()(l);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",g="index-module--Sp71V",b="index-module--Bu3n_",x="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const C=s},27557:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),a=t(65515),o=t.n(a),u=t(63762),d=t(9420),l=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),j=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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}const I=(0,d.Pi)((function Range(e){var n,t=e.paletteId,i=e.item,a=(0,l.useState)(Number(i.freeText)),d=(0,r.Z)(a,2),s=d[0],m=d[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,r.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:i.measureUnit}))}),[s]),(0,l.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),m(Number(i.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,x]),(0,k.jsx)("div",{className:o()(j.CA,j.nC),children:(0,k.jsxs)("div",{className:j.kQ,children:[(0,k.jsxs)("div",{className:j.VU,children:[(0,k.jsx)("a",{className:j.iq,children:i.measureMinimum+" "+i.measureUnit}),(0,k.jsx)("a",{className:j.Be,children:i.measureMaximum+" "+i.measureUnit})]}),(0,k.jsxs)("div",{className:o()(j.FR,"no-swiping"),children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(s)-Number(i.measureStep);e<Number(i.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:i.measureMinimum,max:i.measureMaximum,step:i.measureStep,value:s,className:j.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(s)+Number(i.measureStep);e>Number(i.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>x,kQ:()=>g,l8:()=>j,nC:()=>p});var i=t(8081),r=t.n(i),a=t(23645),o=t.n(a),u=t(61667),d=t.n(u),l=new URL(t(27557),t.b),s=o()(r()),m=d()(l);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",g="index-module--Sp71V",b="index-module--Bu3n_",x="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const C=s},27557:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 357.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[357,7173,2654,8317,8763,7197,8345],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,w){if(w!==v){var O=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 O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),w=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,C=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,w=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,k=S.classParentString,E=S.contentOuterClassName,j=S.contentInnerClassName,T="".concat(k,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(k," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(k,"__contentOuter ").concat(E),D="".concat(k,"__contentInner ").concat(j);return x.a.createElement(w,l({className:P.trim()},this.props.containerElementProps),x.a.createElement(O,l({id:this.triggerId,className:T.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:D.trim()},N)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,contentElementId:w.a.string,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.string,w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>N,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date,isObject=r=>"object"==typeof r&&null!==r,isFunction=r=>!!r&&r instanceof Object&&"function"==typeof r;function quoteString(r,m){return void 0===m&&(m=!1),!r||m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:x,lastElement:C,openBracket:w,closeBracket:O,level:N,style:S,shouldExpandNode:k,clickToExpandNode:E,outerRef:j,beforeExpandChange:T}=r;const P=(0,v.useRef)(!1),[_,D]=(0,v.useState)((()=>k(N,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{P.current?D(k(N,y,m)):P.current=!0}),[k]);const A=(0,v.useId)();if(0===x.length)return function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:C,style:w}=r;return(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:w.label},quoteString(m,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:w.punctuation},y),(0,v.createElement)("span",{className:w.punctuation},x),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}({field:m,openBracket:w,closeBracket:O,lastElement:C,style:S});const R=_?S.collapseIcon:S.expandIcon,M=_?S.ariaLables.collapseJson:S.ariaLables.expandJson,F=N+1,V=x.length-1,setExpandWithCallback=r=>{_===r||T&&!T({level:N,value:y,field:m,newExpandValue:r})||D(r)},onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),setExpandWithCallback("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!j.current)return;const y=j.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const x=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[x].tabIndex=0,y[x].focus()}},onClick=()=>{var r;setExpandWithCallback(!_);const m=I.current;if(!m)return;const y=null===(r=j.current)||void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:S.basicChildStyle,role:"treeitem","aria-expanded":_,"aria-selected":void 0},(0,v.createElement)("span",{className:R,onClick,onKeyDown,role:"button","aria-label":M,"aria-expanded":_,"aria-controls":_?A:void 0,ref:I,tabIndex:0===N?0:-1}),(m||""===m)&&(E?(0,v.createElement)("span",{className:S.clickableLabel,onClick,onKeyDown},quoteString(m,S.quotesForFieldNames),":"):(0,v.createElement)("span",{className:S.label},quoteString(m,S.quotesForFieldNames),":")),(0,v.createElement)("span",{className:S.punctuation},w),_?(0,v.createElement)("ul",{id:A,role:"group",className:S.childFieldsContainer},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:S,lastElement:m===V,level:F,shouldExpandNode:k,clickToExpandNode:E,beforeExpandChange:T,outerRef:j})))):(0,v.createElement)("span",{className:S.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:S.punctuation},O),!C&&(0,v.createElement)("span",{className:S.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:C,clickToExpandNode:w,level:O,outerRef:N,beforeExpandChange:S}=r;return ExpandableObject({field:m,value:y,lastElement:x||!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:C,clickToExpandNode:w,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:N,beforeExpandChange:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:C,shouldExpandNode:w,clickToExpandNode:O,outerRef:N,beforeExpandChange:S}=r;return ExpandableObject({field:m,value:y,lastElement:x||!1,level:C,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:w,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:N,beforeExpandChange:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:C,lastElement:w}=r,O=C.otherValue;var N;return null===x?(m="null",O=C.nullValue):void 0===x?(m="undefined",O=C.undefinedValue):"string"==typeof(N=x)||N instanceof String?(m=function quoteStringValue(r,m,y){return y?JSON.stringify(r):m?`"${r}"`:r}(x,!C.noQuotesForStringValues,C.stringifyStringValues),O=C.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(x)?(m=x?"true":"false",O=C.booleanValue):(r=>"number"==typeof r||r instanceof Number)(x)?(m=x.toString(),O=C.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=C.numberValue):m=isDate(x)?x.toISOString():isFunction(x)?"function() { }":x.toString(),(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:C.label},quoteString(y,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):!isObject(m)||isDate(m)||isFunction(m)?(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r)):(0,v.createElement)(JsonObject,Object.assign({},r));var y}var x="_2bkNM",C="_1BXBN";const w={collapseJson:"collapse JSON",expandJson:"expand JSON"},O={container:"_2IvMF _GzYRV",basicChildStyle:x,childFieldsContainer:C,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:w,stringifyStringValues:!1},N={container:"_11RoI _GzYRV",basicChildStyle:x,childFieldsContainer:C,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:w,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=O,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,beforeExpandChange:w,compactTopLevel:N,...S}=r;const k=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},S,{className:y.container,ref:k,role:"tree"}),N&&isObject(m)?Object.entries(m).map((r=>{let[m,N]=r;return(0,v.createElement)(DataRender,{key:m,field:m,value:N,style:{...O,...y},lastElement:!0,level:1,shouldExpandNode:x,clickToExpandNode:C,beforeExpandChange:w,outerRef:k})})):(0,v.createElement)(DataRender,{value:m,style:{...O,...y},lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:k,beforeExpandChange:w}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});y(87363);var v=y(28317),x=y(9420),C=y(47514);const w=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,w=r.allOpen,O=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status||(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return O?(0,C.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:w,showDiffOnly:x,configStepKey:m.key}):(0,C.jsx)(C.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),C=y(87363),w=y(9420),O=y(93476),N=y(57446),S=y.n(N),k=y(63762),E=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var j=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=j(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,C,w,O,N;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(O=null===(N=r.partListParentArticle)||void 0===N||null===(N=N.catalogArticle.partlistDecisions)||void 0===N?void 0:N["D"+r.partlistDecisionNo])&&void 0!==O?O:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,w.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,w=r.title,N=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,C.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,k.NP)();return(0,C.useEffect)((function(){var r,m=R.settingsState.partlistArticlesInOverview[T];if((void 0===I||!m||m.totalCount===m.items.length)&&(void 0===I||P)){var v=[];for(var x in y)v=j(y[x],v);P&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},R.settingsState.partlistArticlesInOverview);null!==(r=C[T])&&void 0!==r&&r.items&&!C[T].items.find((function(r){return r.opv===w}))&&(C[T].items.push({opv:w,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(C)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,E.jsx)(S(),{trigger:(0,E.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+w}),open:""==w||N,easing:"ease",transitionTime:100,children:(0,E.jsxs)("table",{className:O.Kz,children:[(0,E.jsx)("thead",{children:(0,E.jsxs)("tr",{className:O.$Q,children:[(0,E.jsx)("th",{children:"Name"}),(0,E.jsx)("th",{children:"Artikle Nr."}),(0,E.jsx)("th",{children:"Type Nr."}),(0,E.jsx)("th",{children:"CatalogCodex"}),(0,E.jsx)("th",{children:"Preis"}),(0,E.jsx)("th",{children:"Nr"}),(0,E.jsx)("th",{children:"Prefix"}),(0,E.jsx)("th",{children:"Menge"}),(0,E.jsx)("th",{children:"Rule"}),(0,E.jsx)("th",{children:"decision"})]})}),(0,E.jsx)("tbody",{children:(null!=I?I:[]).filter((function(r){return!P||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,E.jsxs)("tr",{className:O.$Q,children:[(0,E.jsxs)("th",{children:[" ",r.name]}),(0,E.jsxs)("th",{children:[r.articleCodex," "]}),(0,E.jsxs)("th",{children:[r.typeNr," "]}),(0,E.jsxs)("th",{children:[r.catalogCodex," "]}),(0,E.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,E.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,E.jsxs)("th",{children:[r.retailPrefix," "]}),(0,E.jsxs)("th",{children:[r.quantity," "]}),(0,E.jsx)("th",{children:r.rule}),r.decision&&(0,E.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},97078:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>R});var v=y(80248),x=y(34988),C=y(72874),w=y(87363),O=y(51203),N=y(93476),S=y(36115),k=y(63762),E=y(9420),j=y(65515),T=y.n(j),P=y(13222),_=y(98763),D=y(52654),I=y(47514),A=["onMouseDown"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const R=(0,E.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,C.Z)(r,A),v=(0,k.NP)(),E=(0,w.useState)(),j=(0,x.Z)(E,2),R=j[0],M=j[1],F=(0,w.useState)(),V=(0,x.Z)(F,2),W=V[0],B=V[1],z=(0,w.useState)(!1),L=(0,x.Z)(z,2),H=L[0],Z=L[1],K=(0,w.useState)(!1),q=(0,x.Z)(K,2),U=q[0],J=q[1],G=(0,w.useState)(!0),Q=(0,x.Z)(G,2),X=Q[0],$=Q[1],Y=function onClick(r){var m,y,v=r.decision;(v.decisionNo||v.Number)==((null==R||null===(m=R.decision)||void 0===m?void 0:m.Number)||(null==R||null===(y=R.decision)||void 0===y?void 0:y.decisionNo))?M(void 0):M(r)};(0,w.useEffect)((function(){H?setTimeout((function(){return ee()}),400):B([{snapshots:[{promise:new Promise((function(r){var m,y,x;r({articleSnapshot:null!==(m=v.divaWebPlanner.getDivaArticles())&&void 0!==m?m:{},price:null!==(y=null===(x=v.divaWebPlanner.actSet())||void 0===x?void 0:x.getSetPrice())&&void 0!==y?y:0})})),title:"",key:v.settingsState.configChanged.toString()}]}])}),[v.settingsState.configChanged,v.tabGroupState.curConfigStep]);var ee=function updateVariants(){for(var r=[],m={},y=v.settingsState.itemPaletteArr.filter((function(r){return r[1].visible})).map((function(r){return{items:r[1].groups.flatMap((function(r){return r.items.flatMap((function(r){return r}))})),palette:r[1]}})),x=0;x<y.length;x++){for(var C=y[x].items,w=y[x].palette,O=[],N=0;N<C.length;N++){var S=C[N];S.pricePreviewPromise&&(S.text||S.name)&&O.push({promise:S.pricePreviewPromise.promise,title:S.text||S.name,key:w.configStepKey})}m[w.configStepKey]={items:[],totalCount:C.length},r.push({snapshots:O,palette:w})}v.settingsState.setPartlistArticlesInOverview(m),B(r)};return(0,w.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=W&&W.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,N.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:N.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:N.US,children:[(0,I.jsx)(_.default,{state:H,onChange:function onChange(r){return Z(r)},on:"alle",off:"einzeln",width:100}),H&&(0,I.jsx)(_.default,{state:U,onChange:function onChange(r){return J(r)},on:"offen",off:"zu",width:100}),H&&(0,I.jsx)(_.default,{state:X,onChange:function onChange(r){return $(r)},on:"schnittm.",off:"alle",width:100})]})]}),W.map((function(r,m){var y;return(0,I.jsxs)("div",{className:N.EM,children:[!(null===(y=r.palette)||void 0===y||!y.name)&&(0,I.jsx)("div",{children:r.palette.name}),r.snapshots.map((function(r){return(0,I.jsx)(w.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:S.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},98763:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),C=(y(87363),y(68692)),w=y(93379),O=y.n(w),N=y(7795),S=y.n(N),k=y(90569),E=y.n(k),j=y(3565),T=y.n(j),P=y(19216),_=y.n(P),D=y(44589),I=y.n(D),A=y(75581),R={};R.styleTagTransform=I(),R.setAttributes=T(),R.insert=E().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=_();O()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var M=y(47514);const F=function Toggle(r){var m,y=r.onChange,v=r.val,w=r.state,O=r.on,N=r.off,S=r.alwaysActiveColor,k=r.height,E=void 0===k?40:k,j=r.width,T=void 0===j?80:j,P=r.handleDiameter,_=void 0===P?32:P,D=r.toggleTextClassName,I=void 0===D?A.f6:D,R=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(C.Z,{className:"no-swiping",checkedIcon:O?(0,M.jsx)("div",{className:x()(I),id:"yes",children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:N?(0,M.jsx)("div",{className:x()(I),id:"no",children:N}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!w)},checked:w,onColor:R,offColor:S?R:"#CACACA",height:E,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>N,EM:()=>j,Fs:()=>k,Kz:()=>O,US:()=>E,ZP:()=>T,fm:()=>S});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var O="index-module--LmG2a",N="index-module--A0hQw",S="index-module--PcNw4",k="index-module--Gh5Gk",E="index-module--Biof7",j="index-module--DLRJp";const T=w},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>N,ZP:()=>k,ec:()=>O,pb:()=>S});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.push([r.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 O="index-module--NA4Nc",N="index-module--zxgl3",S="index-module--WGNyK";const k=w},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,f6:()=>O});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.push([r.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss";const N=w},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>_.$Q,EM:()=>_.EM,Fs:()=>_.Fs,Kz:()=>_.Kz,US:()=>_.US,fm:()=>_.fm});var v=y(93379),x=y.n(v),C=y(7795),w=y.n(C),O=y(90569),N=y.n(O),S=y(3565),k=y.n(S),E=y(19216),j=y.n(E),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=k(),D.insert=N().bind(null,"head"),D.domAPI=w(),D.insertStyleElement=j();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},51203:(r,m,y)=>{"use strict";y.d(m,{NF:()=>_.NF,ec:()=>_.ec,pb:()=>_.pb});var v=y(93379),x=y.n(v),C=y(7795),w=y.n(C),O=y(90569),N=y.n(O),S=y(3565),k=y.n(S),E=y(19216),j=y.n(E),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=k(),D.insert=N().bind(null,"head"),D.domAPI=w(),D.insertStyleElement=j();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w});var v=y(87363);function s(){return s=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r},s.apply(this,arguments)}var x=v.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},v.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),C=v.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},v.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(r){if(7===r.length)return r;for(var m="#",y=1;y<4;y+=1)m+=r[y]+r[y];return m}function e(r,m,y,v,x){return function(r,m,y,v,x){var C=(r-y)/(m-y);if(0===C)return v;if(1===C)return x;for(var w="#",O=1;O<6;O+=2){var N=parseInt(v.substr(O,2),16),S=parseInt(x.substr(O,2),16),k=Math.round((1-C)*N+C*S).toString(16);1===k.length&&(k="0"+k),w+=k}return w}(r,m,y,h(v),h(x))}var w=function(r){function n(m){r.call(this,m);var y=m.height,v=m.width,x=m.checked;this.t=m.handleDiameter||y-2,this.i=Math.max(v-y,v-(y+this.t)/2),this.o=Math.max(0,(y-this.t)/2),this.state={h:x?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(r){r.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(r){this.R.focus(),this.setState({j:r,B:!0,L:Date.now()})},n.prototype.N=function(r){var m=this.state,y=m.j,v=m.h,x=(this.props.checked?this.i:this.o)+r-y;m.U||r===y||this.setState({U:!0});var C=Math.min(this.i,Math.max(this.o,x));C!==v&&this.setState({h:C})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,C=this.props.checked,w=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v||O<250||C&&y<=w||!C&&y>=w)&&this.X(r),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(r){r.preventDefault(),"number"==typeof r.button&&0!==r.button||(this.H(r.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(r){r.preventDefault(),this.N(r.clientX)},n.prototype.k=function(r){this.A(r),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(r){this.F=null,this.H(r.touches[0].clientX)},n.prototype.M=function(r){this.N(r.touches[0].clientX)},n.prototype.T=function(r){r.preventDefault(),this.A(r)},n.prototype.C=function(r){Date.now()-this.l>50&&(this.X(r),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(r){this.R=r},n.prototype.$=function(r){r.preventDefault(),this.R.focus(),this.X(r),this.I&&this.setState({B:!1})},n.prototype.X=function(r){var m=this.props;(0,m.onChange)(!m.checked,r,m.id)},n.prototype.render=function(){var r=this.props,m=r.checked,y=r.disabled,x=r.className,C=r.offColor,w=r.onColor,O=r.offHandleColor,N=r.onHandleColor,S=r.checkedIcon,k=r.uncheckedIcon,E=r.checkedHandleIcon,j=r.uncheckedHandleIcon,T=r.boxShadow,P=r.activeBoxShadow,_=r.height,D=r.width,I=r.borderRadius,A=function(r,m){var y={};for(var v in r)Object.prototype.hasOwnProperty.call(r,v)&&-1===m.indexOf(v)&&(y[v]=r[v]);return y}(r,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),R=this.state,M=R.h,F=R.U,V=R.B,W={position:"relative",display:"inline-block",textAlign:"left",opacity:y?.5:1,direction:"ltr",borderRadius:_/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},B={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,C,w),borderRadius:"number"==typeof I?I:_/2,cursor:y?"default":"pointer",WebkitTransition:F?null:"background 0.25s",MozTransition:F?null:"background 0.25s",transition:F?null:"background 0.25s"},z={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"relative",opacity:(M-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},L={height:_,width:Math.min(1.5*_,D-(this.t+_)/2+1),position:"absolute",opacity:1-(M-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(M,this.i,this.o,O,N),display:"inline-block",cursor:y?"default":"pointer",borderRadius:"number"==typeof I?I-1:"50%",position:"absolute",transform:"translateX("+M+"px)",top:Math.max(0,(_-this.t)/2),outline:0,boxShadow:V?P:T,border:0,WebkitTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},Z={height:this.t,width:this.t,opacity:Math.max(2*(1-(M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},K={height:this.t,width:this.t,opacity:Math.max(2*((M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"};return v.createElement("div",{className:x,style:W},v.createElement("div",{className:"react-switch-bg",style:B,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},S&&v.createElement("div",{style:z},S),k&&v.createElement("div",{style:L},k)),v.createElement("div",{className:"react-switch-handle",style:H,onClick:function(r){return r.preventDefault()},onMouseDown:y?null:this.p,onTouchStart:y?null:this.m,onTouchMove:y?null:this.M,onTouchEnd:y?null:this.T,onTouchCancel:y?null:this.S},j&&v.createElement("div",{style:Z},j),E&&v.createElement("div",{style:K},E)),v.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":m,checked:m,disabled:y,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},A,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(v.Component);w.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:C,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3628.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),a=t(9420),i=(t(87363),t(85769)),s=t(93379),o=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(56490),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var P=t(8135),y=t(88683),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var n,t=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:f.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:f.Rr,children:y.DivaUtils.formatPrice(null!==(n=t.productState.formatedTotalPrice)&&void 0!==n?n:0,t.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(65515),a=t.n(r),i=t(9420),s=t(8135),o=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),P=t.n(h),y=t(38027),S={};S.styleTagTransform=P(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();d()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=t(47514);const w=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,c=void 0===i?80:i,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?y.to:p,m=e.wcActiveStepClass,v=void 0===m?y.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?y.Wb:g,f=e.wcStepIconClass,h=void 0===f?y.x3:f,P=e.lastItemDiv,S=(0,s.NP)(),w=(0,l.useTranslation)().t,j=(0,o.useRef)(null),G=S.tabGroupState.curTabGroup;r<c&&(r=c);var O=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,o.useEffect)((function(){S.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var C,T=t.posNr==(null==G?void 0:G.posNr),I=S.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));C=d&&u?"0 "+r+", 0 0, "+"128 0, "+"128 "+r+", 64 "+r:d?"0 "+(r-8)+", 0 0, "+"128 0, "+"128 "+(r-8)+", 64 "+r:u?"0 "+r+", 0 0, 64 8, "+"128 0, "+"128 "+r:"0 "+(r-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-8)+", 64 "+r;var _=null!==(n=function getIconOfTabGroup(e,n,t){var r=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return r+t[e.toLowerCase()];if(t[e])return r+t[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(t.key,O,S.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,k.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,k.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+_+")",maskImage:"url("+_+")"}}),(0,k.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:w("configurator."+t.title,t.title)})]});return u&&P&&(z=P),(0,k.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",S.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(y.x6,T?v:void 0,I?b:void 0),children:[(0,k.jsx)("polygon",{className:a()(x,T?v:void 0,I?b:void 0),points:C}),(0,k.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,k.jsx)("span",{className:a()(y.xb,x,T?v:void 0,I?b:void 0),children:z})})]})}))},56490:(e,n,t)=>{t.d(n,{Rr:()=>o,WU:()=>l,ZP:()=>c});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var o="index-module--mqnkM",l="index-module--eBy4O";const c=s},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>o,xb:()=>l});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),a=t(9420),i=(t(87363),t(85769)),s=t(93379),o=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(56490),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var P=t(63762),y=t(88683),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var n,t=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:f.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:f.Rr,children:y.DivaUtils.formatPrice(null!==(n=t.productState.formatedTotalPrice)&&void 0!==n?n:0,t.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(65515),a=t.n(r),i=t(9420),s=t(63762),o=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),P=t.n(h),y=t(38027),S={};S.styleTagTransform=P(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();d()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=t(47514);const w=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,c=void 0===i?80:i,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?y.to:p,m=e.wcActiveStepClass,v=void 0===m?y.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?y.Wb:g,f=e.wcStepIconClass,h=void 0===f?y.x3:f,P=e.lastItemDiv,S=(0,s.NP)(),w=(0,l.useTranslation)().t,j=(0,o.useRef)(null),G=S.tabGroupState.curTabGroup;r<c&&(r=c);var O=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,o.useEffect)((function(){S.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var C,T=t.posNr==(null==G?void 0:G.posNr),I=S.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));C=d&&u?"0 "+r+", 0 0, "+"128 0, "+"128 "+r+", 64 "+r:d?"0 "+(r-8)+", 0 0, "+"128 0, "+"128 "+(r-8)+", 64 "+r:u?"0 "+r+", 0 0, 64 8, "+"128 0, "+"128 "+r:"0 "+(r-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-8)+", 64 "+r;var _=null!==(n=function getIconOfTabGroup(e,n,t){var r=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return r+t[e.toLowerCase()];if(t[e])return r+t[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(t.key,O,S.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,k.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,k.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+_+")",maskImage:"url("+_+")"}}),(0,k.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:w("configurator."+t.title,t.title)})]});return u&&P&&(z=P),(0,k.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",S.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(y.x6,T?v:void 0,I?b:void 0),children:[(0,k.jsx)("polygon",{className:a()(x,T?v:void 0,I?b:void 0),points:C}),(0,k.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,k.jsx)("span",{className:a()(y.xb,x,T?v:void 0,I?b:void 0),children:z})})]})}))},56490:(e,n,t)=>{t.d(n,{Rr:()=>o,WU:()=>l,ZP:()=>c});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var o="index-module--mqnkM",l="index-module--eBy4O";const c=s},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>o,xb:()=>l});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3695.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695],{59165:(e,n,t)=>{t.d(n,{_l:()=>s,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:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p,beforeExpandChange:m}=e;const g=(0,a.useRef)(!1),[b,f]=(0,a.useState)((()=>c(s,t,n))),x=(0,a.useRef)(null);(0,a.useEffect)((()=>{g.current?f(c(s,t,n)):g.current=!0}),[c]);const h=(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 _=b?d.collapseIcon:d.expandIcon,E=b?d.ariaLables.collapseJson:d.ariaLables.expandJson,v=s+1,y=l.length-1,setExpandWithCallback=e=>{b===e||m&&!m({level:s,value:t,field:n,newExpandValue:e})||f(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(!b);const n=x.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":b,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":E,"aria-expanded":b,"aria-controls":b?h:void 0,ref:x,tabIndex:0===s?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),b?(0,a.createElement)("ul",{id:h,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===y,level:v,shouldExpandNode:c,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:s,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:s,beforeExpandChange:d})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s,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:s,beforeExpandChange:d})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s 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},s={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:s,...d}=e;const c=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},d,{className:t.container,ref:c,role:"tree"}),s&&isObject(n)?Object.entries(n).map((e=>{let[n,s]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:s,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:c})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:c,beforeExpandChange:r}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var a=t(72874),l=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(8135)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,l.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,l=(e.collapsed,(0,a.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},l.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>g,ZP:()=>h,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>b,tX:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",g="index-module--cGqPx",b="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const h=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.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 i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>b.BZ,Jf:()=>b.Jf,Od:()=>b.Od,Uj:()=>b.Uj,Ux:()=>b.Ux,YS:()=>b.YS,_D:()=>b._D,l1:()=>b.l1,qk:()=>b.qk,rp:()=>b.rp,tX:()=>b.tX});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(62860),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(72035),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,7173],{59165:(e,n,t)=>{t.d(n,{_l:()=>s,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:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p,beforeExpandChange:m}=e;const g=(0,a.useRef)(!1),[b,f]=(0,a.useState)((()=>c(s,t,n))),x=(0,a.useRef)(null);(0,a.useEffect)((()=>{g.current?f(c(s,t,n)):g.current=!0}),[c]);const h=(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 _=b?d.collapseIcon:d.expandIcon,E=b?d.ariaLables.collapseJson:d.ariaLables.expandJson,v=s+1,y=l.length-1,setExpandWithCallback=e=>{b===e||m&&!m({level:s,value:t,field:n,newExpandValue:e})||f(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(!b);const n=x.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":b,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":E,"aria-expanded":b,"aria-controls":b?h:void 0,ref:x,tabIndex:0===s?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),b?(0,a.createElement)("ul",{id:h,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===y,level:v,shouldExpandNode:c,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:s,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:s,beforeExpandChange:d})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s,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:s,beforeExpandChange:d})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s 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},s={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:s,...d}=e;const c=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},d,{className:t.container,ref:c,role:"tree"}),s&&isObject(n)?Object.entries(n).map((e=>{let[n,s]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:s,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:c})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:c,beforeExpandChange:r}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var a=t(72874),l=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(63762)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,l.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,l=(e.collapsed,(0,a.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},l.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>g,ZP:()=>h,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>b,tX:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",g="index-module--cGqPx",b="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const h=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.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 i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>b.BZ,Jf:()=>b.Jf,Od:()=>b.Od,Uj:()=>b.Uj,Ux:()=>b.Ux,YS:()=>b.YS,_D:()=>b._D,l1:()=>b.l1,qk:()=>b.qk,rp:()=>b.rp,tX:()=>b.tX});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(62860),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(72035),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals}}]);