npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.9.0-rc.9 → 25.10.0-beta.10 - Mend

@crystaldesign/diva-web-planner-react 25.9.0-rc.9 → 25.10.0-beta.10

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

Files changed (467) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 357.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[357,7446,9165,2654,8317,5832,8692,2318,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,w,C){if(C!==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),w=y(0),C=y.n(w),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,w=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=w.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":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,S=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,N=k.classParentString,j=k.contentOuterClassName,E=k.contentInnerClassName,T="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(N,"__contentOuter ").concat(j),D="".concat(N,"__contentInner ").concat(E);return x.a.createElement(C,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),w),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()},S)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.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:()=>C,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date;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:w,openBracket:C,closeBracket:O,level:S,style:k,shouldExpandNode:N,clickToExpandNode:j,outerRef:E}=r;const T=(0,v.useRef)(!1),[P,_,D]=function useBool(r){const[m,y]=(0,v.useState)(r());return[m,()=>y((r=>!r)),y]}((()=>N(S,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{T.current?D(N(S,y,m)):T.current=!0}),[N]);const A=P?k.collapseIcon:k.expandIcon,R=P?"collapse JSON":"expand JSON",M=(0,v.useId)(),F=S+1,W=x.length-1,onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),D("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!E.current)return;const y=E.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;_();const m=I.current;if(!m)return;const y=null===(r=E.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:k.basicChildStyle,role:"treeitem","aria-expanded":P,"aria-selected":void 0},(0,v.createElement)("span",{className:A,onClick,onKeyDown,role:"button","aria-label":R,"aria-expanded":P,"aria-controls":P?M:void 0,ref:I,tabIndex:0===S?0:-1}),(m||""===m)&&(j?(0,v.createElement)("span",{className:k.clickableLabel,onClick,onKeyDown},quoteString(m,k.quotesForFieldNames),":"):(0,v.createElement)("span",{className:k.label},quoteString(m,k.quotesForFieldNames),":")),(0,v.createElement)("span",{className:k.punctuation},C),P?(0,v.createElement)("ul",{id:M,role:"group"},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:k,lastElement:m===W,level:F,shouldExpandNode:N,clickToExpandNode:j,outerRef:E})))):(0,v.createElement)("span",{className:k.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:k.punctuation},O),!w&&(0,v.createElement)("span",{className:k.punctuation},","))}function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:w,style:C}=r;return(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:C.label},quoteString(m,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:C.punctuation},y),(0,v.createElement)("span",{className:C.punctuation},x),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:w,clickToExpandNode:C,level:O,outerRef:S}=r;return 0===Object.keys(y).length?EmptyObject({field:m,openBracket:"{",closeBracket:"}",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:w,clickToExpandNode:C,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:w,shouldExpandNode:C,clickToExpandNode:O,outerRef:S}=r;return 0===y.length?EmptyObject({field:m,openBracket:"[",closeBracket:"]",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:w,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:C,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:w,lastElement:C}=r,O=w.otherValue;var S;return null===x?(m="null",O=w.nullValue):void 0===x?(m="undefined",O=w.undefinedValue):"string"==typeof(S=x)||S instanceof String?(m=quoteString(x,!w.noQuotesForStringValues),O=w.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(x)?(m=x?"true":"false",O=w.booleanValue):(r=>"number"==typeof r||r instanceof Number)(x)?(m=x.toString(),O=w.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=w.numberValue):m=isDate(x)?x.toISOString():x.toString(),(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:w.label},quoteString(y,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):(r=>r instanceof Object&&null!==r)(m)&&!isDate(m)?(0,v.createElement)(JsonObject,Object.assign({},r)):(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r));var y}var x="_2bkNM";const w={container:"_2IvMF _GzYRV",basicChildStyle:x,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},C={container:"_11RoI _GzYRV",basicChildStyle:x,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},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=w,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,...O}=r;const S=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},O,{className:y.container,ref:S,role:"tree"}),(0,v.createElement)(DataRender,{value:m,style:y,lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:S}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});y(87363);var v=y(28317),x=y(9420),w=y(47514);const C=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,C=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,w.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:C,showDiffOnly:x,configStepKey:m.key}):(0,w.jsx)(w.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),w=y(87363),C=y(9420),O=y(93476),S=y(57446),k=y.n(S),N=y(20640),j=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 E=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=E(v,m);else{for(var x=!1,w=0;w<m.length;w++)if(v.articleCodex===m[w].articleCodex&&v.retailArticleNr===m[w].retailArticleNr&&v.retailPrefix===m[w].retailPrefix&&v.catalogCodex===m[w].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[w].VariantValues)){x=!0,m[w].quantity+=v.quantity;break}x||m.push(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,w,C,O;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,catalogCodex:null!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(C=null===(O=r.partListParentArticle)||void 0===O||null===(O=O.catalogArticle.partlistDecisions)||void 0===O?void 0:O["D"+r.partlistDecisionNo])&&void 0!==C?C:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,C.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,C=r.title,S=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,w.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,N.NP)();return(0,w.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=E(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 w=_objectSpread({},R.settingsState.partlistArticlesInOverview);null!==(r=w[T])&&void 0!==r&&r.items&&!w[T].items.find((function(r){return r.opv===C}))&&(w[T].items.push({opv:C,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(w)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,j.jsx)(k(),{trigger:(0,j.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+C}),open:""==C||S,easing:"ease",transitionTime:100,children:(0,j.jsxs)("table",{className:O.Kz,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsx)("th",{children:"Name"}),(0,j.jsx)("th",{children:"Artikle Nr."}),(0,j.jsx)("th",{children:"CatalogCodex"}),(0,j.jsx)("th",{children:"Preis"}),(0,j.jsx)("th",{children:"Nr"}),(0,j.jsx)("th",{children:"Prefix"}),(0,j.jsx)("th",{children:"Menge"}),(0,j.jsx)("th",{children:"Rule"}),(0,j.jsx)("th",{children:"decision"})]})}),(0,j.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,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsxs)("th",{children:[" ",r.name]}),(0,j.jsxs)("th",{children:[r.articleCodex," "]}),(0,j.jsxs)("th",{children:[r.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,j.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[r.retailPrefix," "]}),(0,j.jsxs)("th",{children:[r.quantity," "]}),(0,j.jsx)("th",{children:r.rule}),r.decision&&(0,j.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),w=y(72874),C=y(87363),O=y(51203),S=y(93476),k=y(36115),N=y(20640),j=y(9420),E=y(65515),T=y.n(E),P=y(13222),_=y(45832),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,j.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,w.Z)(r,A),v=(0,N.NP)(),j=(0,C.useState)(),E=(0,x.Z)(j,2),R=E[0],M=E[1],F=(0,C.useState)(),W=(0,x.Z)(F,2),B=W[0],z=W[1],L=(0,C.useState)(!1),V=(0,x.Z)(L,2),H=V[0],Z=V[1],K=(0,C.useState)(!1),q=(0,x.Z)(K,2),U=q[0],G=q[1],Q=(0,C.useState)(!0),J=(0,x.Z)(Q,2),X=J[0],$=J[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,C.useEffect)((function(){H?setTimeout((function(){return ee()}),400):z([{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 w=y[x].items,C=y[x].palette,O=[],S=0;S<w.length;S++){var k=w[S];k.pricePreviewPromise&&(k.text||k.name)&&O.push({promise:k.pricePreviewPromise.promise,title:k.text||k.name,key:C.configStepKey})}m[C.configStepKey]={items:[],totalCount:w.length},r.push({snapshots:O,palette:C})}v.settingsState.setPartlistArticlesInOverview(m),z(r)};return(0,C.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=B&&B.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,S.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:S.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:S.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 G(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})]})]}),B.map((function(r,m){var y;return(0,I.jsxs)("div",{className:S.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)(C.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:k.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},45832:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),w=(y(87363),y(68692)),C=y(93379),O=y.n(C),S=y(7795),k=y.n(S),N=y(90569),j=y.n(N),E=y(3565),T=y.n(E),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=j().bind(null,"head"),R.domAPI=k(),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,C=r.state,O=r.on,S=r.off,k=r.alwaysActiveColor,N=r.height,j=void 0===N?40:N,E=r.width,T=void 0===E?80:E,P=r.handleDiameter,_=void 0===P?32:P,D=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(w.Z,{checkedIcon:O?(0,M.jsx)("div",{className:x()(A.f6,A.co),children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:S?(0,M.jsx)("div",{className:x()(A.f6,A.no),children:S}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!C)},checked:C,onColor:D,offColor:k?D:"#CACACA",height:j,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>S,EM:()=>E,Fs:()=>N,Kz:()=>O,US:()=>j,ZP:()=>T,fm:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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  left: 50px;\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",S="index-module--A0hQw",k="index-module--PcNw4",N="index-module--Gh5Gk",j="index-module--Biof7",E="index-module--DLRJp";const T=C},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>S,ZP:()=>N,ec:()=>O,pb:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var O="index-module--NA4Nc",S="index-module--zxgl3",k="index-module--WGNyK";const N=C},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,co:()=>S,f6:()=>O,no:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss",S="index-module--ciLne",k="index-module--W1TLd";const N=C},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),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();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),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>C});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"})),w=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 w=(r-y)/(m-y);if(0===w)return v;if(1===w)return x;for(var C="#",O=1;O<6;O+=2){var S=parseInt(v.substr(O,2),16),k=parseInt(x.substr(O,2),16),N=Math.round((1-w)*S+w*k).toString(16);1===N.length&&(N="0"+N),C+=N}return C}(r,m,y,h(v),h(x))}var C=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 w=Math.min(this.i,Math.max(this.o,x));w!==v&&this.setState({h:w})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,w=this.props.checked,C=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v||O<250||w&&y<=C||!w&&y>=C)&&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,w=r.offColor,C=r.onColor,O=r.offHandleColor,S=r.onHandleColor,k=r.checkedIcon,N=r.uncheckedIcon,j=r.checkedHandleIcon,E=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,W=R.B,B={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"},z={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,w,C),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"},L={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"},V={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,S),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:W?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:B},v.createElement("div",{className:"react-switch-bg",style:z,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},k&&v.createElement("div",{style:L},k),N&&v.createElement("div",{style:V},N)),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},E&&v.createElement("div",{style:Z},E),j&&v.createElement("div",{style:K},j)),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);C.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:w,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[357,7446,9165,2654,8317,5832,8692,2318,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,w,C){if(C!==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),w=y(0),C=y.n(w),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,w=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=w.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":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,S=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,N=k.classParentString,j=k.contentOuterClassName,E=k.contentInnerClassName,T="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(N,"__contentOuter ").concat(j),D="".concat(N,"__contentInner ").concat(E);return x.a.createElement(C,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),w),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()},S)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.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:()=>C,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date;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:w,openBracket:C,closeBracket:O,level:S,style:k,shouldExpandNode:N,clickToExpandNode:j,outerRef:E}=r;const T=(0,v.useRef)(!1),[P,_,D]=function useBool(r){const[m,y]=(0,v.useState)(r());return[m,()=>y((r=>!r)),y]}((()=>N(S,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{T.current?D(N(S,y,m)):T.current=!0}),[N]);const A=P?k.collapseIcon:k.expandIcon,R=P?"collapse JSON":"expand JSON",M=(0,v.useId)(),F=S+1,W=x.length-1,onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),D("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!E.current)return;const y=E.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;_();const m=I.current;if(!m)return;const y=null===(r=E.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:k.basicChildStyle,role:"treeitem","aria-expanded":P,"aria-selected":void 0},(0,v.createElement)("span",{className:A,onClick,onKeyDown,role:"button","aria-label":R,"aria-expanded":P,"aria-controls":P?M:void 0,ref:I,tabIndex:0===S?0:-1}),(m||""===m)&&(j?(0,v.createElement)("span",{className:k.clickableLabel,onClick,onKeyDown},quoteString(m,k.quotesForFieldNames),":"):(0,v.createElement)("span",{className:k.label},quoteString(m,k.quotesForFieldNames),":")),(0,v.createElement)("span",{className:k.punctuation},C),P?(0,v.createElement)("ul",{id:M,role:"group"},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:k,lastElement:m===W,level:F,shouldExpandNode:N,clickToExpandNode:j,outerRef:E})))):(0,v.createElement)("span",{className:k.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:k.punctuation},O),!w&&(0,v.createElement)("span",{className:k.punctuation},","))}function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:w,style:C}=r;return(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:C.label},quoteString(m,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:C.punctuation},y),(0,v.createElement)("span",{className:C.punctuation},x),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:w,clickToExpandNode:C,level:O,outerRef:S}=r;return 0===Object.keys(y).length?EmptyObject({field:m,openBracket:"{",closeBracket:"}",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:w,clickToExpandNode:C,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:w,shouldExpandNode:C,clickToExpandNode:O,outerRef:S}=r;return 0===y.length?EmptyObject({field:m,openBracket:"[",closeBracket:"]",lastElement:x,style:v}):ExpandableObject({field:m,value:y,lastElement:x||!1,level:w,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:C,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:w,lastElement:C}=r,O=w.otherValue;var S;return null===x?(m="null",O=w.nullValue):void 0===x?(m="undefined",O=w.undefinedValue):"string"==typeof(S=x)||S instanceof String?(m=quoteString(x,!w.noQuotesForStringValues),O=w.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(x)?(m=x?"true":"false",O=w.booleanValue):(r=>"number"==typeof r||r instanceof Number)(x)?(m=x.toString(),O=w.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=w.numberValue):m=isDate(x)?x.toISOString():x.toString(),(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:w.label},quoteString(y,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):(r=>r instanceof Object&&null!==r)(m)&&!isDate(m)?(0,v.createElement)(JsonObject,Object.assign({},r)):(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r));var y}var x="_2bkNM";const w={container:"_2IvMF _GzYRV",basicChildStyle:x,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},C={container:"_11RoI _GzYRV",basicChildStyle:x,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},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=w,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,...O}=r;const S=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},O,{className:y.container,ref:S,role:"tree"}),(0,v.createElement)(DataRender,{value:m,style:y,lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:S}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});y(87363);var v=y(28317),x=y(9420),w=y(47514);const C=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,C=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,w.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:C,showDiffOnly:x,configStepKey:m.key}):(0,w.jsx)(w.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),w=y(87363),C=y(9420),O=y(93476),S=y(57446),k=y.n(S),N=y(4820),j=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 E=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=E(v,m);else{for(var x=!1,w=0;w<m.length;w++)if(v.articleCodex===m[w].articleCodex&&v.retailArticleNr===m[w].retailArticleNr&&v.retailPrefix===m[w].retailPrefix&&v.catalogCodex===m[w].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[w].VariantValues)){x=!0,m[w].quantity+=v.quantity;break}x||m.push(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,w,C,O;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,catalogCodex:null!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(C=null===(O=r.partListParentArticle)||void 0===O||null===(O=O.catalogArticle.partlistDecisions)||void 0===O?void 0:O["D"+r.partlistDecisionNo])&&void 0!==C?C:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,C.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,C=r.title,S=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,w.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,N.NP)();return(0,w.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=E(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 w=_objectSpread({},R.settingsState.partlistArticlesInOverview);null!==(r=w[T])&&void 0!==r&&r.items&&!w[T].items.find((function(r){return r.opv===C}))&&(w[T].items.push({opv:C,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(w)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,j.jsx)(k(),{trigger:(0,j.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+C}),open:""==C||S,easing:"ease",transitionTime:100,children:(0,j.jsxs)("table",{className:O.Kz,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsx)("th",{children:"Name"}),(0,j.jsx)("th",{children:"Artikle Nr."}),(0,j.jsx)("th",{children:"CatalogCodex"}),(0,j.jsx)("th",{children:"Preis"}),(0,j.jsx)("th",{children:"Nr"}),(0,j.jsx)("th",{children:"Prefix"}),(0,j.jsx)("th",{children:"Menge"}),(0,j.jsx)("th",{children:"Rule"}),(0,j.jsx)("th",{children:"decision"})]})}),(0,j.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,j.jsxs)("tr",{className:O.$Q,children:[(0,j.jsxs)("th",{children:[" ",r.name]}),(0,j.jsxs)("th",{children:[r.articleCodex," "]}),(0,j.jsxs)("th",{children:[r.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,j.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[r.retailPrefix," "]}),(0,j.jsxs)("th",{children:[r.quantity," "]}),(0,j.jsx)("th",{children:r.rule}),r.decision&&(0,j.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),w=y(72874),C=y(87363),O=y(51203),S=y(93476),k=y(36115),N=y(4820),j=y(9420),E=y(65515),T=y.n(E),P=y(13222),_=y(45832),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,j.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,w.Z)(r,A),v=(0,N.NP)(),j=(0,C.useState)(),E=(0,x.Z)(j,2),R=E[0],M=E[1],F=(0,C.useState)(),W=(0,x.Z)(F,2),B=W[0],z=W[1],L=(0,C.useState)(!1),V=(0,x.Z)(L,2),H=V[0],Z=V[1],K=(0,C.useState)(!1),q=(0,x.Z)(K,2),U=q[0],G=q[1],Q=(0,C.useState)(!0),J=(0,x.Z)(Q,2),X=J[0],$=J[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,C.useEffect)((function(){H?setTimeout((function(){return ee()}),400):z([{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 w=y[x].items,C=y[x].palette,O=[],S=0;S<w.length;S++){var k=w[S];k.pricePreviewPromise&&(k.text||k.name)&&O.push({promise:k.pricePreviewPromise.promise,title:k.text||k.name,key:C.configStepKey})}m[C.configStepKey]={items:[],totalCount:w.length},r.push({snapshots:O,palette:C})}v.settingsState.setPartlistArticlesInOverview(m),z(r)};return(0,C.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=B&&B.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,S.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:S.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:S.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 G(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})]})]}),B.map((function(r,m){var y;return(0,I.jsxs)("div",{className:S.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)(C.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:k.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},45832:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),w=(y(87363),y(68692)),C=y(93379),O=y.n(C),S=y(7795),k=y.n(S),N=y(90569),j=y.n(N),E=y(3565),T=y.n(E),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=j().bind(null,"head"),R.domAPI=k(),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,C=r.state,O=r.on,S=r.off,k=r.alwaysActiveColor,N=r.height,j=void 0===N?40:N,E=r.width,T=void 0===E?80:E,P=r.handleDiameter,_=void 0===P?32:P,D=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(w.Z,{checkedIcon:O?(0,M.jsx)("div",{className:x()(A.f6,A.co),children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:S?(0,M.jsx)("div",{className:x()(A.f6,A.no),children:S}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!C)},checked:C,onColor:D,offColor:k?D:"#CACACA",height:j,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>S,EM:()=>E,Fs:()=>N,Kz:()=>O,US:()=>j,ZP:()=>T,fm:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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  left: 50px;\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",S="index-module--A0hQw",k="index-module--PcNw4",N="index-module--Gh5Gk",j="index-module--Biof7",E="index-module--DLRJp";const T=C},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>S,ZP:()=>N,ec:()=>O,pb:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var O="index-module--NA4Nc",S="index-module--zxgl3",k="index-module--WGNyK";const N=C},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,co:()=>S,f6:()=>O,no:()=>k});var v=y(8081),x=y.n(v),w=y(23645),C=y.n(w)()(x());C.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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss",S="index-module--ciLne",k="index-module--W1TLd";const N=C},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),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();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),w=y(7795),C=y.n(w),O=y(90569),S=y.n(O),k=y(3565),N=y.n(k),j=y(19216),E=y.n(j),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=N(),D.insert=S().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=E();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>C});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"})),w=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 w=(r-y)/(m-y);if(0===w)return v;if(1===w)return x;for(var C="#",O=1;O<6;O+=2){var S=parseInt(v.substr(O,2),16),k=parseInt(x.substr(O,2),16),N=Math.round((1-w)*S+w*k).toString(16);1===N.length&&(N="0"+N),C+=N}return C}(r,m,y,h(v),h(x))}var C=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 w=Math.min(this.i,Math.max(this.o,x));w!==v&&this.setState({h:w})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,w=this.props.checked,C=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v||O<250||w&&y<=C||!w&&y>=C)&&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,w=r.offColor,C=r.onColor,O=r.offHandleColor,S=r.onHandleColor,k=r.checkedIcon,N=r.uncheckedIcon,j=r.checkedHandleIcon,E=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,W=R.B,B={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"},z={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,w,C),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"},L={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"},V={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,S),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:W?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:B},v.createElement("div",{className:"react-switch-bg",style:z,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},k&&v.createElement("div",{style:L},k),N&&v.createElement("div",{style:V},N)),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},E&&v.createElement("div",{style:Z},E),j&&v.createElement("div",{style:K},j)),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);C.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:w,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3575.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(20640),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(20640),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(20640),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(20640),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(20640),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(20640)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(4820),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(4820),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(4820),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(4820),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(4820),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(4820)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3672.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3672,4228,8375,1008,7853],{87056:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(84658),r=n(88291),o=n(50747),a=n.n(o),s=n(20640),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=n(47514);const k=(0,d.Pi)((function Inputbox(e){(0,r.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,r;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(r=n.current)||void 0===r||r.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var o=t.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,j.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:d})]})]})})}))},83672:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>T,default:()=>O});var i=n(20640),r=n(87363),o=n(87056),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),g=n.n(p),x=n(19216),f=n.n(x),b=n(44589),m=n.n(b),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(87390),y=n(97853),P=n(84101),w=n(9420),j=n(65515),k=n.n(j),I=n(47514),T={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const O=(0,w.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,r.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(T)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,I.jsx)(P.default,{className:S.x6}),(0,I.jsx)(y.default,{className:k()(S.vt,a?S.Uu:void 0)}),(0,I.jsx)(h.default,{className:k()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,I.jsx)(o.default,{})]})}))},87390:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var i=n(80248),r=n(72874),o=n(87363),a=n(20640),s=n(9420),l=n(81878),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(23522),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.Z,w);P.Z&&P.Z.locals&&P.Z.locals;var j=n(81900),k=n(47514),I=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 T=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,r.Z)(e,I),s=(0,a.NP)(),u=(0,o.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,o.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,o.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!s.uiState.isLoading&&(0,k.jsx)("div",{className:P.x,onClick:c}),(0,k.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,k.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,k.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:n})]}))}))},84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(9420),r=(n(87363),n(88683)),o=n(93379),a=n.n(o),s=n(7795),l=n.n(s),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),g=n(19216),x=n.n(g),f=n(44589),b=n.n(f),m=n(5217),S={};S.styleTagTransform=b(),S.setAttributes=p(),S.insert=u().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=x();a()(m.ZP,S);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=n(20640),h=n(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,r.useTranslation)().t,n=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(34988),r=n(88291),o=n(20640),a=n(9420),s=n(87363),l=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),g=n(90569),x=n.n(g),f=n(3565),b=n.n(f),m=n(19216),S=n.n(m),v=n(44589),h=n.n(v),y=n(79501),P={};P.styleTagTransform=h(),P.setAttributes=b(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=S();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(40912),j=n(65515),k=n.n(j),I=n(84228),T=n(47514);const O=(0,a.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var a=(0,o.NP)(),d=(0,s.useRef)(null),u=[],c={};(0,s.useEffect)((function(){return d.current?(a.settingsState.setScrollerElement(d.current),a.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,g,x={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?x.height="100%":x.height="calc(100% - "+(null!==(p=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),S=b.pairWithOptionsToGroup;S&&b.visible&&(c[S]||(c[S]=[]),c[S].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,s.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:k()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(l.default,{isScroller:!0},null!==(t=null===(n=a.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,T.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],o=n[1];return(0,T.jsx)(w.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},(null!==(t=o.optionCodex)&&void 0!==t?t:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(34988),r=n(88291),o=n(9420),a=n(87363),s=n(37707),l=n(20640),d=n(82956),u=n(51451),c=n(48375),p=n(29957),g=n(74133),x=n(47514),f=n(25108);const b=(0,o.Pi)((function SettingsSwiper(e){(0,r.Z)(e);var t=(0,l.NP)(),n=(0,a.useState)(null),o=(0,i.Z)(n,2),b=o[0],m=o[1],S=(0,a.useState)([]),v=(0,i.Z)(S,2),h=v[0],y=v[1];if((0,a.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);y(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,x.jsx)(x.Fragment,{});var P=(0,x.jsx)(c.default,{});return(0,x.jsx)(s.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-h.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[h[e.activeIndex]].posNr)}},initialSlide:h.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:m,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:h.map((function(e){var n;return(0,x.jsx)(s.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,x.jsxs)(x.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(p.default,{},e),P,(0,x.jsx)(u.default,{})]}):(0,x.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,x.jsx)(g.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(80248),r=n(72874),o=(n(87363),n(20640)),a=n(29957),s=n(48375),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(71008),g=n(51451),x=n(47514),f=["className"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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,l.Pi)((function Settings(e){var t,n,i=e.className,l=(0,r.Z)(e,f),u=(0,o.NP)();return(0,x.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,d.vt,"horizontal"==u.tabGroupState.curTabGroupType?d.s1:void 0,u.uiState.configSettingsIsExpanded?d.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,x.jsx)(p.default,{}):(0,x.jsxs)(x.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(a.default,{},null!==(t=null===(n=u.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,x.jsx)(s.default,{}),(0,x.jsx)(g.default,{})]})}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>x,Q_:()=>g,ZP:()=>b,vX:()=>f});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(r()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",g="index-module--lGJqa",x="index-module--OZydS",f="index-module--FQDBA";const b=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>g,x:()=>p});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(r()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const g=u},5217:(e,t,n)=>{n.d(t,{X_:()=>l,ZP:()=>u,nC:()=>s,nt:()=>d});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var s="index-module--TnLDn",l="index-module--FXdIH",d="index-module--uSfxN";const u=a},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>s,m7:()=>d,zh:()=>l});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var s="index-module--UX0Na",l="index-module--DRDpA",d="index-module--Rpo_4";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3672,4228,8375,1008,7853],{87056:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(84658),r=n(88291),o=n(50747),a=n.n(o),s=n(4820),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=n(47514);const k=(0,d.Pi)((function Inputbox(e){(0,r.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,r;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(r=n.current)||void 0===r||r.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var o=t.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,j.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:d})]})]})})}))},83672:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>T,default:()=>O});var i=n(4820),r=n(87363),o=n(87056),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),g=n.n(p),x=n(19216),f=n.n(x),b=n(44589),m=n.n(b),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(87390),y=n(97853),P=n(84101),w=n(9420),j=n(65515),k=n.n(j),I=n(47514),T={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const O=(0,w.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,r.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(T)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,I.jsx)(P.default,{className:S.x6}),(0,I.jsx)(y.default,{className:k()(S.vt,a?S.Uu:void 0)}),(0,I.jsx)(h.default,{className:k()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,I.jsx)(o.default,{})]})}))},87390:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var i=n(80248),r=n(72874),o=n(87363),a=n(4820),s=n(9420),l=n(81878),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(23522),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.Z,w);P.Z&&P.Z.locals&&P.Z.locals;var j=n(81900),k=n(47514),I=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 T=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,r.Z)(e,I),s=(0,a.NP)(),u=(0,o.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,o.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,o.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!s.uiState.isLoading&&(0,k.jsx)("div",{className:P.x,onClick:c}),(0,k.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,k.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,k.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:n})]}))}))},84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(9420),r=(n(87363),n(88683)),o=n(93379),a=n.n(o),s=n(7795),l=n.n(s),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),g=n(19216),x=n.n(g),f=n(44589),b=n.n(f),m=n(5217),S={};S.styleTagTransform=b(),S.setAttributes=p(),S.insert=u().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=x();a()(m.ZP,S);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=n(4820),h=n(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,r.useTranslation)().t,n=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(34988),r=n(88291),o=n(4820),a=n(9420),s=n(87363),l=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),g=n(90569),x=n.n(g),f=n(3565),b=n.n(f),m=n(19216),S=n.n(m),v=n(44589),h=n.n(v),y=n(79501),P={};P.styleTagTransform=h(),P.setAttributes=b(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=S();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(40912),j=n(65515),k=n.n(j),I=n(84228),T=n(47514);const O=(0,a.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var a=(0,o.NP)(),d=(0,s.useRef)(null),u=[],c={};(0,s.useEffect)((function(){return d.current?(a.settingsState.setScrollerElement(d.current),a.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,g,x={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?x.height="100%":x.height="calc(100% - "+(null!==(p=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),S=b.pairWithOptionsToGroup;S&&b.visible&&(c[S]||(c[S]=[]),c[S].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,s.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:k()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(l.default,{isScroller:!0},null!==(t=null===(n=a.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,T.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],o=n[1];return(0,T.jsx)(w.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},(null!==(t=o.optionCodex)&&void 0!==t?t:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(34988),r=n(88291),o=n(9420),a=n(87363),s=n(37707),l=n(4820),d=n(82956),u=n(51451),c=n(48375),p=n(29957),g=n(74133),x=n(47514),f=n(25108);const b=(0,o.Pi)((function SettingsSwiper(e){(0,r.Z)(e);var t=(0,l.NP)(),n=(0,a.useState)(null),o=(0,i.Z)(n,2),b=o[0],m=o[1],S=(0,a.useState)([]),v=(0,i.Z)(S,2),h=v[0],y=v[1];if((0,a.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);y(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,x.jsx)(x.Fragment,{});var P=(0,x.jsx)(c.default,{});return(0,x.jsx)(s.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-h.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[h[e.activeIndex]].posNr)}},initialSlide:h.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:m,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:h.map((function(e){var n;return(0,x.jsx)(s.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,x.jsxs)(x.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(p.default,{},e),P,(0,x.jsx)(u.default,{})]}):(0,x.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,x.jsx)(g.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(80248),r=n(72874),o=(n(87363),n(4820)),a=n(29957),s=n(48375),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(71008),g=n(51451),x=n(47514),f=["className"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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,l.Pi)((function Settings(e){var t,n,i=e.className,l=(0,r.Z)(e,f),u=(0,o.NP)();return(0,x.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,d.vt,"horizontal"==u.tabGroupState.curTabGroupType?d.s1:void 0,u.uiState.configSettingsIsExpanded?d.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,x.jsx)(p.default,{}):(0,x.jsxs)(x.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(a.default,{},null!==(t=null===(n=u.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,x.jsx)(s.default,{}),(0,x.jsx)(g.default,{})]})}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>x,Q_:()=>g,ZP:()=>b,vX:()=>f});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(r()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",g="index-module--lGJqa",x="index-module--OZydS",f="index-module--FQDBA";const b=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>g,x:()=>p});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(r()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const g=u},5217:(e,t,n)=>{n.d(t,{X_:()=>l,ZP:()=>u,nC:()=>s,nt:()=>d});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var s="index-module--TnLDn",l="index-module--FXdIH",d="index-module--uSfxN";const u=a},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>s,m7:()=>d,zh:()=>l});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var s="index-module--UX0Na",l="index-module--DRDpA",d="index-module--Rpo_4";const u=a}}]);

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

@@ -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,9165],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("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 l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();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,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,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},r={container:"_11RoI _GzYRV",basicChildStyle:a,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},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(20640)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.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},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());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",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());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:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),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),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),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),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,9165],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("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 l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();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,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,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},r={container:"_11RoI _GzYRV",basicChildStyle:a,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},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(4820)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.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},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());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",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());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:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),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),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),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),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3703.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,6273,6587],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(34988),o=i(20640),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),c=i(90569),u=i.n(c),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),j=i(84887),M={};M.styleTagTransform=h(),M.setAttributes=m(),M.insert=u().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=g();l()(j.Z,M);j.Z&&j.Z.locals&&j.Z.locals;var v=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],c=a[1],u=(0,o.NP)(),x=(0,r.useState)(""),m=(0,t.Z)(x,2),p=m[0],g=m[1],b=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===b[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)t(o)}g(e),c(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:j.B,children:p}):(0,v.jsx)(v.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(20640),a=i(9420),s=i(87363),c=i(94873),u=i(13838),x=i(88683),m=i(86587),p=i(46770),g=i(16273),b=i(48774),h=i(58391),j=i(27853),M=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const v=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,v=(0,l.NP)(),y=(0,x.useTranslation)().t,w=(0,x.useDivaCore)().state.dimensions,I=w.isMobile,f=w.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),z=C[0],P=C[1],O={},L={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return I||f||v.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],O=Z.triggerProps,L=Z.layerProps,S=Z.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,a.sel?c.pA:void 0),onClick:function onClick(){a.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(a),v.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},O),T),{},{children:[(0,M.jsxs)("div",{className:d()(c.iZ,c.NC),children:[a.sel&&(0,M.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,M.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,M.jsx)("div",{className:c.$l}),!("TEXT"==a.layout)&&(0,M.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,M.jsxs)("div",{className:d()(c.AR,"TEXT"==a.layout?c.Eb:void 0),children:[(0,M.jsx)("div",{className:d()(c.db,""!==z?c.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,M.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[z,P]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,M.jsx)(b.default,{text:a.text+(a.freeText?a.freeText:""),desciption:z,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:L},a.codex))),a.doShowFav&&(0,M.jsx)("div",{className:a.isFav?u.Md:u.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,M.jsx)(j.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(c.ox),title:y("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>M,Bm:()=>w,CA:()=>x,Eb:()=>v,K5:()=>j,NC:()=>b,ZP:()=>f,db:()=>y,iZ:()=>p,ox:()=>I,pA:()=>m,vc:()=>g});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),c=d()(o()),u=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",j="index-module--Z8KXz",M="index-module--m9VzR",v="index-module--Y5eRx",y="index-module--mZh26",w="index-module--NabGm",I="index-module--2NJnv";const f=c},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,6273,6587],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(34988),o=i(4820),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),c=i(90569),u=i.n(c),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),j=i(84887),M={};M.styleTagTransform=h(),M.setAttributes=m(),M.insert=u().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=g();l()(j.Z,M);j.Z&&j.Z.locals&&j.Z.locals;var v=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],c=a[1],u=(0,o.NP)(),x=(0,r.useState)(""),m=(0,t.Z)(x,2),p=m[0],g=m[1],b=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===b[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)t(o)}g(e),c(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:j.B,children:p}):(0,v.jsx)(v.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(4820),a=i(9420),s=i(87363),c=i(94873),u=i(13838),x=i(88683),m=i(86587),p=i(46770),g=i(16273),b=i(48774),h=i(58391),j=i(27853),M=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const v=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,v=(0,l.NP)(),y=(0,x.useTranslation)().t,w=(0,x.useDivaCore)().state.dimensions,I=w.isMobile,f=w.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),z=C[0],P=C[1],O={},L={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return I||f||v.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],O=Z.triggerProps,L=Z.layerProps,S=Z.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,a.sel?c.pA:void 0),onClick:function onClick(){a.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(a),v.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},O),T),{},{children:[(0,M.jsxs)("div",{className:d()(c.iZ,c.NC),children:[a.sel&&(0,M.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,M.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,M.jsx)("div",{className:c.$l}),!("TEXT"==a.layout)&&(0,M.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,M.jsxs)("div",{className:d()(c.AR,"TEXT"==a.layout?c.Eb:void 0),children:[(0,M.jsx)("div",{className:d()(c.db,""!==z?c.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,M.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[z,P]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,M.jsx)(b.default,{text:a.text+(a.freeText?a.freeText:""),desciption:z,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:L},a.codex))),a.doShowFav&&(0,M.jsx)("div",{className:a.isFav?u.Md:u.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,M.jsx)(j.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(c.ox),title:y("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>M,Bm:()=>w,CA:()=>x,Eb:()=>v,K5:()=>j,NC:()=>b,ZP:()=>f,db:()=>y,iZ:()=>p,ox:()=>I,pA:()=>m,vc:()=>g});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),c=d()(o()),u=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",j="index-module--Z8KXz",M="index-module--m9VzR",v="index-module--Y5eRx",y="index-module--mZh26",w="index-module--NabGm",I="index-module--2NJnv";const f=c},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);