@crystaldesign/diva-web-planner-react 24.9.0-beta.3 → 24.9.0-beta.31

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7430.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7430],{67430:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>W});var x=y(13587),v=y(36520),C=y(23170),w=y(97975),O=y(41594),j=y(5219),S=y(66793),T=y(84817),N=y(970),P=y(72919),k=y.n(P),A=y(21002),I=y(79092),E=y.n(I),_=y(48830),R=y(82246),D=["settings","title","ChildComponent"];function ownKeys(i,b){var y=Object.keys(i);if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(i);b&&(x=x.filter((function(b){return Object.getOwnPropertyDescriptor(i,b).enumerable}))),y.push.apply(y,x)}return y}function _objectSpread(i){for(var b=1;b<arguments.length;b++){var y=null!=arguments[b]?arguments[b]:{};b%2?ownKeys(Object(y),!0).forEach((function(b){(0,x.A)(i,b,y[b])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(b){Object.defineProperty(i,b,Object.getOwnPropertyDescriptor(y,b))}))}return i}const W=(0,N.PA)((function ArticleOverview(i){var b,y=i.settings,x=i.title,N=i.ChildComponent,P=(0,C.A)(i,D),I=(0,j.hV)();I.tabGroupState.allTabGroups;var W=(0,O.useState)(!0),M=(0,v.A)(W,2),V=M[0],B=M[1],H=(0,O.useState)(0),Z=(0,v.A)(H,2),z=Z[0],U=Z[1],G=(0,O.useState)(y[0].key),L=(0,v.A)(G,2),J=L[0],Y=L[1],q=I.divaWebPlanner.getDivaArticles();null===(b=I.divaWebPlanner.actSet())||void 0===b||b.configTree;if(!q)return(0,R.jsx)(R.Fragment,{});var $,Q,K=Object.values(q),F=K.filter((function(i){return i.hasCatalogPlannerArticle})).map((function(i){return i.catalogArticle.catalogPlannerArticle})),X={};"OPTIONSTATES"===J&&(X=K.map((function(i){return i.VariantValues}))[z]);("DECISIONS"===J&&(X=JSON.parse(JSON.stringify((0,w.HO)(K.map((function(i){return i.decisions})))))),"CONFIGTREE"===J&&(X={}),"J3D"===J)&&(X=null!=K&&null!==($=K[z])&&void 0!==$&&$.j3D?JSON.parse(JSON.stringify(null==K||null===(Q=K[z])||void 0===Q?void 0:Q.j3D)):{});return(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)("div",_objectSpread(_objectSpread({},P),{},{className:k()(P.className,I.uiState.configSettingsIsExpanded?A.Po:void 0),children:[(0,R.jsx)("a",{className:S.wx,children:x}),(0,R.jsx)(E(),_objectSpread(_objectSpread({trigger:(0,R.jsx)("div",{className:T.gq,children:(0,R.jsx)("img",{src:_,className:T.AA})}),onClose:function onClose(){return B(!V)},onOpen:function onOpen(){return B(!V)},triggerWhenOpen:(0,R.jsxs)("div",{className:T.gq,children:[" ",(0,R.jsx)("img",{src:_,className:T.aC})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,R.jsx)("div",{className:T.aj,children:K.map((function(i,b){return(0,R.jsxs)("div",{className:k()(T.aP,b===z?T.$A:void 0),onClick:function onClick(){U(b)},children:[(0,R.jsx)("img",{src:i.imageUrl,className:T.nu}),(0,R.jsx)("p",{children:i.posNr}),(0,R.jsx)("p",{children:i.name}),(0,R.jsx)("p",{children:i.basketId})]},i.basketId)}))})})),(0,R.jsx)("div",{className:T.R$,children:y.map((function(i,b){return(0,R.jsx)("button",{onClick:function onClick(){return Y(i.key)},className:J===i.key?T.cg:void 0,children:i.name},i.key)}))}),(0,R.jsx)(N,_objectSpread(_objectSpread({},P),{},{json:X,selectedJson:J,isExpanded:V,plannerArticles:F,curBox:z,divaArticles:K}))]}))})}))},12515:(i,b,y)=>{"use strict";y.d(b,{$A:()=>j,AA:()=>P,Ay:()=>R,R$:()=>E,aC:()=>k,aP:()=>O,aj:()=>S,cg:()=>_,gq:()=>N,gw:()=>A,no:()=>I,nu:()=>T});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--yYQU3 {\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--yYQU3 p {\n  line-break: anywhere;\n}\n.index-module--dyjMD {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--yYQU3: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--lD7Eq {\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--i6JEy {\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--gSX2f {\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--PkBTG {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--MiClk {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--ZpUn_ {\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--tPD2U {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--u5B1B {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--u5B1B * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--Snp_H {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var O="index-module--yYQU3",j="index-module--dyjMD",S="index-module--lD7Eq",T="index-module--i6JEy",N="index-module--gSX2f",P="index-module--PkBTG",k="index-module--MiClk",A="index-module--ZpUn_",I="index-module--tPD2U",E="index-module--u5B1B",_="index-module--Snp_H";const R=w},86491:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>N,E1:()=>S,fi:()=>j,tp:()=>O,wx:()=>T});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--VgSkR {\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: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.index-module--VgSkR thead {\n  font-weight: bold !important;\n}\n.index-module--VgSkR 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--yVVRW {\n  text-align: left;\n  height: 20px;\n}\n.index-module--yVVRW th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--yVVRW th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--yVVRW th:last-child {\n  font-size: 12px;\n}\n.index-module--D9y22 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.index-module--V22bn {\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}\n",""]);var O="index-module--VgSkR",j="index-module--yVVRW",S="index-module--D9y22",T="index-module--V22bn";const N=w},52556:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>T,NL:()=>O,Po:()=>j,p_:()=>S});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--plUo9 {\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}\n.index-module--i4w4D {\n  width: calc(25.5%) !important;\n}\n.index-module--i4w4D {\n  background-color: white;\n}\n.index-module--Pw4Kv {\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--plUo9",j="index-module--i4w4D",S="index-module--Pw4Kv";const T=w},84817:(i,b,y)=>{"use strict";y.d(b,{$A:()=>I.$A,AA:()=>I.AA,R$:()=>I.R$,aC:()=>I.aC,aP:()=>I.aP,aj:()=>I.aj,cg:()=>I.cg,gq:()=>I.gq,gw:()=>I.gw,no:()=>I.no,nu:()=>I.nu});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(12515),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},66793:(i,b,y)=>{"use strict";y.d(b,{E1:()=>I.E1,fi:()=>I.fi,tp:()=>I.tp,wx:()=>I.wx});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(86491),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},21002:(i,b,y)=>{"use strict";y.d(b,{NL:()=>I.NL,Po:()=>I.Po,p_:()=>I.p_});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(52556),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},72919:(i,b)=>{var y;!function(){"use strict";var x={}.hasOwnProperty;function classNames(){for(var i=[],b=0;b<arguments.length;b++){var y=arguments[b];if(y){var v=typeof y;if("string"===v||"number"===v)i.push(y);else if(Array.isArray(y)){if(y.length){var C=classNames.apply(null,y);C&&i.push(C)}}else if("object"===v)if(y.toString===Object.prototype.toString)for(var w in y)x.call(y,w)&&y[w]&&i.push(w);else i.push(y.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(y=function(){return classNames}.apply(b,[]))||(i.exports=y)}()},79092:function(i,b,y){var x;i.exports=(x=y(41594),function(i){var b={};function n(y){if(b[y])return b[y].exports;var x=b[y]={i:y,l:!1,exports:{}};return i[y].call(x.exports,x,x.exports,n),x.l=!0,x.exports}return n.m=i,n.c=b,n.d=function(i,b,y){n.o(i,b)||Object.defineProperty(i,b,{enumerable:!0,get:y})},n.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},n.t=function(i,b){if(1&b&&(i=n(i)),8&b)return i;if(4&b&&"object"==typeof i&&i&&i.__esModule)return i;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&b&&"string"!=typeof i)for(var x in i)n.d(y,x,function(b){return i[b]}.bind(null,x));return y},n.n=function(i){var b=i&&i.__esModule?function(){return i.default}:function(){return i};return n.d(b,"a",b),b},n.o=function(i,b){return Object.prototype.hasOwnProperty.call(i,b)},n.p="",n(n.s=4)}([function(i,b,y){i.exports=y(2)()},function(i,b){i.exports=x},function(i,b,y){"use strict";var x=y(3);function r(){}function o(){}o.resetWarningCache=r,i.exports=function(){function e(i,b,y,v,C,w){if(w!==x){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 i={array: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:o,resetWarningCache:r};return i.PropTypes=i,i}},function(i,b,y){"use strict";i.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(i,b,y){"use strict";y.r(b);var x=y(1),v=y.n(x),C=y(0),w=y.n(C),a=function(i){return 0!==i};function l(i){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(i){return typeof i}:function(i){return i&&"function"==typeof Symbol&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i})(i)}function c(){return(c=Object.assign||function(i){for(var b=1;b<arguments.length;b++){var y=arguments[b];for(var x in y)Object.prototype.hasOwnProperty.call(y,x)&&(i[x]=y[x])}return i}).apply(this,arguments)}function p(i,b){for(var y=0;y<b.length;y++){var x=b[y];x.enumerable=x.enumerable||!1,x.configurable=!0,"value"in x&&(x.writable=!0),Object.defineProperty(i,x.key,x)}}function u(i,b){return(u=Object.setPrototypeOf||function(i,b){return i.__proto__=b,i})(i,b)}function g(i){var b=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(i){return!1}}();return function(){var y,x=d(i);if(b){var v=d(this).constructor;y=Reflect.construct(x,arguments,v)}else y=x.apply(this,arguments);return h(this,y)}}function h(i,b){return!b||"object"!==l(b)&&"function"!=typeof b?f(i):b}function f(i){if(void 0===i)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function d(i){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(i){return i.__proto__||Object.getPrototypeOf(i)})(i)}function m(i,b,y){return b in i?Object.defineProperty(i,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):i[b]=y,i}var O=function(i){!function(i,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(b&&b.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),b&&u(i,b)}(s,i);var b,y,x,C=g(s);function s(i){var b;return function(i,b){if(!(i instanceof b))throw new TypeError("Cannot call a class as a function")}(this,s),m(f(b=C.call(this,i)),"continueOpenCollapsible",(function(){var i=f(b).innerRef;b.setState({height:i.scrollHeight,transition:"height ".concat(b.props.transitionTime,"ms ").concat(b.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(i.scrollHeight),shouldOpenOnNextCycle:!1})})),m(f(b),"handleTriggerClick",(function(i){b.props.triggerDisabled||b.state.inTransition||(i.preventDefault(),b.props.handleTriggerClick?b.props.handleTriggerClick(b.props.accordionPosition):!0===b.state.isClosed?(b.openCollapsible(),b.props.onOpening(),b.props.onTriggerOpening()):(b.closeCollapsible(),b.props.onClosing(),b.props.onTriggerClosing()))})),m(f(b),"handleTransitionEnd",(function(i){i.target===b.innerRef&&(b.state.isClosed?(b.setState({inTransition:!1}),b.props.onClose()):(b.setState({height:"auto",overflow:b.props.overflowWhenOpen,inTransition:!1}),b.props.onOpen()))})),m(f(b),"setInnerRef",(function(i){return b.innerRef=i})),b.timeout=void 0,b.contentId="collapsible-content-".concat(Date.now()),b.triggerId=i.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),i.open?b.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:i.overflowWhenOpen,inTransition:!1}:b.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(i.transitionTime,"ms ").concat(i.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},b}return b=s,(y=[{key:"componentDidUpdate",value:function(i,b){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==b.height&&0!==b.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)),i.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 i=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:i.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(i.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){return this.props.triggerSibling&&"string"==typeof this.props.triggerSibling?v.a.createElement("span",{className:"".concat(this.props.classParentString,"__trigger-sibling")},this.props.triggerSibling):this.props.triggerSibling&&"function"==typeof this.props.triggerSibling?this.props.triggerSibling():this.props.triggerSibling?v.a.createElement(this.props.triggerSibling,null):null}},{key:"render",value:function(){var i=this,b={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",x=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,w=this.props.contentContainerTagName,O=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,T=S.classParentString,N=S.contentOuterClassName,P=S.contentInnerClassName,k="".concat(T,"__trigger ").concat(y," ").concat(x," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(T," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),I="".concat(T,"__contentOuter ").concat(N),E="".concat(T,"__contentInner ").concat(P);return v.a.createElement(w,c({className:A.trim()},this.props.containerElementProps),v.a.createElement(O,c({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(b){var y=b.key;(" "===y&&"button"!==i.props.triggerTagName.toLowerCase()||"Enter"===y)&&i.handleTriggerClick(b)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:I.trim(),style:b,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:E.trim()},j)))}}])&&p(b.prototype,y),x&&p(b,x),s}(x.Component);O.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},b.default=O}]))},48830:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7430],{67430:(i,b,y)=>{"use strict";y.r(b),y.d(b,{default:()=>W});var x=y(13587),v=y(36520),C=y(23170),w=y(97975),O=y(41594),j=y(5219),S=y(66793),T=y(84817),N=y(970),P=y(72919),k=y.n(P),A=y(21002),I=y(79092),E=y.n(I),_=y(48830),R=y(82246),D=["settings","title","ChildComponent"];function ownKeys(i,b){var y=Object.keys(i);if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(i);b&&(x=x.filter((function(b){return Object.getOwnPropertyDescriptor(i,b).enumerable}))),y.push.apply(y,x)}return y}function _objectSpread(i){for(var b=1;b<arguments.length;b++){var y=null!=arguments[b]?arguments[b]:{};b%2?ownKeys(Object(y),!0).forEach((function(b){(0,x.A)(i,b,y[b])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(b){Object.defineProperty(i,b,Object.getOwnPropertyDescriptor(y,b))}))}return i}const W=(0,N.PA)((function ArticleOverview(i){var b,y=i.settings,x=i.title,N=i.ChildComponent,P=(0,C.A)(i,D),I=(0,j.hV)();I.tabGroupState.allTabGroups;var W=(0,O.useState)(!0),M=(0,v.A)(W,2),V=M[0],B=M[1],H=(0,O.useState)(0),z=(0,v.A)(H,2),Z=z[0],U=z[1],G=(0,O.useState)(y[0].key),L=(0,v.A)(G,2),J=L[0],Y=L[1],q=I.divaWebPlanner.getDivaArticles();null===(b=I.divaWebPlanner.actSet())||void 0===b||b.configTree;if(!q)return(0,R.jsx)(R.Fragment,{});var $,Q,K=Object.values(q),F=K.filter((function(i){return i.hasCatalogPlannerArticle})).map((function(i){return i.catalogArticle.catalogPlannerArticle})),X={};"OPTIONSTATES"===J&&(X=K.map((function(i){return i.VariantValues}))[Z]);("DECISIONS"===J&&(X=JSON.parse(JSON.stringify((0,w.HO)(K.map((function(i){return i.decisions})))))),"CONFIGTREE"===J&&(X={}),"J3D"===J)&&(X=null!=K&&null!==($=K[Z])&&void 0!==$&&$.j3D?JSON.parse(JSON.stringify(null==K||null===(Q=K[Z])||void 0===Q?void 0:Q.j3D)):{});return(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)("div",_objectSpread(_objectSpread({},P),{},{className:k()(P.className,I.uiState.configSettingsIsExpanded?A.Po:void 0),children:[(0,R.jsx)("a",{className:S.wx,children:x}),(0,R.jsx)(E(),_objectSpread(_objectSpread({trigger:(0,R.jsx)("div",{className:T.gq,children:(0,R.jsx)("img",{src:_,className:T.AA})}),onClose:function onClose(){return B(!V)},onOpen:function onOpen(){return B(!V)},triggerWhenOpen:(0,R.jsxs)("div",{className:T.gq,children:[" ",(0,R.jsx)("img",{src:_,className:T.aC})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,R.jsx)("div",{className:T.aj,children:K.map((function(i,b){return(0,R.jsxs)("div",{className:k()(T.aP,b===Z?T.$A:void 0),onClick:function onClick(){U(b)},children:[(0,R.jsx)("img",{src:i.imageUrl,className:T.nu}),(0,R.jsx)("p",{children:i.posNr}),(0,R.jsx)("p",{children:i.name}),(0,R.jsx)("p",{children:i.basketId})]},i.basketId)}))})})),(0,R.jsx)("div",{className:T.R$,children:y.map((function(i,b){return(0,R.jsx)("button",{onClick:function onClick(){return Y(i.key)},className:J===i.key?T.cg:void 0,children:i.name},i.key)}))}),(0,R.jsx)(N,_objectSpread(_objectSpread({},P),{},{json:X,selectedJson:J,isExpanded:V,plannerArticles:F,curBox:Z,divaArticles:K}))]}))})}))},12515:(i,b,y)=>{"use strict";y.d(b,{$A:()=>j,AA:()=>P,Ay:()=>R,R$:()=>E,aC:()=>k,aP:()=>O,aj:()=>S,cg:()=>_,gq:()=>N,gw:()=>A,no:()=>I,nu:()=>T});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--yYQU3 {\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--yYQU3 p {\n  line-break: anywhere;\n}\n.index-module--dyjMD {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--yYQU3: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--lD7Eq {\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--i6JEy {\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--gSX2f {\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--PkBTG {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--MiClk {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--ZpUn_ {\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--tPD2U {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--u5B1B {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--u5B1B * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--Snp_H {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var O="index-module--yYQU3",j="index-module--dyjMD",S="index-module--lD7Eq",T="index-module--i6JEy",N="index-module--gSX2f",P="index-module--PkBTG",k="index-module--MiClk",A="index-module--ZpUn_",I="index-module--tPD2U",E="index-module--u5B1B",_="index-module--Snp_H";const R=w},86491:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>N,E1:()=>S,fi:()=>j,tp:()=>O,wx:()=>T});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--VgSkR {\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--VgSkR thead {\n  font-weight: bold !important;\n}\n.index-module--VgSkR 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--yVVRW {\n  text-align: left;\n  height: 20px;\n}\n.index-module--yVVRW th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--yVVRW th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--yVVRW th:last-child {\n  font-size: 12px;\n}\n.index-module--D9y22 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.index-module--V22bn {\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}\n",""]);var O="index-module--VgSkR",j="index-module--yVVRW",S="index-module--D9y22",T="index-module--V22bn";const N=w},52556:(i,b,y)=>{"use strict";y.d(b,{Ay:()=>T,NL:()=>O,Po:()=>j,p_:()=>S});var x=y(38634),v=y.n(x),C=y(92083),w=y.n(C)()(v());w.push([i.id,".index-module--plUo9 {\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--i4w4D {\n  width: calc(25.5%) !important;\n}\n.index-module--i4w4D {\n  background-color: white;\n}\n.index-module--Pw4Kv {\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--plUo9",j="index-module--i4w4D",S="index-module--Pw4Kv";const T=w},84817:(i,b,y)=>{"use strict";y.d(b,{$A:()=>I.$A,AA:()=>I.AA,R$:()=>I.R$,aC:()=>I.aC,aP:()=>I.aP,aj:()=>I.aj,cg:()=>I.cg,gq:()=>I.gq,gw:()=>I.gw,no:()=>I.no,nu:()=>I.nu});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(12515),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},66793:(i,b,y)=>{"use strict";y.d(b,{E1:()=>I.E1,fi:()=>I.fi,tp:()=>I.tp,wx:()=>I.wx});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(86491),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},21002:(i,b,y)=>{"use strict";y.d(b,{NL:()=>I.NL,Po:()=>I.Po,p_:()=>I.p_});var x=y(25835),v=y.n(x),C=y(69120),w=y.n(C),O=y(91148),j=y.n(O),S=y(73035),T=y.n(S),N=y(24959),P=y.n(N),k=y(15004),A=y.n(k),I=y(52556),E={};E.styleTagTransform=A(),E.setAttributes=T(),E.insert=j().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=P();v()(I.Ay,E),I.Ay&&I.Ay.locals&&I.Ay.locals},72919:(i,b)=>{var y;!function(){"use strict";var x={}.hasOwnProperty;function classNames(){for(var i=[],b=0;b<arguments.length;b++){var y=arguments[b];if(y){var v=typeof y;if("string"===v||"number"===v)i.push(y);else if(Array.isArray(y)){if(y.length){var C=classNames.apply(null,y);C&&i.push(C)}}else if("object"===v)if(y.toString===Object.prototype.toString)for(var w in y)x.call(y,w)&&y[w]&&i.push(w);else i.push(y.toString())}}return i.join(" ")}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(y=function(){return classNames}.apply(b,[]))||(i.exports=y)}()},79092:function(i,b,y){var x;i.exports=(x=y(41594),function(i){var b={};function n(y){if(b[y])return b[y].exports;var x=b[y]={i:y,l:!1,exports:{}};return i[y].call(x.exports,x,x.exports,n),x.l=!0,x.exports}return n.m=i,n.c=b,n.d=function(i,b,y){n.o(i,b)||Object.defineProperty(i,b,{enumerable:!0,get:y})},n.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},n.t=function(i,b){if(1&b&&(i=n(i)),8&b)return i;if(4&b&&"object"==typeof i&&i&&i.__esModule)return i;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&b&&"string"!=typeof i)for(var x in i)n.d(y,x,function(b){return i[b]}.bind(null,x));return y},n.n=function(i){var b=i&&i.__esModule?function(){return i.default}:function(){return i};return n.d(b,"a",b),b},n.o=function(i,b){return Object.prototype.hasOwnProperty.call(i,b)},n.p="",n(n.s=4)}([function(i,b,y){i.exports=y(2)()},function(i,b){i.exports=x},function(i,b,y){"use strict";var x=y(3);function r(){}function o(){}o.resetWarningCache=r,i.exports=function(){function e(i,b,y,v,C,w){if(w!==x){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 i={array: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:o,resetWarningCache:r};return i.PropTypes=i,i}},function(i,b,y){"use strict";i.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(i,b,y){"use strict";y.r(b);var x=y(1),v=y.n(x),C=y(0),w=y.n(C),a=function(i){return 0!==i};function l(i){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(i){return typeof i}:function(i){return i&&"function"==typeof Symbol&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i})(i)}function c(){return(c=Object.assign||function(i){for(var b=1;b<arguments.length;b++){var y=arguments[b];for(var x in y)Object.prototype.hasOwnProperty.call(y,x)&&(i[x]=y[x])}return i}).apply(this,arguments)}function p(i,b){for(var y=0;y<b.length;y++){var x=b[y];x.enumerable=x.enumerable||!1,x.configurable=!0,"value"in x&&(x.writable=!0),Object.defineProperty(i,x.key,x)}}function u(i,b){return(u=Object.setPrototypeOf||function(i,b){return i.__proto__=b,i})(i,b)}function g(i){var b=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(i){return!1}}();return function(){var y,x=d(i);if(b){var v=d(this).constructor;y=Reflect.construct(x,arguments,v)}else y=x.apply(this,arguments);return h(this,y)}}function h(i,b){return!b||"object"!==l(b)&&"function"!=typeof b?f(i):b}function f(i){if(void 0===i)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function d(i){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(i){return i.__proto__||Object.getPrototypeOf(i)})(i)}function m(i,b,y){return b in i?Object.defineProperty(i,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):i[b]=y,i}var O=function(i){!function(i,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(b&&b.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),b&&u(i,b)}(s,i);var b,y,x,C=g(s);function s(i){var b;return function(i,b){if(!(i instanceof b))throw new TypeError("Cannot call a class as a function")}(this,s),m(f(b=C.call(this,i)),"continueOpenCollapsible",(function(){var i=f(b).innerRef;b.setState({height:i.scrollHeight,transition:"height ".concat(b.props.transitionTime,"ms ").concat(b.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(i.scrollHeight),shouldOpenOnNextCycle:!1})})),m(f(b),"handleTriggerClick",(function(i){b.props.triggerDisabled||b.state.inTransition||(i.preventDefault(),b.props.handleTriggerClick?b.props.handleTriggerClick(b.props.accordionPosition):!0===b.state.isClosed?(b.openCollapsible(),b.props.onOpening(),b.props.onTriggerOpening()):(b.closeCollapsible(),b.props.onClosing(),b.props.onTriggerClosing()))})),m(f(b),"handleTransitionEnd",(function(i){i.target===b.innerRef&&(b.state.isClosed?(b.setState({inTransition:!1}),b.props.onClose()):(b.setState({height:"auto",overflow:b.props.overflowWhenOpen,inTransition:!1}),b.props.onOpen()))})),m(f(b),"setInnerRef",(function(i){return b.innerRef=i})),b.timeout=void 0,b.contentId="collapsible-content-".concat(Date.now()),b.triggerId=i.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),i.open?b.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:i.overflowWhenOpen,inTransition:!1}:b.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(i.transitionTime,"ms ").concat(i.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},b}return b=s,(y=[{key:"componentDidUpdate",value:function(i,b){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==b.height&&0!==b.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)),i.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 i=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:i.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(i.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){return this.props.triggerSibling&&"string"==typeof this.props.triggerSibling?v.a.createElement("span",{className:"".concat(this.props.classParentString,"__trigger-sibling")},this.props.triggerSibling):this.props.triggerSibling&&"function"==typeof this.props.triggerSibling?this.props.triggerSibling():this.props.triggerSibling?v.a.createElement(this.props.triggerSibling,null):null}},{key:"render",value:function(){var i=this,b={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",x=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,w=this.props.contentContainerTagName,O=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,T=S.classParentString,N=S.contentOuterClassName,P=S.contentInnerClassName,k="".concat(T,"__trigger ").concat(y," ").concat(x," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(T," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),I="".concat(T,"__contentOuter ").concat(N),E="".concat(T,"__contentInner ").concat(P);return v.a.createElement(w,c({className:A.trim()},this.props.containerElementProps),v.a.createElement(O,c({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(b){var y=b.key;(" "===y&&"button"!==i.props.triggerTagName.toLowerCase()||"Enter"===y)&&i.handleTriggerClick(b)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:I.trim(),style:b,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:E.trim()},j)))}}])&&p(b.prototype,y),x&&p(b,x),s}(x.Component);O.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},b.default=O}]))},48830:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7854.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7854,5434,3053,9082,1096,8932,196,7921],{19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),c=t(91148),u=t.n(c),x=t(73035),p=t.n(x),m=t(24959),M=t.n(m),g=t(15004),b=t.n(g),y=t(18930),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=u().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=M();l()(y.A,j);y.A&&y.A.locals&&y.A.locals;var I=t(82246);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],c=a[1],u=(0,o.hV)(),x=(0,r.useState)(""),p=(0,i.A)(x,2),m=p[0],M=p[1],g=u.getViewConfig().displayMetaDatas,b=null==t?void 0:t.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,r.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===g[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<g.length;o++)i(o)}M(e),c(e)}}),[]),s?(0,I.jsx)("div",{style:n,className:y.w,children:m}):(0,I.jsx)(I.Fragment,{})}},41096:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(13587),o=t(23651),r=(t(41594),t(25835)),d=t.n(r),l=t(69120),a=t.n(l),s=t(91148),c=t.n(s),u=t(73035),x=t.n(u),p=t(24959),m=t.n(p),M=t(15004),g=t.n(M),b=t(39866),y={};y.styleTagTransform=g(),y.setAttributes=x(),y.insert=c().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=m();d()(b.Ay,y);b.Ay&&b.Ay.locals&&b.Ay.locals;var j=t(14488),I=t(82246);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.A)(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 w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,d=e.codex,l=e.price,a=e.hexColor,s=e.layerProps,c=null==t?void 0:t.replace("_gal","").replace("_low",""),u=(0,j.useDivaCore)().state.theme;return(0,I.jsxs)("div",_objectSpread(_objectSpread({className:b.uJ},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==u||null===(n=u.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[c?(0,I.jsx)("img",{src:c,alt:i}):a?(0,I.jsx)("div",{className:b.bb,style:{backgroundColor:"#"+a}}):(0,I.jsx)(I.Fragment,{}),(0,I.jsx)("div",{className:b.W3,dangerouslySetInnerHTML:{__html:i}}),r&&(0,I.jsx)("div",{className:b.wJ,children:r}),d&&(0,I.jsx)("div",{className:b.wJ,children:d}),!!l&&(0,I.jsx)("div",{className:b.Sl,children:o.Ay.formatPrice(l)})]}))}},7854:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>v});var i=t(5219),o=(t(41594),t(72919)),r=t.n(o),d=t(78932),l=t(25835),a=t.n(l),s=t(69120),c=t.n(s),u=t(91148),x=t.n(u),p=t(73035),m=t.n(p),M=t(24959),g=t.n(M),b=t(15004),y=t.n(b),j=t(29195),I={};I.styleTagTransform=y(),I.setAttributes=m(),I.insert=x().bind(null,"head"),I.domAPI=c(),I.insertStyleElement=g();a()(j.Ay,I);j.Ay&&j.Ay.locals&&j.Ay.locals;var w=t(14488),L=t(82246);const v=function OptionJungle(e){var n,t,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,i.hV)(),c=(0,w.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,L.jsx)(d.default,{item:a,paletteId:l});var u,x,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],m=null===(t=a.text)||void 0===t?void 0:t.split(/,(.+)/)[1];m||(p=null===(u=a.text)||void 0===u?void 0:u.split(/\((.+)/)[0],m=null===(x=a.text)||void 0===x||null===(x=x.split(/\((.+)/)[1])||void 0===x?void 0:x.replace(")",""));return(0,L.jsxs)("div",{id:a.codex,className:r()(j.kL,a.sel?j.VR:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,L.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,L.jsxs)("div",{className:j.gn,children:[(0,L.jsx)("div",{className:r()(j.DD),children:p}),m&&(0,L.jsx)("div",{className:r()(j.p6),children:m})]}),a.disabledByConstructionRule&&(0,L.jsx)("div",{className:r()(j.Yy),title:c("configurator."+a.disabledByConstructionRule)})]})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),c=t(84085),u=t(83207),x=t(14488),p=t(77921),m=t(38191),M=t(19082),g=t(41096),b=t(82246);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.A)(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 y=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),y=(0,x.useTranslation)().t,j=(0,x.useDivaCore)().state.dimensions,I=j.isMobile,w=j.isTablet,L=(0,s.useState)(""),v=(0,o.A)(L,2),h=v[0],z=v[1],A={},N={},f=void 0,D=!1,T={},S=(0,m.Mk)({delayEnter:600,hideOnScroll:!0}),C=(0,m.Z4)({isOpen:S[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return I||w||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(D=S[0],T=S[1],A=C.triggerProps,N=C.layerProps,f=C.renderLayer),(0,b.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(c.Zx,r.sel?c.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},A),T),{},{children:[(0,b.jsxs)("div",{className:d()(c.yp,c.LF),children:[r.sel&&(0,b.jsx)(p.default,{listenToOptionVariables:!0}),"TEXT"==r.layout&&(0,b.jsx)("div",{className:c.L9}),!("TEXT"==r.layout)&&(0,b.jsx)("div",{className:c.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,b.jsxs)("div",{className:d()(c.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:c.lW),children:[(0,b.jsx)("div",{className:d()(c.Ps,""!==h?c.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,b.jsx)(M.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[h,z]},r.codex)]}),D&&(null===(n=f)||void 0===n?void 0:n((0,b.jsx)(g.default,{text:r.text+(r.freeText?r.freeText:""),desciption:h,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:N},r.codex))),void 0!==r.deltaPrice&&(0,b.jsx)("div",{className:c.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,b.jsx)("div",{className:r.isFav?u.zn:u.ve})]}),r.disabledByConstructionRule&&(0,b.jsx)("div",{className:d()(c.Yy),title:y("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\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}\n",""]);var l="index-module--lSIQk";const a=d},39866:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>x,Sl:()=>u,W3:()=>s,bb:()=>a,uJ:()=>l,wJ:()=>c});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--YjST7 {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--YjST7 img,\n.index-module--g5wyb {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--g5wyb {\n  height: 260px;\n}\n\n.index-module--YjST7 {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--yUVA5 {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--ibpiE {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--ylLON {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--YjST7",a="index-module--g5wyb",s="index-module--yUVA5",c="index-module--ibpiE",u="index-module--ylLON";const x=d},29195:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>y,DD:()=>M,VR:()=>p,Yy:()=>b,gn:()=>m,kL:()=>x,p6:()=>g});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`.index-module--sBrmB {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--sBrmB.index-module--flE8X {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--sBrmB img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--JrHxW {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--gaABj,\n.index-module--kakSM {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--gaABj {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--kakSM {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--_xzHQ {\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  top: 0;\n  right: 0;\n}\n`,""]);var x="index-module--sBrmB",p="index-module--flE8X",m="index-module--JrHxW",M="index-module--gaABj",g="index-module--kakSM",b="index-module--_xzHQ";const y=c},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>z,FS:()=>j,L9:()=>b,LF:()=>g,Ps:()=>w,VR:()=>p,Yy:()=>h,Zx:()=>x,gv:()=>v,lW:()=>I,p4:()=>M,wx:()=>L,yU:()=>y,yp:()=>m});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\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--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ: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--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\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--d8V_h {\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--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\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--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\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--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\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--zrzFQ",p="index-module--fy8o1",m="index-module--RQ1TK",M="index-module--l26Vx",g="index-module--oqIY4",b="index-module--nbILR",y="index-module--w2rjQ",j="index-module--d8V_h",I="index-module--wU03f",w="index-module--AYd6R",L="index-module--fRs_W",v="index-module--L3A_U",h="index-module--pdYUy";const z=c},3061:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>y,ve:()=>g,zn:()=>b});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(85227),t.b),c=new URL(t(55081),t.b),u=new URL(t(50840),t.b),x=d()(o()),p=a()(s),m=a()(c),M=a()(u);x.push([e.id,`.index-module--sxGVQ {\n  position: absolute;\n  background-image: url(${p});\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--sxGVQ:hover {\n  background-image: url(${m});\n  cursor: pointer;\n}\n\n.index-module--lEq1j {\n  position: absolute;\n  background-image: url(${M});\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--lEq1j:hover {\n  cursor: pointer;\n}\n`,""]);var g="index-module--sxGVQ",b="index-module--lEq1j";const y=x},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>M.FS,L9:()=>M.L9,LF:()=>M.LF,Ps:()=>M.Ps,VR:()=>M.VR,Yy:()=>M.Yy,Zx:()=>M.Zx,gv:()=>M.gv,lW:()=>M.lW,p4:()=>M.p4,wx:()=>M.wx,yU:()=>M.yU,yp:()=>M.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),p=t(15004),m=t.n(p),M=t(7543),g={};g.styleTagTransform=m(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();o()(M.Ay,g),M.Ay&&M.Ay.locals&&M.Ay.locals},83207:(e,n,t)=>{"use strict";t.d(n,{ve:()=>M.ve,zn:()=>M.zn});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),p=t(15004),m=t.n(p),M=t(3061),g={};g.styleTagTransform=m(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();o()(M.Ay,g),M.Ay&&M.Ay.locals&&M.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},85227:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmwtMC4zODQsLTAuMjRjLTEuMjk2LC0wLjc2OCAtMy43MiwtMi4yMDggLTMuNzIsLTQuNTZjMCwtMS4zMiAxLjA4LC0yLjQgMi40LC0yLjRjMC42NDgsMCAxLjI3MiwwLjI2NCAxLjcwNCwwLjcyYzAuNDU2LC0wLjQ1NiAxLjA1NiwtMC43MiAxLjcwNCwtMC43MmMxLjMyLDAgMi40LDEuMDggMi40LDIuNGMwLDIuMzc2IC0yLjQyNCwzLjc5MiAtMy43Miw0LjU2bC0wLjM4NCwwLjI0Wm0tMS43MDQsLTYuNjcyYy0xLjAzMiwwIC0xLjg3MiwwLjg0IC0xLjg3MiwxLjg3MmMwLDIuMDY0IDIuMjU2LDMuMzg0IDMuNDU2LDQuMTA0bDAuMTIsMC4wNzJsMC4xMiwtMC4wNzJjMS4yLC0wLjcyIDMuNDU2LC0yLjA0IDMuNDU2LC00LjEwNGMwLC0xLjAzMiAtMC44NCwtMS44NzIgLTEuODcyLC0xLjg3MmMtMC41NzYsMCAtMS4xNTIsMC4yODggLTEuNDg4LDAuNzQ0bC0wLjIxNiwwLjI4OGwtMC4yMTYsLTAuMjg4Yy0wLjM2LC0wLjQ4IC0wLjkxMiwtMC43NDQgLTEuNDg4LC0wLjc0NFoiIHN0eWxlPSJmaWxsOiNhZmFmYWY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"},50840:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2E4M2YzOTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},55081:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2FhYWFhYTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7854,5434,3053,9898,9082,1096,8932,196,7921],{39898:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var i=t(13587),o=t(36520),r=t(14488),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),c=t(91148),u=t.n(c),x=t(73035),m=t.n(x),p=t(24959),g=t.n(p),b=t(15004),y=t.n(b),M=t(31634),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=u().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=g();l()(M.Ay,j);M.Ay&&M.Ay.locals&&M.Ay.locals;var w=t(41594),I=t(5219),v=t(72919),h=t.n(v),C=t(970),L=t(82246);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.A)(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 f=(0,C.PA)((function InfoIcon(e){var n,t,i,d,l=e.item,a=e.style,s=e.size,c=void 0===s?20:s,u=(0,r.useDivaCore)().state.theme.palette,x=(0,I.hV)(),m=l.contentItemId,p=null!==(n=null!==(t=l.codex)&&void 0!==t?t:l.articleCodex)&&void 0!==n?n:l.title,g=(0,w.useState)(!1),b=(0,o.A)(g,2),y=b[0],j=b[1],v=l.sel||y;if((0,w.useEffect)((function(){var e=x.settingsState.contentItemVisible&&x.settingsState.contentItemId==m&&p==x.settingsState.clickedFrom;!e&&y&&j(!1),e&&!y&&j(!0)}),[x.settingsState.contentItemVisible,x.settingsState.contentItemId,x.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return(0,L.jsxs)("div",{className:M.pq,onClick:function onClick(e){x.settingsState.onClickContentItemId(m,p),j(x.settingsState.contentItemVisible&&x.settingsState.contentItemId==m),e.stopPropagation()},style:_objectSpread(_objectSpread({},a),{},{width:c+"px",height:c+"px"}),children:[(0,L.jsx)("div",{className:h()(M.wH,v?void 0:M.R,y?M.nT:void 0),children:(0,L.jsxs)("svg",{width:c,height:c,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,L.jsx)("path",{className:M.Tp,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,L.jsx)("path",{className:M.Qq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(i=null==u||null===(d=u.primary)||void 0===d?void 0:d.main)&&void 0!==i?i:"#713434"})]})}),(0,L.jsx)("div",{className:h()(M.gi,v?M.R:void 0),children:(0,L.jsxs)("svg",{width:c,height:c,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,L.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}))},19082:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>I});var i=t(36520),o=t(5219),r=t(41594),d=t(25835),l=t.n(d),a=t(69120),s=t.n(a),c=t(91148),u=t.n(c),x=t(73035),m=t.n(x),p=t(24959),g=t.n(p),b=t(15004),y=t.n(b),M=t(18930),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=u().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=g();l()(M.A,j);M.A&&M.A.locals&&M.A.locals;var w=t(82246);const I=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.A)(l,2),s=a[0],c=a[1],u=(0,o.hV)(),x=(0,r.useState)(""),m=(0,i.A)(x,2),p=m[0],g=m[1],b=u.getViewConfig().displayMetaDatas,y=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(y){for(var e="",n=0;n<y.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===b[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)i(o)}g(e),c(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:M.w,children:p}):(0,w.jsx)(w.Fragment,{})}},41096:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>I});var i=t(13587),o=t(23651),r=(t(41594),t(25835)),d=t.n(r),l=t(69120),a=t.n(l),s=t(91148),c=t.n(s),u=t(73035),x=t.n(u),m=t(24959),p=t.n(m),g=t(15004),b=t.n(g),y=t(39866),M={};M.styleTagTransform=b(),M.setAttributes=x(),M.insert=c().bind(null,"head"),M.domAPI=a(),M.insertStyleElement=p();d()(y.Ay,M);y.Ay&&y.Ay.locals&&y.Ay.locals;var j=t(14488),w=t(82246);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.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,d=e.codex,l=e.price,a=e.hexColor,s=e.layerProps,c=null==t?void 0:t.replace("_gal","").replace("_low",""),u=(0,j.useDivaCore)().state.theme;return(0,w.jsxs)("div",_objectSpread(_objectSpread({className:y.uJ},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==u||null===(n=u.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[c?(0,w.jsx)("img",{src:c,alt:i}):a?(0,w.jsx)("div",{className:y.bb,style:{backgroundColor:"#"+a}}):(0,w.jsx)(w.Fragment,{}),(0,w.jsx)("div",{className:y.W3,dangerouslySetInnerHTML:{__html:i}}),r&&(0,w.jsx)("div",{className:y.wJ,children:r}),d&&(0,w.jsx)("div",{className:y.wJ,children:d}),!!l&&(0,w.jsx)("div",{className:y.Sl,children:o.Ay.formatPrice(l)})]}))}},7854:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var i=t(5219),o=(t(41594),t(72919)),r=t.n(o),d=t(78932),l=t(25835),a=t.n(l),s=t(69120),c=t.n(s),u=t(91148),x=t.n(u),m=t(73035),p=t.n(m),g=t(24959),b=t.n(g),y=t(15004),M=t.n(y),j=t(29195),w={};w.styleTagTransform=M(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=b();a()(j.Ay,w);j.Ay&&j.Ay.locals&&j.Ay.locals;var I=t(14488),v=t(39898),h=t(82246);const C=function OptionJungle(e){var n,t,o=e.item,l=e.paletteId,a=(e.type,o),s=(0,i.hV)(),c=(0,I.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,h.jsx)(d.default,{item:a,paletteId:l});var u,x,m=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],p=null===(t=a.text)||void 0===t?void 0:t.split(/,(.+)/)[1];p||(m=null===(u=a.text)||void 0===u?void 0:u.split(/\((.+)/)[0],p=null===(x=a.text)||void 0===x||null===(x=x.split(/\((.+)/)[1])||void 0===x?void 0:x.replace(")",""));return(0,h.jsxs)("div",{id:a.codex,className:r()(j.kL,a.sel?j.VR:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,h.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,h.jsxs)("div",{className:j.gn,children:[(0,h.jsx)("div",{className:r()(j.DD),children:m}),p&&(0,h.jsx)("div",{className:r()(j.p6),children:p})]}),a.contentItemId&&(0,h.jsx)(v.default,{item:a}),a.disabledByConstructionRule&&(0,h.jsx)("div",{className:r()(j.Yy),title:c("configurator."+a.disabledByConstructionRule)})]})}},78932:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>j});var i=t(13587),o=t(36520),r=t(72919),d=t.n(r),l=t(5219),a=t(970),s=t(41594),c=t(84085),u=t(83207),x=t(14488),m=t(77921),p=t(38191),g=t(19082),b=t(41096),y=t(39898),M=t(82246);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.A)(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 j=(0,a.PA)((function Option(e){var n,t=e.item,i=e.paletteId,r=t,a=(0,l.hV)(),j=(0,x.useTranslation)().t,w=(0,x.useDivaCore)().state.dimensions,I=w.isMobile,v=w.isTablet,h=(0,s.useState)(""),C=(0,o.A)(h,2),L=C[0],f=C[1],z={},A={},N=void 0,S=!1,D={},T=(0,p.Mk)({delayEnter:600,hideOnScroll:!0}),O=(0,p.Z4)({isOpen:T[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return I||v||a.getViewConfig().hideTooltip||!r.image&&!r.hexColor||(S=T[0]&&!a.settingsState.isContentItemIdVisible(r.contentItemId),D=T[1],z=O.triggerProps,A=O.layerProps,N=O.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:r.codex,"data-test-id":"plannerPaletteItem",className:d()(c.Zx,r.sel?c.VR:void 0),onClick:function onClick(){r.doShowFav&&a.paletteViewHandler.clickedOnFavIcon(r),a.paletteViewHandler.clickedOnConfigPalette(r,void 0,i)}},z),D),{},{children:[(0,M.jsxs)("div",{className:d()(c.yp,c.LF),children:[r.sel&&(0,M.jsx)(m.default,{listenToOptionVariables:!0}),r.contentItemId&&(0,M.jsx)(y.default,{item:r,style:{bottom:8}}),"TEXT"==r.layout&&(0,M.jsx)("div",{className:c.L9}),!("TEXT"==r.layout)&&(0,M.jsx)("div",{className:c.yU,style:{backgroundImage:"url(".concat(r.image,")")}}),(0,M.jsxs)("div",{className:d()(c.FS,r.deltaPrice||"TEXT"!=r.layout?void 0:c.lW),children:[(0,M.jsx)("div",{className:d()(c.Ps,""!==L?c.wx:void 0),dangerouslySetInnerHTML:{__html:r.text}}),(0,M.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:r.metaData,visible:[L,f]},r.codex)]}),S&&(null===(n=N)||void 0===n?void 0:n((0,M.jsx)(b.default,{text:r.text+(r.freeText?r.freeText:""),desciption:L,price:r.deltaPrice,image:r.image,hexColor:r.hexColor,layerProps:A},r.codex))),void 0!==r.deltaPrice&&(0,M.jsx)("div",{className:c.gv,children:(r.deltaPrice>=0?"+":"-")+" "+x.DivaUtils.formatPrice(Math.abs(r.deltaPrice))}),r.doShowFav&&(0,M.jsx)("div",{className:r.isFav?u.zn:u.ve})]}),r.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(c.Yy),title:j("configurator."+r.disabledByConstructionRule)})]}))}))},77921:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function IsActive(e){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},31634:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>p,Qq:()=>x,R:()=>m,Tp:()=>c,gi:()=>s,nT:()=>u,pq:()=>l,wH:()=>a});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--wf5dI {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--zmGWw,\n.index-module--OFIsL {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--zmGWw rect,\n.index-module--OFIsL rect,\n.index-module--zmGWw path,\n.index-module--OFIsL path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--wf5dI svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--zmGWw:hover .index-module--VnUXX,\n.index-module--jbSPh .index-module--VnUXX {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--zmGWw:hover .index-module--riEyT,\n.index-module--jbSPh .index-module--riEyT {\n  fill: transparent;\n}\n\n.index-module--zmGWw:hover svg,\n.index-module--OFIsL:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--OFIsL:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--aQJUh {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--wf5dI",a="index-module--zmGWw",s="index-module--OFIsL",c="index-module--VnUXX",u="index-module--jbSPh",x="index-module--riEyT",m="index-module--aQJUh";const p=d},18930:(e,n,t)=>{"use strict";t.d(n,{A:()=>a,w:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--lSIQk {\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}\n",""]);var l="index-module--lSIQk";const a=d},39866:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>x,Sl:()=>u,W3:()=>s,bb:()=>a,uJ:()=>l,wJ:()=>c});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([e.id,".index-module--YjST7 {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--YjST7 img,\n.index-module--g5wyb {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--g5wyb {\n  height: 260px;\n}\n\n.index-module--YjST7 {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--yUVA5 {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--ibpiE {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--ylLON {\n  padding: 0px 20px;\n}\n",""]);var l="index-module--YjST7",a="index-module--g5wyb",s="index-module--yUVA5",c="index-module--ibpiE",u="index-module--ylLON";const x=d},29195:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>M,DD:()=>g,VR:()=>m,Yy:()=>y,gn:()=>p,kL:()=>x,p6:()=>b});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`.index-module--sBrmB {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--sBrmB.index-module--flE8X {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--sBrmB img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--JrHxW {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--gaABj,\n.index-module--kakSM {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--gaABj {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--kakSM {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--_xzHQ {\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  top: 0;\n  right: 0;\n}\n`,""]);var x="index-module--sBrmB",m="index-module--flE8X",p="index-module--JrHxW",g="index-module--gaABj",b="index-module--kakSM",y="index-module--_xzHQ";const M=c},7543:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>L,FS:()=>j,L9:()=>y,LF:()=>b,Ps:()=>I,VR:()=>m,Yy:()=>C,Zx:()=>x,gv:()=>h,lW:()=>w,p4:()=>g,wx:()=>v,yU:()=>M,yp:()=>p});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(9278),t.b),c=d()(o()),u=a()(s);c.push([e.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\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--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ: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--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\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--d8V_h {\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--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\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--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\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--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\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--zrzFQ",m="index-module--fy8o1",p="index-module--RQ1TK",g="index-module--l26Vx",b="index-module--oqIY4",y="index-module--nbILR",M="index-module--w2rjQ",j="index-module--d8V_h",w="index-module--wU03f",I="index-module--AYd6R",v="index-module--fRs_W",h="index-module--L3A_U",C="index-module--pdYUy";const L=c},3061:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>M,ve:()=>b,zn:()=>y});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),l=t(1946),a=t.n(l),s=new URL(t(85227),t.b),c=new URL(t(55081),t.b),u=new URL(t(50840),t.b),x=d()(o()),m=a()(s),p=a()(c),g=a()(u);x.push([e.id,`.index-module--sxGVQ {\n  position: absolute;\n  background-image: url(${m});\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--sxGVQ:hover {\n  background-image: url(${p});\n  cursor: pointer;\n}\n\n.index-module--lEq1j {\n  position: absolute;\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--lEq1j:hover {\n  cursor: pointer;\n}\n`,""]);var b="index-module--sxGVQ",y="index-module--lEq1j";const M=x},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},84085:(e,n,t)=>{"use strict";t.d(n,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),m=t(15004),p=t.n(m),g=t(7543),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.Ay,b),g.Ay&&g.Ay.locals&&g.Ay.locals},83207:(e,n,t)=>{"use strict";t.d(n,{ve:()=>g.ve,zn:()=>g.zn});var i=t(25835),o=t.n(i),r=t(69120),d=t.n(r),l=t(91148),a=t.n(l),s=t(73035),c=t.n(s),u=t(24959),x=t.n(u),m=t(15004),p=t.n(m),g=t(3061),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.Ay,b),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var r=classNames.apply(null,t);r&&e.push(r)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var d in t)i.call(t,d)&&t[d]&&e.push(d);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},85227:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmwtMC4zODQsLTAuMjRjLTEuMjk2LC0wLjc2OCAtMy43MiwtMi4yMDggLTMuNzIsLTQuNTZjMCwtMS4zMiAxLjA4LC0yLjQgMi40LC0yLjRjMC42NDgsMCAxLjI3MiwwLjI2NCAxLjcwNCwwLjcyYzAuNDU2LC0wLjQ1NiAxLjA1NiwtMC43MiAxLjcwNCwtMC43MmMxLjMyLDAgMi40LDEuMDggMi40LDIuNGMwLDIuMzc2IC0yLjQyNCwzLjc5MiAtMy43Miw0LjU2bC0wLjM4NCwwLjI0Wm0tMS43MDQsLTYuNjcyYy0xLjAzMiwwIC0xLjg3MiwwLjg0IC0xLjg3MiwxLjg3MmMwLDIuMDY0IDIuMjU2LDMuMzg0IDMuNDU2LDQuMTA0bDAuMTIsMC4wNzJsMC4xMiwtMC4wNzJjMS4yLC0wLjcyIDMuNDU2LC0yLjA0IDMuNDU2LC00LjEwNGMwLC0xLjAzMiAtMC44NCwtMS44NzIgLTEuODcyLC0xLjg3MmMtMC41NzYsMCAtMS4xNTIsMC4yODggLTEuNDg4LDAuNzQ0bC0wLjIxNiwwLjI4OGwtMC4yMTYsLTAuMjg4Yy0wLjM2LC0wLjQ4IC0wLjkxMiwtMC43NDQgLTEuNDg4LC0wLjc0NFoiIHN0eWxlPSJmaWxsOiNhZmFmYWY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"},50840:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2E4M2YzOTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},55081:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2FhYWFhYTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},9278:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7902.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7902,4357,6276,5434,3053,196],{24357:(A,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>g});var n=e(13587),t=e(32134),r=(e(41594),e(5219)),i=e(82246);function ownKeys(A,o){var e=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(A,o).enumerable}))),e.push.apply(e,n)}return e}function _objectSpread(A){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(e),!0).forEach((function(o){(0,n.A)(A,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(o){Object.defineProperty(A,o,Object.getOwnPropertyDescriptor(e,o))}))}return A}const g=function BasketMobile(A){var o=Object.assign({},((0,t.A)(A),A)),e=(0,r.hV)();return(0,i.jsx)("div",_objectSpread(_objectSpread({},o),{},{onClick:function onClick(){return e.actionButtonState.onClickAddToBasket()}}))}},37902:(A,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>b});var n=e(13587),t=e(72919),r=e.n(t),i=e(970),g=e(5219),a=(e(41594),e(66276)),d=e(25835),l=e.n(d),s=e(69120),C=e.n(s),c=e(91148),Q=e.n(c),B=e(73035),K=e.n(B),u=e(24959),f=e.n(u),F=e(15004),p=e.n(F),U=e(60134),w={};w.styleTagTransform=p(),w.setAttributes=K(),w.insert=Q().bind(null,"head"),w.domAPI=C(),w.insertStyleElement=f();l()(U.Ay,w);U.Ay&&U.Ay.locals&&U.Ay.locals;var x=e(24357),v=e(14488),m=e(82246);function ownKeys(A,o){var e=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(A,o).enumerable}))),e.push.apply(e,n)}return e}function _objectSpread(A){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(e),!0).forEach((function(o){(0,n.A)(A,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(o){Object.defineProperty(A,o,Object.getOwnPropertyDescriptor(e,o))}))}return A}const b=(0,i.PA)((function ActionNavigationRalph(A){var o=(0,g.hV)(),e=(0,v.useDivaCore)().state.hidePrices,n=(0,v.useTranslation)().t;return(0,m.jsxs)("div",_objectSpread(_objectSpread({},A),{},{children:[(0,m.jsxs)("div",{className:r()(U.lf,o.getIsInMobileView()?U.Fr:void 0),children:[!o.getIsInMobileView()&&(0,m.jsx)("div",{children:n("configurator.Sum","Summe")}),(0,m.jsxs)("div",{className:U.to,children:[(0,m.jsx)("div",{className:r()(U.q9,o.productState.formatedBruttoPrice?U.qe:void 0),children:!e&&o.productState.formatedCurSetPrice}),o.productState.formatedBruttoPrice&&!e&&(0,m.jsxs)("div",{className:r()(U.q9,U.aD),children:[" ",o.productState.formatedBruttoPrice]})]}),o.getIsInMobileView()&&(0,m.jsx)(x.default,{className:U.Zw})]}),(0,m.jsx)(a.default,{showBackButtonText:!0,forthOverwrite:U.dK,backOverwrite:U.rY})]}))}))},66276:(A,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>b});var n=e(13587),t=e(23170),r=e(72919),i=e.n(r),g=e(5219),a=e(970),d=(e(41594),e(14488)),l=e(25835),s=e.n(l),C=e(69120),c=e.n(C),Q=e(91148),B=e.n(Q),K=e(73035),u=e.n(K),f=e(24959),F=e.n(f),p=e(15004),U=e.n(p),w=e(53558),x={};x.styleTagTransform=U(),x.setAttributes=u(),x.insert=B().bind(null,"head"),x.domAPI=c(),x.insertStyleElement=F();s()(w.Ay,x);w.Ay&&w.Ay.locals&&w.Ay.locals;var v=e(82246),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(A,o){var e=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(A,o).enumerable}))),e.push.apply(e,n)}return e}function _objectSpread(A){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(e),!0).forEach((function(o){(0,n.A)(A,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(o){Object.defineProperty(A,o,Object.getOwnPropertyDescriptor(e,o))}))}return A}const b=(0,a.PA)((function ActionNavigation(A){var o=A.className,e=A.showBackButtonText,n=A.backOverwrite,r=A.forthOverwrite,a=A.showNextButtonIcon,l=(0,t.A)(A,m),s=(0,g.hV)(),C=(0,d.useTranslation)().t;return(0,v.jsx)(v.Fragment,{children:!s.uiState.configSettingsIsHidden&&(0,v.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:i()(o,w.Ig,s.actionButtonState.isOnFirstStep?w.sR:void 0,s.actionButtonState.isOnFirstStepDisabled?w.WY:void 0,s.actionButtonState.isOnLastStep?w.in:void 0,"vertical"==s.tabGroupState.curTabGroupType?w.Vd:void 0,s.uiState.isMobilePortrait?w.o4:void 0,s.uiState.isMobileLandscape?w.eJ:void 0),children:(0,v.jsxs)("div",{className:w.kL,children:[(0,v.jsxs)("div",{className:i()(w.x6,w.aX,n),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!e&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),e&&C("configurator.Back")]}),(0,v.jsxs)("div",{className:i()(w.x6,w._,r),onClick:s.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[C("configurator.Next"),a&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},60134:(A,o,e)=>{"use strict";e.d(o,{Ay:()=>U,Fr:()=>c,Zw:()=>p,aD:()=>u,dK:()=>F,lf:()=>C,q9:()=>B,qe:()=>K,rY:()=>f,to:()=>Q});var n=e(38634),t=e.n(n),r=e(92083),i=e.n(r),g=e(1946),a=e.n(g),d=new URL(e(14351),e.b),l=i()(t()),s=a()(d);l.push([A.id,`.index-module--BcWGZ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n}\n\n.index-module--yGWmP.index-module--BcWGZ {\n  background-color: #fff;\n  padding: 6px;\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  gap: 12px;\n}\n\n.index-module--GDgeK {\n  display: flex;\n}\n\n.index-module--ziazV {\n  position: relative;\n  color: #262626;\n}\n\n.index-module--cKyrq {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--ziazV.index-module--jr75A {\n  color: #bfbfbf;\n}\n\n.index-module--ziazV.index-module--jr75A:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--yGWmP .index-module--ziazV.index-module--jr75A:before {\n  top: 45%;\n}\n\n.index-module--Jrvfq,\n.index-module--yVSiG {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--Jrvfq,\n.index-module--yVSiG {\n  cursor: pointer;\n}\n\n.index-module--sKvhD {\n  width: 40px;\n  height: 40px;\n  background: no-repeat url(${s}) center center var(--secondaryColor);\n  border-radius: 3px;\n  background-size: 120%;\n  z-index: 300;\n  cursor: pointer;\n}\n`,""]);var C="index-module--BcWGZ",c="index-module--yGWmP",Q="index-module--GDgeK",B="index-module--ziazV",K="index-module--cKyrq",u="index-module--jr75A",f="index-module--Jrvfq",F="index-module--yVSiG",p="index-module--sKvhD";const U=l},53558:(A,o,e)=>{"use strict";e.d(o,{Ay:()=>f,Ig:()=>g,Vd:()=>d,WY:()=>c,_:()=>C,aX:()=>s,eJ:()=>K,in:()=>Q,kL:()=>a,o4:()=>u,sR:()=>B,x6:()=>l});var n=e(38634),t=e.n(n),r=e(92083),i=e.n(r)()(t());i.push([A.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--lCVS1 {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: calc(100%);\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var g="index-module--HMX4z",a="index-module--TOsUT",d="index-module--niaJb",l="index-module--Okvzq",s="index-module--tOnkG",C="index-module--lCVS1",c="index-module--LcJub",Q="index-module--IUlD4",B="index-module--fb8wF",K="index-module--CCKjJ",u="index-module--GT39Y";const f=i},1946:A=>{"use strict";A.exports=function(A,o){return o||(o={}),A?(A=String(A.__esModule?A.default:A),/^['"].*['"]$/.test(A)&&(A=A.slice(1,-1)),o.hash&&(A+=o.hash),/["'() \t\n]|(%20)/.test(A)||o.needQuotes?'"'.concat(A.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):A):A}},72919:(A,o)=>{var e;!function(){"use strict";var n={}.hasOwnProperty;function classNames(){for(var A=[],o=0;o<arguments.length;o++){var e=arguments[o];if(e){var t=typeof e;if("string"===t||"number"===t)A.push(e);else if(Array.isArray(e)){if(e.length){var r=classNames.apply(null,e);r&&A.push(r)}}else if("object"===t)if(e.toString===Object.prototype.toString)for(var i in e)n.call(e,i)&&e[i]&&A.push(i);else A.push(e.toString())}}return A.join(" ")}A.exports?(classNames.default=classNames,A.exports=classNames):void 0===(e=function(){return classNames}.apply(o,[]))||(A.exports=e)}()},14351:A=>{"use strict";A.exports="data:image/jpeg;base64,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"},32134:(A,o,e)=>{"use strict";function _objectDestructuringEmpty(A){if(null==A)throw new TypeError("Cannot destructure undefined")}e.d(o,{A:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7902,2508,6276],{22508:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var o=t(72919),r=t.n(o),i=t(970),a=(t(41594),t(25835)),d=t.n(a),l=t(69120),s=t.n(l),c=t(91148),u=t.n(c),x=t(73035),f=t.n(x),p=t(24959),m=t.n(p),v=t(15004),h=t.n(v),b=t(49958),g={};g.styleTagTransform=h(),g.setAttributes=f(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=m();d()(b.Ay,g);b.Ay&&b.Ay.locals&&b.Ay.locals;var y=t(14488),w=t(5219),j=t(82246);const O=(0,i.PA)((function PriceSumm(e){var n=(0,w.hV)(),t=(0,y.useDivaCore)().state.hidePrices,o=(0,y.useTranslation)().t;return(0,j.jsxs)("div",{className:r()(b.lf,n.getIsInMobileView()?b.Fr:void 0),children:[(0,j.jsx)("div",{children:o("configurator.Sum","Summe")}),(0,j.jsx)("div",{className:b.to,children:(0,j.jsxs)("div",{children:[(0,j.jsx)("div",{className:r()(b.q9,n.productState.formatedBruttoPrice?b.qe:void 0),children:!t&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!t&&(0,j.jsxs)("div",{className:r()(b.q9,b.aD),children:[" ",n.productState.formatedBruttoPrice]})]})})]})}))},37902:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var o=t(13587),r=t(970),i=t(5219),a=(t(41594),t(66276)),d=t(25835),l=t.n(d),s=t(69120),c=t.n(s),u=t(91148),x=t.n(u),f=t(73035),p=t.n(f),m=t(24959),v=t.n(m),h=t(15004),b=t.n(h),g=t(60134),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=x().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();l()(g.Ay,y);g.Ay&&g.Ay.locals&&g.Ay.locals;var w=t(22508),j=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.A)(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 O=(0,r.PA)((function ActionNavigationRalph(e){var n=(0,i.hV)();return(0,j.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[!n.getIsInMobileView()&&(0,j.jsx)(w.default,{}),(0,j.jsx)(a.default,{className:n.getIsInMobileView()?g.fA:void 0,showBackButtonText:!0,forthOverwrite:g.dK,backOverwrite:g.rY})]}))}))},66276:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var o=t(13587),r=t(23170),i=t(72919),a=t.n(i),d=t(5219),l=t(970),s=(t(41594),t(14488)),c=t(25835),u=t.n(c),x=t(69120),f=t.n(x),p=t(91148),m=t.n(p),v=t(73035),h=t.n(v),b=t(24959),g=t.n(b),y=t(15004),w=t.n(y),j=t(53558),O={};O.styleTagTransform=w(),O.setAttributes=h(),O.insert=m().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=g();u()(j.Ay,O);j.Ay&&j.Ay.locals&&j.Ay.locals;var S=t(82246),k=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.A)(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 C=(0,l.PA)((function ActionNavigation(e){var n=e.className,t=e.showBackButtonText,o=e.backOverwrite,i=e.forthOverwrite,l=e.showNextButtonIcon,c=(0,r.A)(e,k),u=(0,d.hV)(),x=(0,s.useTranslation)().t;return(0,S.jsx)(S.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,S.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(n,j.Ig,u.actionButtonState.isOnFirstStep?j.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?j.WY:void 0,u.actionButtonState.isOnLastStep?j.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?j.Vd:void 0,u.uiState.isMobilePortrait?j.o4:void 0,u.uiState.isMobileLandscape?j.eJ:void 0),children:(0,S.jsxs)("div",{className:j.kL,children:[(0,S.jsxs)("div",{className:a()(j.x6,j.aX,o),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,S.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&x("configurator.Back")]}),(0,S.jsxs)("div",{className:a()(j.x6,j._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[x("configurator.Next"),l&&(0,S.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},49958:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>f,Fr:()=>l,aD:()=>x,lf:()=>d,q9:()=>c,qe:()=>u,to:()=>s});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,".index-module--phxZV {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--Skvzp.index-module--phxZV {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--q0Uj5 {\n  display: flex;\n  justify-content: space-between;\n}\n\n.index-module--dTy27 {\n  position: relative;\n  color: #262626;\n}\n\n.index-module--HKMLl {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--dTy27.index-module--ToCZ6 {\n  color: #bfbfbf;\n}\n\n.index-module--dTy27.index-module--ToCZ6:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--Skvzp .index-module--dTy27.index-module--ToCZ6:before {\n  top: 45%;\n}\n",""]);var d="index-module--phxZV",l="index-module--Skvzp",s="index-module--q0Uj5",c="index-module--dTy27",u="index-module--HKMLl",x="index-module--ToCZ6";const f=a},60134:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>c,dK:()=>l,fA:()=>s,rY:()=>d});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,".index-module--Jrvfq,\n.index-module--yVSiG {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--Jrvfq,\n.index-module--yVSiG {\n  cursor: pointer;\n}\n\n.index-module--VLlgV {\n  height: 100%;\n}\n",""]);var d="index-module--Jrvfq",l="index-module--yVSiG",s="index-module--VLlgV";const c=a},53558:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,Ig:()=>d,Vd:()=>s,WY:()=>f,_:()=>x,aX:()=>u,eJ:()=>v,in:()=>p,kL:()=>l,o4:()=>h,sR:()=>m,x6:()=>c});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--lCVS1 {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: 100%;\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--HMX4z",l="index-module--TOsUT",s="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",x="index-module--lCVS1",f="index-module--LcJub",p="index-module--IUlD4",m="index-module--fb8wF",v="index-module--CCKjJ",h="index-module--GT39Y";const b=a},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var a in t)o.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7905.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7905,416],{58035:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(84451),i=n(36520),o=n(64281),a=n.n(o),l=n(41594),s=n(970),c=n(5219),d=n(61840),u=n.n(d),p=n(25835),f=n.n(p),h=n(69120),x=n.n(h),b=n(91148),j=n.n(b),m=n(73035),g=n.n(m),y=n(24959),v=n.n(y),O=n(15004),w=n.n(O),S=n(87279),A={};A.styleTagTransform=w(),A.setAttributes=g(),A.insert=j().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=v();f()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=n(23651),k=n(82246);const C=(0,s.PA)((function JsonEditor(e){var t=e.json,n=(e.plannerArticles,e.curBox),o=e.divaArticles,s=(0,c.hV)(),d=(0,l.useRef)(null),p=(0,l.useRef)(null),f=(0,l.useState)(null!=t?t:{}),h=(0,i.A)(f,2),x=h[0],b=h[1],j=(0,l.useState)(!0),m=(0,i.A)(j,2),g=m[0],y=m[1],v=(0,l.useState)([]),O=(0,i.A)(v,2),w=O[0],A=O[1],C=o[n],E={mode:"code",onChange:function onChange(){try{var e=p.current,t=(e.get(),e.validate());y(t)}catch(e){return void y(!1)}}};(0,l.useEffect)((function(){b(t)})),(0,l.useEffect)((function(){d.current&&(p.current||(p.current=new(u())(d.current,E)),p.current&&p.current.set(x))}),[x]);var N=function(){var e=(0,r.A)(a().mark((function _callee(){var e;return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:if((e=p.current).get()&&0!==Object.keys(e.get()).length){t.next=4;break}return alert("Cannot save empty value"),t.abrupt("return");case 4:return C.catalogArticle.modifiedJ3D=e.get(),C.resetShelfPlanner(),t.next=8,C.updateShelfPlannerState();case 8:s.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return t.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,t=null===(e=s.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,n=[];for(var r in t)t[r].catalogArticle.modifiedJ3D&&n.push({articleCodex:r,j3d:JSON.stringify(t[r].catalogArticle.modifiedJ3D)});A(n)}return(0,k.jsxs)("div",{className:S.iE,children:[(0,k.jsx)("div",{ref:d,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,k.jsxs)("div",{className:S.QR,children:[(0,k.jsx)("button",{className:S.x6,disabled:!g,onClick:function onClick(){return N()},children:"Save"}),(0,k.jsx)("button",{className:S.x6,onClick:function onClick(){return function onClickExport(){if(w&&0!==w.length)for(var e=0;e<w.length;e++)P.Ay.downloadStringAsTxtFile(w[e].j3d,"text/plain",w[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,k.jsxs)("div",{children:[(0,k.jsx)("h5",{children:"Modified Articles"}),w.map((function(e,t){return(0,k.jsx)("p",{className:S.kb,children:e.articleCodex},t)}))]})]})]})}))},76392:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(36520),i=n(72919),o=n.n(i),a=n(41594),l=n(6561),s=n(65721),c=n(11773),d=n(5219),u=n(82246),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,a.useState)(t.layout),i=(0,r.A)(n,1)[0],f=(0,a.useState)(),h=(0,r.A)(f,2),x=h[0],b=h[1],j=(0,d.hV)();(0,a.useEffect)((function(){t.layout=null!=x?x:i,j.paletteViewHandler.updateCurPaletteData(!0)}),[x]),(0,a.useEffect)((function(){return function(){t.layout=i,j.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var m=(0,u.jsx)(c.default,{onClick:function onClick(){return b(void 0)},open:!1,iconAsDelete:!!x});return(0,u.jsxs)("div",{className:s.iE,children:["Layout:",(0,u.jsx)(l.A,{className:o()(s.A5),controlClassName:s.Vu,options:p,value:x,onChange:function onChange(e){return b(e.value)},placeholder:i,arrowClosed:m,arrowOpen:m})]})}},97868:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(72919),i=n.n(r),o=n(970),a=(n(41594),n(6561)),l=n(65721),s=n(11773),c=n(82246);const d=(0,o.PA)((function OptionsSelector(e){var t=e.options,n=e.optionState,r=(0,c.jsx)(s.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:l.iE,children:(0,c.jsx)(a.A,{className:i()(l.A5),controlClassName:l.Vu,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},39577:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var r=n(13587),i=n(84451),o=n(36520),a=n(64281),l=n.n(a),s=n(72919),c=n.n(s),d=n(970),u=n(5219),p=n(41594),f=n(25835),h=n.n(f),x=n(69120),b=n.n(x),j=n(91148),m=n.n(j),g=n(73035),y=n.n(g),v=n(24959),O=n.n(v),w=n(15004),S=n.n(w),A=n(11174),P={};P.styleTagTransform=S(),P.setAttributes=y(),P.insert=m().bind(null,"head"),P.domAPI=b(),P.insertStyleElement=O();h()(A.Ay,P);A.Ay&&A.Ay.locals&&A.Ay.locals;var k=n(97868),C=n(76392),E=n(14488),N=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 _=(0,d.PA)((function CatalogMakeup(e){var t=(0,u.hV)(),n=(0,p.useState)([]),r=(0,o.A)(n,2),a=r[0],s=r[1],d=(0,p.useState)(),f=(0,o.A)(d,2),h=f[0],x=f[1],b=null==a?void 0:a.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&s(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==a?void 0:a.find((function(e){return e.codex===h}));e&&j(e)}),[h]);var j=function(){var e=(0,i.A)(l().mark((function _callee(e){var n;return l().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,E.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,N.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,A.E1),children:(0,N.jsxs)("div",{className:A.iE,children:[(0,N.jsx)("a",{className:A.wx,children:"CatalogMakeup"}),(0,N.jsxs)("div",{className:A.kL,children:[(0,N.jsx)(k.default,{options:a,optionState:[h,x]}),b&&(0,N.jsx)(C.default,{option:b},b.codex)]})]})}))}))},35698:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var r=n(13587),i=n(84451),o=n(36520),a=n(23170),l=n(64281),s=n.n(l),c=n(72919),d=n.n(c),u=n(970),p=n(41594),f=n(5219),h=n(25835),x=n.n(h),b=n(69120),j=n.n(b),m=n(91148),g=n.n(m),y=n(73035),v=n.n(y),O=n(24959),w=n.n(O),S=n(15004),A=n.n(S),P=n(82259),k={};k.styleTagTransform=A(),k.setAttributes=v(),k.insert=g().bind(null,"head"),k.domAPI=j(),k.insertStyleElement=w();x()(P.Ay,k);P.Ay&&P.Ay.locals&&P.Ay.locals;var C=n(82246),E=["onMouseDown"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 N=(0,u.PA)((function EkTextViewer(e){var t=e.onMouseDown,n=(0,a.A)(e,E),r=(0,f.hV)(),l=(0,p.useState)(""),c=(0,o.A)(l,2),u=c[0],h=c[1],x=(0,p.useState)([]),b=(0,o.A)(x,2),j=b[0],m=b[1],g=function(){var e=(0,i.A)(s().mark((function _callee(){var e,t;return s().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:(t=n.sent).OrderSets[0].SetOrderText&&h(t.OrderSets[0].SetOrderText),m(null!==(e=t.SAPOrderLines)&&void 0!==e?e:[]);case 5:case"end":return n.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,p.useEffect)((function(){g()}),[r.settingsState.configChanged]),(0,C.jsx)("div",_objectSpread(_objectSpread({},n),{},{className:d()(n.className,P.E1),children:(0,C.jsxs)("div",{className:P.iE,children:[(0,C.jsx)("a",{className:P.wx,onMouseDown:t,children:"EkText Übersicht"}),(0,C.jsx)("h3",{children:"SapOrderLines"}),(0,C.jsxs)("table",{className:P.tp,children:[(0,C.jsx)("thead",{children:(0,C.jsxs)("tr",{className:P.fi,children:[(0,C.jsx)("th",{children:"Name"}),(0,C.jsx)("th",{children:"EkText"}),(0,C.jsx)("th",{children:"Preis"}),(0,C.jsx)("th",{children:"Artikle Nr."}),(0,C.jsx)("th",{children:"Retail Artikle Nr."}),(0,C.jsx)("th",{children:"Prefix"}),(0,C.jsx)("th",{children:"Menge"}),(0,C.jsx)("th",{children:"PosNr"})]})}),(0,C.jsx)("tbody",{children:j.map((function(e,t){var n;return(0,C.jsxs)("tr",{className:P.fi,children:[(0,C.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,C.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,C.jsx)("th",{}),(0,C.jsxs)("th",{children:[" ",null!==(n=e.Price)&&void 0!==n?n:0," "]}),(0,C.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,C.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,C.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,C.jsxs)("th",{children:[e.Quantity," "]}),(0,C.jsx)("th",{children:e.PosNr})]},t)}))})]}),(0,C.jsxs)("div",{children:[(0,C.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator.clipboard)||void 0===e?void 0:e.writeText(u)},children:"kopieren"}),(0,C.jsx)("div",{className:P.CF,dangerouslySetInnerHTML:{__html:u.replace(/\r\n/g,"<br>")}})]})]})}))}))},99645:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(13587),i=n(970),o=(n(41594),n(67430)),a=n(58035),l=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 s=(0,i.PA)((function J3DEditor(e){return(0,l.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},76162:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(13587),i=n(970),o=(n(41594),n(67430)),a=n(45221),l=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 s=(0,i.PA)((function JsonAnaylser(e){return(0,l.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"OPTIONSTATES",name:"Options States"},{key:"DECISIONS",name:"Decisions"},{key:"CONFIGTREE",name:"configtree"}],title:"Artikel Übersicht"}))}))},590:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(13587),i=n(36520),o=n(41594),a=n(25835),l=n.n(a),s=n(69120),c=n.n(s),d=n(91148),u=n.n(d),p=n(73035),f=n.n(p),h=n(24959),x=n.n(h),b=n(15004),j=n.n(b),m=n(33819),g={};g.styleTagTransform=j(),g.setAttributes=f(),g.insert=u().bind(null,"head"),g.domAPI=c(),g.insertStyleElement=x();l()(m.Ay,g);m.Ay&&m.Ay.locals&&m.Ay.locals;var y=n(970),v=n(72919),O=n.n(v),w=n(61840),S=n.n(w),A=n(5219),P=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 k=(0,y.PA)((function MaskEditor(e){var t,n=(0,A.hV)(),r=(0,o.useRef)(null),a=(0,o.useRef)(null),l=(0,o.useState)(!0),s=(0,i.A)(l,2),c=s[0],d=s[1],u=null===(t=n.divaWebPlanner.getCatalogData())||void 0===t?void 0:t.catalogMask,p=(0,o.useState)(null!=u?u:{}),f=(0,i.A)(p,2),h=f[0],x=(f[1],{mode:"code",onChange:function onChange(){try{var e=a.current,t=(e.get(),e.validate());d(t)}catch(e){return void d(!1)}}});(0,o.useEffect)((function(){r.current&&(a.current||(a.current=new(S())(r.current,x)),a.current&&a.current.set(h))}),[h]);return(0,P.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:O()(m.iE,e.className),children:["MaskEditor",(0,P.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,P.jsx)("div",{className:m._o,children:(0,P.jsx)("button",{className:m.x6,disabled:!c,onClick:function onClick(){return function onClickSave(){var e=a.current;if(e.get()&&0!==Object.keys(e.get()).length){var t=e.get(),r=n.divaWebPlanner.getCatalogData();r&&(r.catalogMask=t),n.divaWebPlanner.updateWebConfiguratorTitle(),n.paletteViewHandler.updateCurPaletteData(!0),n.uiState.setActiveCatalogSection("3D/2D"),n.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},70064:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var r=n(13587),i=n(84451),o=n(36520),a=n(23170),l=n(64281),s=n.n(l),c=n(41594),d=n(21002),u=n(66793),p=n(5219),f=n(970),h=n(72919),x=n.n(h),b=n(14488),j=n(82246),m=["onMouseDown"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function getPartlistArticles(e,t){for(var n in e.partlistArticles){var r=e.partlistArticles[n];if(r.hasPartlistArticle)t.push(y(r,!0)),t=getPartlistArticles(r,t);else{for(var i=!1,o=0;o<t.length;o++)if(r.articleCodex===t[o].articleCodex&&r.retailArticleNr===t[o].retailArticleNr&&r.retailPrefix===t[o].retailPrefix&&r.catalogCodex===t[o].catalogCodex){i=!0,t[o].quantity+=r.quantity;break}i||t.push(y(r))}}return t},y=function getPartlsitArticleObj(e,t){var n,r,i,o,a;return{name:(t?"Hülse: ":"")+e.posNr+" "+e.name,price:t?"---":e.price,retailArticleNr:null!==(n=e.retailArticleNr)&&void 0!==n?n:"",retailPrefix:null!==(r=e.retailPrefix)&&void 0!==r?r:"",quantity:e.quantity,ruleDesc:null!==(i=e.ruleDesc)&&void 0!==i?i:"",articleCodex:null!==(o=e.articleCodex)&&void 0!==o?o:"",catalogCodex:null!==(a=e.catalogCodex)&&void 0!==a?a:"",codex:e.articleCodex,rule:e.partlistRule&&e.partListParentArticle?b.DivaUtils.getRuleDescription(e.partlistRule,e.partListParentArticle.articleOptionStates,e.set.api.ruleDescSeperator()):""}};const v=(0,f.PA)((function PartList(e){var t=e.onMouseDown,n=(0,a.A)(e,m),r=(0,p.hV)(),l=r.divaWebPlanner.getDivaArticles(),f=(0,c.useState)(!1),h=(0,o.A)(f,2),y=h[0],v=h[1];(0,c.useEffect)((function(){var e=function(){var e=(0,i.A)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,b.DivaUtils.Sleep(1e3);case 2:v(!y);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[r.settingsState.configChanged]);var O=[];for(var w in l)O=g(l[w],O);return(0,j.jsxs)("div",_objectSpread(_objectSpread({},n),{},{className:x()(n.className,u.E1,r.uiState.configSettingsIsExpanded?d.Po:void 0),children:[(0,j.jsx)("a",{className:u.wx,onMouseDown:t,children:"Stücklisten Übersicht"}),(0,j.jsxs)("table",{className:u.tp,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:u.fi,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)("tbody",{children:Object.values(O).map((function(e,t){var n;return(0,j.jsxs)("tr",{className:u.fi,children:[(0,j.jsxs)("th",{children:[" ",e.name]}),(0,j.jsxs)("th",{children:[e.articleCodex," "]}),(0,j.jsxs)("th",{children:[e.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(n=e.price)&&void 0!==n?n:0," "]}),(0,j.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[e.retailPrefix," "]}),(0,j.jsxs)("th",{children:[e.quantity," "]}),(0,j.jsx)("th",{children:e.rule})]},e.articleCodex+e.retailArticleNr)}))})]})]}))}))},10048:(e,t,n)=>{n.r(t),n.d(t,{default:()=>M});var r=n(13587),i=n(84451),o=n(36520),a=n(32134),l=n(64281),s=n.n(l),c=n(41594),d=n(21002),u=n(25835),p=n.n(u),f=n(69120),h=n.n(f),x=n(91148),b=n.n(x),j=n(73035),m=n.n(j),g=n(24959),y=n.n(g),v=n(15004),O=n.n(v),w=n(20129),S={};S.styleTagTransform=O(),S.setAttributes=m(),S.insert=b().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=y();p()(w.Ay,S);w.Ay&&w.Ay.locals&&w.Ay.locals;var A=n(5219),P=n(970),k=n(72919),C=n.n(k),E=n(14488),N=n(24435),_=n.n(N),D=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function getPartlistArticles(e,t){for(var n,r=null===(n=e.catalogArticle.partlistArticlesRules)||void 0===n?void 0:n[0].PartListPos,i=function _loop(){var n=r[o],i=e.decisions.find((function(e){return Number(e.Number)===Number(n.PartListPosDecisionsAndPosCounts[0].DecisionNumber)}));t.push({codex:n.ItemRefArticles[0].ArticleCodex,doc:null==i?void 0:i.DOC})},o=0;o<(null===(a=null!=r?r:[])||void 0===a?void 0:a.length);o++){var a;i()}return t};const M=(0,P.PA)((function PartListAnalyzer(e){var t=Object.assign({},((0,a.A)(e),e)),n=(0,A.hV)(),r=n.divaWebPlanner.getDivaArticles(),l=(0,c.useState)(!1),u=(0,o.A)(l,2),p=u[0],f=u[1];(0,c.useEffect)((function(){var e=function(){var e=(0,i.A)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,E.DivaUtils.Sleep(1e3);case 2:f(!p);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[n.tabGroupState.allTabGroups]);var h=[];for(var x in r)h=T(r[x],h);return(0,D.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:C()(t.className,w.E1,n.uiState.configSettingsIsExpanded?d.Po:void 0),children:[(0,D.jsx)("a",{className:w.wx,children:"Stücklisten Übersicht"}),(0,D.jsx)("div",{children:(0,D.jsxs)("table",{className:w.tp,children:[(0,D.jsx)("thead",{children:(0,D.jsxs)("tr",{className:w.fi,children:[(0,D.jsx)("th",{children:"codex"}),(0,D.jsx)("th",{children:"decision"})]})}),(0,D.jsx)("tbody",{children:Object.values(h).map((function(e,t){return(0,D.jsxs)("tr",{className:w.fi,children:[(0,D.jsxs)("th",{children:[" ",e.codex]}),(0,D.jsx)("th",{children:(0,D.jsx)(_(),{collapseStringsAfterLength:!1,enableClipboard:!1,collapsed:1,displayDataTypes:!1,displayObjectSize:!1,shouldCollapse:!1,theme:"ashes",src:e.dec},n.settingsState.configChanged)})]},t)}))})]})})]}))}))},72731:(e,t,n)=>{n.r(t),n.d(t,{default:()=>S});var r=n(13587),i=n(72919),o=n.n(i),a=n(5219),l=n(41594),s=n(25835),c=n.n(s),d=n(69120),u=n.n(d),p=n(91148),f=n.n(p),h=n(73035),x=n.n(h),b=n(24959),j=n.n(b),m=n(15004),g=n.n(m),y=n(41544),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=f().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=j();c()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var O=n(970),w=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 S=(0,O.PA)((function RTVAnalyzer(e){var t=(0,a.hV)().rtvAnalyzeData,n=(0,l.useRef)(),r=0,i=0,s=0;t.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:s+=e.sizeMb)}));var c=t.filter((function(e){return e.active})).sort((function(e,t){return t.sizeMb-e.sizeMb}));return c=c.map((function(e){var t;return null!==(t=n.current)&&void 0!==t&&t.find((function(t){return e.name==t.name&&1==t.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),n.current=c,(0,w.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:o()(e.className,y.E1),children:(0,w.jsxs)("div",{className:y.iE,children:[(0,w.jsx)("a",{className:y.wx,children:"RTV Analyzer"}),(0,w.jsx)("div",{className:y.kL,children:(0,w.jsxs)("table",{className:y.lS,children:[(0,w.jsxs)("tr",{children:[(0,w.jsx)("th",{children:"Art"}),(0,w.jsx)("th",{children:"Name"}),(0,w.jsx)("th",{children:"Pfad"}),(0,w.jsx)("th",{children:"Geos (std mat)"}),(0,w.jsx)("th",{children:"Größe (MB | %)"})]}),(0,w.jsxs)("tr",{children:[(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:"Gesamt"}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,w.jsxs)("tr",{children:[(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:"Geo Gesamt"}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,w.jsxs)("tr",{children:[(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:"Tex Gesamt"}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{}),(0,w.jsx)("th",{children:Math.round(100*s)/100+"mb | "+Math.round(s/r*100)+"%"})]}),c.map((function(e){return(0,w.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,w.jsx)("td",{children:e.type}),(0,w.jsx)("td",{children:e.name}),(0,w.jsx)("td",{children:(0,w.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,w.jsx)("td",{children:e.geo}),(0,w.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},77905:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var r=n(13587),i=n(32134),o=n(970),a=n(41594),l=n(3143),s=n(45489),c=n(16230),d=n(5219),u=n(70064),p=n(590),f=n(76162),h=n(83864),x=n(21002),b=n(35698),j=n(39577),m=n(10048),g=n(72731),y=n(99645),v=n(43279),O=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 w=(0,o.PA)((function CatalogProduct(e){var t=Object.assign({},((0,i.A)(e),e)),n=(0,d.hV)();if((0,a.useEffect)((function(){switch(n.uiState.activeCatalogSection){case"Options":n.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"PartListAnalyzer":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"MaskEditor":n.uiState.setConfigSettingsIsExpanded(!1)}}),[n.uiState.activeCatalogSection]),(0,a.useEffect)((function(){n.getIsInMobileView()&&n.uiState.setActiveCatalogSection("3D/2D")}),[]),n.uiState.isLoading)return(0,a.createElement)(l.default,_objectSpread(_objectSpread({},t),{},{key:"product"}));var r=void 0,o=t.className+" "+x.p_;switch(n.uiState.activeCatalogSection){case"Options":r=(0,O.jsx)(c.default,_objectSpread(_objectSpread({},t),{},{style:{zIndex:700}}));break;case"PartList":r=(0,O.jsx)(u.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"PartListAnalyzer":r=(0,O.jsx)(m.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"Artikelübersicht":r=(0,O.jsx)(f.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"SVGübersicht":r=(0,O.jsx)(h.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"ekText":r=(0,O.jsx)(b.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"CatalogMakeup":r=(0,O.jsx)(j.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"RTVAnalyzer":r=(0,O.jsx)(g.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"J3DEditor":r=(0,O.jsx)(y.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"PropertiesEditor":r=(0,O.jsx)(v.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"MaskEditor":r=(0,O.jsx)(p.default,_objectSpread(_objectSpread({},t),{},{className:o}))}return"3D/2D"===n.uiState.activeCatalogSection||n.divaWebPlanner?(0,O.jsxs)(O.Fragment,{children:[!n.uiState.isInMobileView&&(0,O.jsx)(s.default,_objectSpread(_objectSpread({},t),{},{currentWindowActive:n.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),n.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(l.default,_objectSpread(_objectSpread({},t),{},{style:{boxSizing:"border-box",borderLeft:n.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),r]}):(0,O.jsx)(O.Fragment,{})}))},87279:(e,t,n)=>{n.d(t,{Ay:()=>u,QR:()=>c,iE:()=>l,kb:()=>d,x6:()=>s});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--FC32i {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Cd_Pg {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--T7TTH {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--w34AY {\n  font-size: 10px;\n}\n",""]);var l="index-module--FC32i",s="index-module--Cd_Pg",c="index-module--T7TTH",d="index-module--w34AY";const u=a},88123:(e,t,n)=>{n.d(t,{A5:()=>s,Ay:()=>d,Vu:()=>c,iE:()=>l});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--RZMjm",s="index-module--nuzKL",c="index-module--_W5z6";const d=a},11174:(e,t,n)=>{n.d(t,{Ay:()=>u,E1:()=>s,iE:()=>l,kL:()=>d,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--OXsvI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--wCd9S {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--xMg1v {\n  height: 8%;\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}\n.index-module--n18kE {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var l="index-module--OXsvI",s="index-module--wCd9S",c="index-module--xMg1v",d="index-module--n18kE";const u=a},82259:(e,t,n)=>{n.d(t,{Ay:()=>f,CF:()=>d,E1:()=>s,fi:()=>p,iE:()=>l,tp:()=>u,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--dRXZF {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--nxGxd {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--wUBhb {\n  height: 8%;\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}\n\n.index-module--dgdvz {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--WeiLi {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--WeiLi thead {\n  font-weight: bold !important;\n}\n.index-module--WeiLi thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--FTKe7 {\n  text-align: left;\n}\n.index-module--FTKe7:first-child {\n  height: 20px;\n}\n.index-module--FTKe7 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--FTKe7 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--FTKe7 th:last-child {\n  font-size: 12px;\n}\n",""]);var l="index-module--dRXZF",s="index-module--nxGxd",c="index-module--wUBhb",d="index-module--dgdvz",u="index-module--WeiLi",p="index-module--FTKe7";const f=a},33819:(e,t,n)=>{n.d(t,{Ay:()=>d,_o:()=>s,iE:()=>l,x6:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--db7AA {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--n_GHQ {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--MM9bt {\n}\n",""]);var l="index-module--db7AA",s="index-module--n_GHQ",c="index-module--MM9bt";const d=a},20129:(e,t,n)=>{n.d(t,{Ay:()=>u,E1:()=>c,fi:()=>s,tp:()=>l,wx:()=>d});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--EFTYs {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n}\n.index-module--EFTYs thead {\n  font-weight: bold !important;\n}\n.index-module--EFTYs 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--XSqA6 {\n  text-align: left;\n}\n.index-module--XSqA6:first-child {\n  height: 20px;\n}\n.index-module--XSqA6 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--XSqA6 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--XSqA6 th:last-child {\n  font-size: 12px;\n}\n.index-module--B5etX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--FPRsY {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n",""]);var l="index-module--EFTYs",s="index-module--XSqA6",c="index-module--B5etX",d="index-module--FPRsY";const u=a},41544:(e,t,n)=>{n.d(t,{Ay:()=>p,E1:()=>s,iE:()=>l,kL:()=>d,lS:()=>u,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--yKYbn {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--TqDiy {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--zwPeY {\n  height: 8%;\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}\n.index-module--LZ4JN {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--WJf0h td,\n.index-module--WJf0h th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--WJf0h tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var l="index-module--yKYbn",s="index-module--TqDiy",c="index-module--zwPeY",d="index-module--LZ4JN",u="index-module--WJf0h";const p=a},65721:(e,t,n)=>{n.d(t,{A5:()=>x.A5,Vu:()=>x.Vu,iE:()=>x.iE});var r=n(25835),i=n.n(r),o=n(69120),a=n.n(o),l=n(91148),s=n.n(l),c=n(73035),d=n.n(c),u=n(24959),p=n.n(u),f=n(15004),h=n.n(f),x=n(88123),b={};b.styleTagTransform=h(),b.setAttributes=d(),b.insert=s().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();i()(x.Ay,b),x.Ay&&x.Ay.locals&&x.Ay.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7905,416],{58035:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(84451),i=n(36520),o=n(64281),a=n.n(o),l=n(41594),s=n(970),c=n(5219),d=n(61840),u=n.n(d),p=n(25835),f=n.n(p),h=n(69120),x=n.n(h),b=n(91148),j=n.n(b),m=n(73035),g=n.n(m),y=n(24959),v=n.n(y),w=n(15004),O=n.n(w),S=n(87279),A={};A.styleTagTransform=O(),A.setAttributes=g(),A.insert=j().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=v();f()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=n(23651),k=n(82246);const C=(0,s.PA)((function JsonEditor(e){var t=e.json,n=(e.plannerArticles,e.curBox),o=e.divaArticles,s=(0,c.hV)(),d=(0,l.useRef)(null),p=(0,l.useRef)(null),f=(0,l.useState)(null!=t?t:{}),h=(0,i.A)(f,2),x=h[0],b=h[1],j=(0,l.useState)(!0),m=(0,i.A)(j,2),g=m[0],y=m[1],v=(0,l.useState)([]),w=(0,i.A)(v,2),O=w[0],A=w[1],C=o[n],E={mode:"code",onChange:function onChange(){try{var e=p.current,t=(e.get(),e.validate());y(t)}catch(e){return void y(!1)}}};(0,l.useEffect)((function(){b(t)})),(0,l.useEffect)((function(){d.current&&(p.current||(p.current=new(u())(d.current,E)),p.current&&p.current.set(x))}),[x]);var N=function(){var e=(0,r.A)(a().mark((function _callee(){var e;return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:if((e=p.current).get()&&0!==Object.keys(e.get()).length){t.next=4;break}return alert("Cannot save empty value"),t.abrupt("return");case 4:return C.catalogArticle.modifiedJ3D=e.get(),C.resetShelfPlanner(),t.next=8,C.updateShelfPlannerState();case 8:s.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return t.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,t=null===(e=s.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,n=[];for(var r in t)t[r].catalogArticle.modifiedJ3D&&n.push({articleCodex:r,j3d:JSON.stringify(t[r].catalogArticle.modifiedJ3D)});A(n)}return(0,k.jsxs)("div",{className:S.iE,children:[(0,k.jsx)("div",{ref:d,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,k.jsxs)("div",{className:S.QR,children:[(0,k.jsx)("button",{className:S.x6,disabled:!g,onClick:function onClick(){return N()},children:"Save"}),(0,k.jsx)("button",{className:S.x6,onClick:function onClick(){return function onClickExport(){if(O&&0!==O.length)for(var e=0;e<O.length;e++)P.Ay.downloadStringAsTxtFile(O[e].j3d,"text/plain",O[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,k.jsxs)("div",{children:[(0,k.jsx)("h5",{children:"Modified Articles"}),O.map((function(e,t){return(0,k.jsx)("p",{className:S.kb,children:e.articleCodex},t)}))]})]})]})}))},76392:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(36520),i=n(72919),o=n.n(i),a=n(41594),l=n(6561),s=n(65721),c=n(11773),d=n(5219),u=n(82246),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,a.useState)(t.layout),i=(0,r.A)(n,1)[0],f=(0,a.useState)(),h=(0,r.A)(f,2),x=h[0],b=h[1],j=(0,d.hV)();(0,a.useEffect)((function(){t.layout=null!=x?x:i,j.paletteViewHandler.updateCurPaletteData(!0)}),[x]),(0,a.useEffect)((function(){return function(){t.layout=i,j.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var m=(0,u.jsx)(c.default,{onClick:function onClick(){return b(void 0)},open:!1,iconAsDelete:!!x});return(0,u.jsxs)("div",{className:s.iE,children:["Layout:",(0,u.jsx)(l.A,{className:o()(s.A5),controlClassName:s.Vu,options:p,value:x,onChange:function onChange(e){return b(e.value)},placeholder:i,arrowClosed:m,arrowOpen:m})]})}},97868:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(72919),i=n.n(r),o=n(970),a=(n(41594),n(6561)),l=n(65721),s=n(11773),c=n(82246);const d=(0,o.PA)((function OptionsSelector(e){var t=e.options,n=e.optionState,r=(0,c.jsx)(s.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:l.iE,children:(0,c.jsx)(a.A,{className:i()(l.A5),controlClassName:l.Vu,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},39577:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var r=n(13587),i=n(84451),o=n(36520),a=n(64281),l=n.n(a),s=n(72919),c=n.n(s),d=n(970),u=n(5219),p=n(41594),f=n(25835),h=n.n(f),x=n(69120),b=n.n(x),j=n(91148),m=n.n(j),g=n(73035),y=n.n(g),v=n(24959),w=n.n(v),O=n(15004),S=n.n(O),A=n(11174),P={};P.styleTagTransform=S(),P.setAttributes=y(),P.insert=m().bind(null,"head"),P.domAPI=b(),P.insertStyleElement=w();h()(A.Ay,P);A.Ay&&A.Ay.locals&&A.Ay.locals;var k=n(97868),C=n(76392),E=n(14488),N=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 _=(0,d.PA)((function CatalogMakeup(e){var t=(0,u.hV)(),n=(0,p.useState)([]),r=(0,o.A)(n,2),a=r[0],s=r[1],d=(0,p.useState)(),f=(0,o.A)(d,2),h=f[0],x=f[1],b=null==a?void 0:a.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&s(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==a?void 0:a.find((function(e){return e.codex===h}));e&&j(e)}),[h]);var j=function(){var e=(0,i.A)(l().mark((function _callee(e){var n;return l().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,E.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,N.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,A.E1),children:(0,N.jsxs)("div",{className:A.iE,children:[(0,N.jsx)("a",{className:A.wx,children:"CatalogMakeup"}),(0,N.jsxs)("div",{className:A.kL,children:[(0,N.jsx)(k.default,{options:a,optionState:[h,x]}),b&&(0,N.jsx)(C.default,{option:b},b.codex)]})]})}))}))},35698:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var r=n(13587),i=n(84451),o=n(36520),a=n(23170),l=n(64281),s=n.n(l),c=n(72919),d=n.n(c),u=n(970),p=n(41594),f=n(5219),h=n(25835),x=n.n(h),b=n(69120),j=n.n(b),m=n(91148),g=n.n(m),y=n(73035),v=n.n(y),w=n(24959),O=n.n(w),S=n(15004),A=n.n(S),P=n(82259),k={};k.styleTagTransform=A(),k.setAttributes=v(),k.insert=g().bind(null,"head"),k.domAPI=j(),k.insertStyleElement=O();x()(P.Ay,k);P.Ay&&P.Ay.locals&&P.Ay.locals;var C=n(82246),E=["onMouseDown"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 N=(0,u.PA)((function EkTextViewer(e){var t=e.onMouseDown,n=(0,a.A)(e,E),r=(0,f.hV)(),l=(0,p.useState)(""),c=(0,o.A)(l,2),u=c[0],h=c[1],x=(0,p.useState)([]),b=(0,o.A)(x,2),j=b[0],m=b[1],g=function(){var e=(0,i.A)(s().mark((function _callee(){var e,t,n;return s().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:if(n=i.sent){i.next=5;break}return i.abrupt("return");case 5:h(null!==(e=n.getEKText())&&void 0!==e?e:""),m(null!==(t=n.SAPOrderLines)&&void 0!==t?t:[]);case 7:case"end":return i.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,p.useEffect)((function(){g()}),[r.settingsState.configChanged]),(0,C.jsx)("div",_objectSpread(_objectSpread({},n),{},{className:d()(n.className,P.E1),children:(0,C.jsxs)("div",{className:P.iE,children:[(0,C.jsx)("a",{className:P.wx,onMouseDown:t,children:"EkText Übersicht"}),!!j.length&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("h3",{children:"SapOrderLines"}),(0,C.jsxs)("table",{className:P.tp,children:[(0,C.jsx)("thead",{children:(0,C.jsxs)("tr",{className:P.fi,children:[(0,C.jsx)("th",{children:"Name"}),(0,C.jsx)("th",{children:"EkText"}),(0,C.jsx)("th",{children:"Preis"}),(0,C.jsx)("th",{children:"Artikle Nr."}),(0,C.jsx)("th",{children:"Retail Artikle Nr."}),(0,C.jsx)("th",{children:"Prefix"}),(0,C.jsx)("th",{children:"Menge"}),(0,C.jsx)("th",{children:"PosNr"})]})}),(0,C.jsx)("tbody",{children:j.map((function(e,t){var n;return(0,C.jsxs)("tr",{className:P.fi,children:[(0,C.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,C.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,C.jsx)("th",{}),(0,C.jsxs)("th",{children:[" ",null!==(n=e.Price)&&void 0!==n?n:0," "]}),(0,C.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,C.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,C.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,C.jsxs)("th",{children:[e.Quantity," "]}),(0,C.jsx)("th",{children:e.PosNr})]},t)}))})]})]}),(0,C.jsxs)("div",{children:[(0,C.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator.clipboard)||void 0===e?void 0:e.writeText(u)},children:"kopieren"}),(0,C.jsx)("div",{className:P.CF,dangerouslySetInnerHTML:{__html:u.replace(/\r\n/g,"<br>")}})]})]})}))}))},99645:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(13587),i=n(970),o=(n(41594),n(67430)),a=n(58035),l=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 s=(0,i.PA)((function J3DEditor(e){return(0,l.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},76162:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(13587),i=n(970),o=(n(41594),n(67430)),a=n(45221),l=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 s=(0,i.PA)((function JsonAnaylser(e){return(0,l.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"OPTIONSTATES",name:"Options States"},{key:"DECISIONS",name:"Decisions"},{key:"CONFIGTREE",name:"configtree"}],title:"Artikel Übersicht"}))}))},590:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(13587),i=n(36520),o=n(41594),a=n(25835),l=n.n(a),s=n(69120),c=n.n(s),d=n(91148),u=n.n(d),p=n(73035),f=n.n(p),h=n(24959),x=n.n(h),b=n(15004),j=n.n(b),m=n(33819),g={};g.styleTagTransform=j(),g.setAttributes=f(),g.insert=u().bind(null,"head"),g.domAPI=c(),g.insertStyleElement=x();l()(m.Ay,g);m.Ay&&m.Ay.locals&&m.Ay.locals;var y=n(970),v=n(72919),w=n.n(v),O=n(61840),S=n.n(O),A=n(5219),P=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 k=(0,y.PA)((function MaskEditor(e){var t,n=(0,A.hV)(),r=(0,o.useRef)(null),a=(0,o.useRef)(null),l=(0,o.useState)(!0),s=(0,i.A)(l,2),c=s[0],d=s[1],u=null===(t=n.divaWebPlanner.getCatalogData())||void 0===t?void 0:t.catalogMask,p=(0,o.useState)(null!=u?u:{}),f=(0,i.A)(p,2),h=f[0],x=(f[1],{mode:"code",onChange:function onChange(){try{var e=a.current,t=(e.get(),e.validate());d(t)}catch(e){return void d(!1)}}});(0,o.useEffect)((function(){r.current&&(a.current||(a.current=new(S())(r.current,x)),a.current&&a.current.set(h))}),[h]);return(0,P.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:w()(m.iE,e.className),children:["MaskEditor",(0,P.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,P.jsx)("div",{className:m._o,children:(0,P.jsx)("button",{className:m.x6,disabled:!c,onClick:function onClick(){return function onClickSave(){var e=a.current;if(e.get()&&0!==Object.keys(e.get()).length){var t=e.get(),r=n.divaWebPlanner.getCatalogData();r&&(r.catalogMask=t),n.divaWebPlanner.updateWebConfiguratorTitle(),n.paletteViewHandler.updateCurPaletteData(!0),n.uiState.setActiveCatalogSection("3D/2D"),n.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},70064:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var r=n(13587),i=n(84451),o=n(36520),a=n(23170),l=n(64281),s=n.n(l),c=n(41594),d=n(21002),u=n(66793),p=n(5219),f=n(970),h=n(72919),x=n.n(h),b=n(14488),j=n(82246),m=["onMouseDown"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function getPartlistArticles(e,t){for(var n in e.partlistArticles){var r=e.partlistArticles[n];if(r.hasPartlistArticle)t.push(y(r,!0)),t=getPartlistArticles(r,t);else{for(var i=!1,o=0;o<t.length;o++)if(r.articleCodex===t[o].articleCodex&&r.retailArticleNr===t[o].retailArticleNr&&r.retailPrefix===t[o].retailPrefix&&r.catalogCodex===t[o].catalogCodex){i=!0,t[o].quantity+=r.quantity;break}i||t.push(y(r))}}return t},y=function getPartlsitArticleObj(e,t){var n,r,i,o,a;return{name:(t?"Hülse: ":"")+e.posNr+" "+e.name,price:t?"---":e.price,retailArticleNr:null!==(n=e.retailArticleNr)&&void 0!==n?n:"",retailPrefix:null!==(r=e.retailPrefix)&&void 0!==r?r:"",quantity:e.quantity,ruleDesc:null!==(i=e.ruleDesc)&&void 0!==i?i:"",articleCodex:null!==(o=e.articleCodex)&&void 0!==o?o:"",catalogCodex:null!==(a=e.catalogCodex)&&void 0!==a?a:"",codex:e.articleCodex,rule:e.partlistRule&&e.partListParentArticle?b.DivaUtils.getRuleDescription(e.partlistRule,e.partListParentArticle.articleOptionStates,e.set.api.ruleDescSeperator()):""}};const v=(0,f.PA)((function PartList(e){var t=e.onMouseDown,n=(0,a.A)(e,m),r=(0,p.hV)(),l=r.divaWebPlanner.getDivaArticles(),f=(0,c.useState)(!1),h=(0,o.A)(f,2),y=h[0],v=h[1];(0,c.useEffect)((function(){var e=function(){var e=(0,i.A)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,b.DivaUtils.Sleep(1e3);case 2:v(!y);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[r.settingsState.configChanged]);var w=[];for(var O in l)w=g(l[O],w);return(0,j.jsxs)("div",_objectSpread(_objectSpread({},n),{},{className:x()(n.className,u.E1,r.uiState.configSettingsIsExpanded?d.Po:void 0),children:[(0,j.jsx)("a",{className:u.wx,onMouseDown:t,children:"Stücklisten Übersicht"}),(0,j.jsxs)("table",{className:u.tp,children:[(0,j.jsx)("thead",{children:(0,j.jsxs)("tr",{className:u.fi,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)("tbody",{children:Object.values(w).map((function(e,t){var n;return(0,j.jsxs)("tr",{className:u.fi,children:[(0,j.jsxs)("th",{children:[" ",e.name]}),(0,j.jsxs)("th",{children:[e.articleCodex," "]}),(0,j.jsxs)("th",{children:[e.catalogCodex," "]}),(0,j.jsxs)("th",{children:[" ",null!==(n=e.price)&&void 0!==n?n:0," "]}),(0,j.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,j.jsxs)("th",{children:[e.retailPrefix," "]}),(0,j.jsxs)("th",{children:[e.quantity," "]}),(0,j.jsx)("th",{children:e.rule})]},e.articleCodex+e.retailArticleNr)}))})]})]}))}))},10048:(e,t,n)=>{n.r(t),n.d(t,{default:()=>M});var r=n(13587),i=n(84451),o=n(36520),a=n(32134),l=n(64281),s=n.n(l),c=n(41594),d=n(21002),u=n(25835),p=n.n(u),f=n(69120),h=n.n(f),x=n(91148),b=n.n(x),j=n(73035),m=n.n(j),g=n(24959),y=n.n(g),v=n(15004),w=n.n(v),O=n(20129),S={};S.styleTagTransform=w(),S.setAttributes=m(),S.insert=b().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=y();p()(O.Ay,S);O.Ay&&O.Ay.locals&&O.Ay.locals;var A=n(5219),P=n(970),k=n(72919),C=n.n(k),E=n(14488),N=n(24435),_=n.n(N),D=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function getPartlistArticles(e,t){for(var n,r=null===(n=e.catalogArticle.partlistArticlesRules)||void 0===n?void 0:n[0].PartListPos,i=function _loop(){var n=r[o],i=e.decisions.find((function(e){return Number(e.Number)===Number(n.PartListPosDecisionsAndPosCounts[0].DecisionNumber)}));t.push({codex:n.ItemRefArticles[0].ArticleCodex,doc:null==i?void 0:i.DOC})},o=0;o<(null===(a=null!=r?r:[])||void 0===a?void 0:a.length);o++){var a;i()}return t};const M=(0,P.PA)((function PartListAnalyzer(e){var t=Object.assign({},((0,a.A)(e),e)),n=(0,A.hV)(),r=n.divaWebPlanner.getDivaArticles(),l=(0,c.useState)(!1),u=(0,o.A)(l,2),p=u[0],f=u[1];(0,c.useEffect)((function(){var e=function(){var e=(0,i.A)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,E.DivaUtils.Sleep(1e3);case 2:f(!p);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[n.tabGroupState.allTabGroups]);var h=[];for(var x in r)h=T(r[x],h);return(0,D.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:C()(t.className,O.E1,n.uiState.configSettingsIsExpanded?d.Po:void 0),children:[(0,D.jsx)("a",{className:O.wx,children:"Stücklisten Übersicht"}),(0,D.jsx)("div",{children:(0,D.jsxs)("table",{className:O.tp,children:[(0,D.jsx)("thead",{children:(0,D.jsxs)("tr",{className:O.fi,children:[(0,D.jsx)("th",{children:"codex"}),(0,D.jsx)("th",{children:"decision"})]})}),(0,D.jsx)("tbody",{children:Object.values(h).map((function(e,t){return(0,D.jsxs)("tr",{className:O.fi,children:[(0,D.jsxs)("th",{children:[" ",e.codex]}),(0,D.jsx)("th",{children:(0,D.jsx)(_(),{collapseStringsAfterLength:!1,enableClipboard:!1,collapsed:1,displayDataTypes:!1,displayObjectSize:!1,shouldCollapse:!1,theme:"ashes",src:e.dec},n.settingsState.configChanged)})]},t)}))})]})})]}))}))},72731:(e,t,n)=>{n.r(t),n.d(t,{default:()=>S});var r=n(13587),i=n(72919),o=n.n(i),a=n(5219),l=n(41594),s=n(25835),c=n.n(s),d=n(69120),u=n.n(d),p=n(91148),f=n.n(p),h=n(73035),x=n.n(h),b=n(24959),j=n.n(b),m=n(15004),g=n.n(m),y=n(41544),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=f().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=j();c()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var w=n(970),O=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 S=(0,w.PA)((function RTVAnalyzer(e){var t=(0,a.hV)().rtvAnalyzeData,n=(0,l.useRef)(),r=0,i=0,s=0;t.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:s+=e.sizeMb)}));var c=t.filter((function(e){return e.active})).sort((function(e,t){return t.sizeMb-e.sizeMb}));return c=c.map((function(e){var t;return null!==(t=n.current)&&void 0!==t&&t.find((function(t){return e.name==t.name&&1==t.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),n.current=c,(0,O.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:o()(e.className,y.E1),children:(0,O.jsxs)("div",{className:y.iE,children:[(0,O.jsx)("a",{className:y.wx,children:"RTV Analyzer"}),(0,O.jsx)("div",{className:y.kL,children:(0,O.jsxs)("table",{className:y.lS,children:[(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{children:"Art"}),(0,O.jsx)("th",{children:"Name"}),(0,O.jsx)("th",{children:"Pfad"}),(0,O.jsx)("th",{children:"Geos (std mat)"}),(0,O.jsx)("th",{children:"Größe (MB | %)"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Geo Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Tex Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*s)/100+"mb | "+Math.round(s/r*100)+"%"})]}),c.map((function(e){return(0,O.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,O.jsx)("td",{children:e.type}),(0,O.jsx)("td",{children:e.name}),(0,O.jsx)("td",{children:(0,O.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,O.jsx)("td",{children:e.geo}),(0,O.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},77905:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var r=n(13587),i=n(32134),o=n(970),a=n(41594),l=n(3143),s=n(45489),c=n(16230),d=n(5219),u=n(70064),p=n(590),f=n(76162),h=n(83864),x=n(21002),b=n(35698),j=n(39577),m=n(10048),g=n(72731),y=n(99645),v=n(43279),w=n(82246);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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,r.A)(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 O=(0,o.PA)((function CatalogProduct(e){var t=Object.assign({},((0,i.A)(e),e)),n=(0,d.hV)();if((0,a.useEffect)((function(){switch(n.uiState.activeCatalogSection){case"Options":n.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"PartListAnalyzer":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"MaskEditor":n.uiState.setConfigSettingsIsExpanded(!1)}}),[n.uiState.activeCatalogSection]),(0,a.useEffect)((function(){n.getIsInMobileView()&&n.uiState.setActiveCatalogSection("3D/2D")}),[]),n.uiState.isLoading)return(0,a.createElement)(l.default,_objectSpread(_objectSpread({},t),{},{key:"product"}));var r=void 0,o=t.className+" "+x.p_;switch(n.uiState.activeCatalogSection){case"Options":r=(0,w.jsx)(c.default,_objectSpread(_objectSpread({},t),{},{style:{zIndex:700}}));break;case"PartList":r=(0,w.jsx)(u.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"PartListAnalyzer":r=(0,w.jsx)(m.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"Artikelübersicht":r=(0,w.jsx)(f.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"SVGübersicht":r=(0,w.jsx)(h.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"ekText":r=(0,w.jsx)(b.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"CatalogMakeup":r=(0,w.jsx)(j.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"RTVAnalyzer":r=(0,w.jsx)(g.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"J3DEditor":r=(0,w.jsx)(y.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"PropertiesEditor":r=(0,w.jsx)(v.default,_objectSpread(_objectSpread({},t),{},{className:o}));break;case"MaskEditor":r=(0,w.jsx)(p.default,_objectSpread(_objectSpread({},t),{},{className:o}))}return"3D/2D"===n.uiState.activeCatalogSection||n.divaWebPlanner?(0,w.jsxs)(w.Fragment,{children:[!n.uiState.isInMobileView&&(0,w.jsx)(s.default,_objectSpread(_objectSpread({},t),{},{currentWindowActive:n.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),n.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(l.default,_objectSpread(_objectSpread({},t),{},{style:{boxSizing:"border-box",borderLeft:n.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),r]}):(0,w.jsx)(w.Fragment,{})}))},87279:(e,t,n)=>{n.d(t,{Ay:()=>u,QR:()=>c,iE:()=>l,kb:()=>d,x6:()=>s});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--FC32i {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Cd_Pg {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--T7TTH {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--w34AY {\n  font-size: 10px;\n}\n",""]);var l="index-module--FC32i",s="index-module--Cd_Pg",c="index-module--T7TTH",d="index-module--w34AY";const u=a},88123:(e,t,n)=>{n.d(t,{A5:()=>s,Ay:()=>d,Vu:()=>c,iE:()=>l});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--RZMjm",s="index-module--nuzKL",c="index-module--_W5z6";const d=a},11174:(e,t,n)=>{n.d(t,{Ay:()=>u,E1:()=>s,iE:()=>l,kL:()=>d,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--OXsvI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--wCd9S {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--xMg1v {\n  height: 8%;\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}\n.index-module--n18kE {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var l="index-module--OXsvI",s="index-module--wCd9S",c="index-module--xMg1v",d="index-module--n18kE";const u=a},82259:(e,t,n)=>{n.d(t,{Ay:()=>f,CF:()=>d,E1:()=>s,fi:()=>p,iE:()=>l,tp:()=>u,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--dRXZF {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--nxGxd {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--wUBhb {\n  height: 8%;\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}\n\n.index-module--dgdvz {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--WeiLi {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--WeiLi thead {\n  font-weight: bold !important;\n}\n.index-module--WeiLi thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--FTKe7 {\n  text-align: left;\n}\n.index-module--FTKe7:first-child {\n  height: 20px;\n}\n.index-module--FTKe7 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--FTKe7 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--FTKe7 th:last-child {\n  font-size: 12px;\n}\n",""]);var l="index-module--dRXZF",s="index-module--nxGxd",c="index-module--wUBhb",d="index-module--dgdvz",u="index-module--WeiLi",p="index-module--FTKe7";const f=a},33819:(e,t,n)=>{n.d(t,{Ay:()=>d,_o:()=>s,iE:()=>l,x6:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--db7AA {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--n_GHQ {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--MM9bt {\n}\n",""]);var l="index-module--db7AA",s="index-module--n_GHQ",c="index-module--MM9bt";const d=a},20129:(e,t,n)=>{n.d(t,{Ay:()=>u,E1:()=>c,fi:()=>s,tp:()=>l,wx:()=>d});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--EFTYs {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n}\n.index-module--EFTYs thead {\n  font-weight: bold !important;\n}\n.index-module--EFTYs 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--XSqA6 {\n  text-align: left;\n}\n.index-module--XSqA6:first-child {\n  height: 20px;\n}\n.index-module--XSqA6 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--XSqA6 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--XSqA6 th:last-child {\n  font-size: 12px;\n}\n.index-module--B5etX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--FPRsY {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n",""]);var l="index-module--EFTYs",s="index-module--XSqA6",c="index-module--B5etX",d="index-module--FPRsY";const u=a},41544:(e,t,n)=>{n.d(t,{Ay:()=>p,E1:()=>s,iE:()=>l,kL:()=>d,lS:()=>u,wx:()=>c});var r=n(38634),i=n.n(r),o=n(92083),a=n.n(o)()(i());a.push([e.id,".index-module--yKYbn {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--TqDiy {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--zwPeY {\n  height: 8%;\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}\n.index-module--LZ4JN {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--WJf0h td,\n.index-module--WJf0h th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--WJf0h tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var l="index-module--yKYbn",s="index-module--TqDiy",c="index-module--zwPeY",d="index-module--LZ4JN",u="index-module--WJf0h";const p=a},65721:(e,t,n)=>{n.d(t,{A5:()=>x.A5,Vu:()=>x.Vu,iE:()=>x.iE});var r=n(25835),i=n.n(r),o=n(69120),a=n.n(o),l=n(91148),s=n.n(l),c=n(73035),d=n.n(c),u=n(24959),p=n.n(u),f=n(15004),h=n.n(f),x=n(88123),b={};b.styleTagTransform=h(),b.setAttributes=d(),b.insert=s().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();i()(x.Ay,b),x.Ay&&x.Ay.locals&&x.Ay.locals}}]);