npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.3.0-beta.6 → 26.3.0-beta.8 - Mend

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

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

Files changed (598) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8539.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8539,7446,6538,4301,8291],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,v,O){if(O!==C){var j=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 j.name="Invariant Violation",j}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),x=y.n(C),v=y(0),O=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(C,arguments,x)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var j=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,j=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,w=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,_="".concat(w,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(w,"__contentOuter ").concat(P),I="".concat(w,"__contentInner ").concat(S);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(j,l({id:this.triggerId,className:_.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:I.trim()},T)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);j.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},j.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=j}]))},76538:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var C=y(34988),x=y(9420),v=y(87363),O=y(47514);const j=(0,x.Pi)((function CodexTester(r){var m=r.article,y=(0,v.useState)(""),x=(0,C.Z)(y,2),j=x[0],T=x[1],N=(0,v.useState)(""),w=(0,C.Z)(N,2),P=w[0],S=w[1];return(0,O.jsxs)("div",{children:[(0,O.jsx)("a",{children:"Codex Tester:"}),(0,O.jsx)("input",{type:"text",value:j,onChange:function onChange(r){return T(r.target.value)},style:{width:"calc(100% - 10px)"}}),(0,O.jsx)("button",{onClick:function onClick(){return S(m.convertTemplateToCodex(j))},children:"Test"}),(0,O.jsx)("div",{children:P})]})}))},14301:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>B});var C=y(12952),x=(y(87363),y(9420)),v=y(93379),O=y.n(v),j=y(7795),T=y.n(j),N=y(90569),w=y.n(N),P=y(3565),S=y.n(P),_=y(19216),k=y.n(_),E=y(44589),I=y.n(E),R=y(39252),D={};D.styleTagTransform=I(),D.setAttributes=S(),D.insert=w().bind(null,"head"),D.domAPI=T(),D.insertStyleElement=k();O()(R.ZP,D);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(57446),A=y.n(W),Z=y(76538),H=y(47514);const B=(0,x.Pi)((function Article(r){var m=r.article,y=(0,C.Z)(m.articleOptionStates.values()).filter((function(r){return r.option.name.startsWith("ArtikelnummerStelle")})).sort((function(r,m){return r.option.name.localeCompare(m.option.name)})),x=m.CatalogData.useDiomexConfigLogic,v=y.filter((function(r){var m;return!(null!==(m=r.valCodex)&&void 0!==m&&m.endsWith("_NO_VALUE"))}));return(0,H.jsx)(A(),{trigger:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" >>"}),triggerWhenOpen:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" <<"}),children:(0,H.jsxs)("div",{className:R.ee,children:[(0,H.jsx)("a",{children:"ArtNr:"}),(0,H.jsx)("a",{className:R.t$,children:m.configArticleCodex}),(0,H.jsx)("br",{}),m.configArticleCodex!=m.articleCodex&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:"ArtCodex:"}),(0,H.jsx)("a",{className:R.t$,children:m.articleCodex})]}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Name:"}),(0,H.jsx)("a",{className:R.t$,children:m.catalogArticleName}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Maße:"}),(0,H.jsx)("a",{className:R.t$,children:m.actSizeText}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Bestell-Nr:"}),(0,H.jsx)("a",{className:R.t$,children:m.retailArticleNr||m.typeNr}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Modell:"}),(0,H.jsx)("a",{className:R.t$,children:m.CatalogData.catalogName+" ("+m.catalogCodex+")"}),(0,H.jsx)("hr",{}),(0,H.jsx)(Z.default,{article:m}),(0,H.jsx)("hr",{}),x&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{}),v.map((function(r){var m;return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.option.name}),(0,H.jsx)("a",{className:R.t$,children:null===(m=r.val)||void 0===m?void 0:m.name}),(0,H.jsx)("hr",{})]})})),(0,H.jsx)("hr",{})]}),(0,H.jsx)(A(),{trigger:(0,H.jsxs)("div",{children:["Varianten >>"," "]}),triggerWhenOpen:"Varianten <<",children:m.getVariantBasketData().map((function(r){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.OPTName+" ("+r.OPT+")"}),(0,H.jsx)("a",{className:R.t$,children:r.OPVName+" ("+r.OPV+")"}),(0,H.jsx)("hr",{})]})}))}),(0,H.jsx)("hr",{})]})})}))},78539:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>N});var C=y(12952),x=y(88291),v=(y(87363),y(9420)),O=y(8135),j=y(14301),T=y(47514);const N=(0,v.Pi)((function ProduktDetails(r){Object.assign({},((0,x.Z)(r),r));var m,y=(0,O.NP)(),v=y.divaWebPlanner.getDivaArticles();if(!v)return(0,T.jsx)(T.Fragment,{});var N=null!==(m=v[y.settingsState.getSelectedBasketIds[0]])&&void 0!==m?m:v[Object.keys(v)[0]];return(0,T.jsx)(T.Fragment,{children:[N].concat((0,C.Z)(Object.values(N.partlistArticles))).map((function(r,m){return(0,T.jsx)(j.default,{article:r},m)}))})}))},39252:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,ee:()=>j,t$:()=>T});var C=y(8081),x=y.n(C),v=y(23645),O=y.n(v)()(x());O.push([r.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var j="index-module--nHwhq",T="index-module--bZ29w";const N=O},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8539,6538,4301,8291,58],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,v,O){if(O!==C){var j=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 j.name="Invariant Violation",j}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),x=y.n(C),v=y(0),O=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(C,arguments,x)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var j=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,j=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,w=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,_="".concat(w,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(w,"__contentOuter ").concat(P),I="".concat(w,"__contentInner ").concat(S);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(j,l({id:this.triggerId,className:_.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:I.trim()},T)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);j.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},j.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=j}]))},76538:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var C=y(34988),x=y(9420),v=y(87363),O=y(47514);const j=(0,x.Pi)((function CodexTester(r){var m=r.article,y=(0,v.useState)(""),x=(0,C.Z)(y,2),j=x[0],T=x[1],N=(0,v.useState)(""),w=(0,C.Z)(N,2),P=w[0],S=w[1];return(0,O.jsxs)("div",{children:[(0,O.jsx)("a",{children:"Codex Tester:"}),(0,O.jsx)("input",{type:"text",value:j,onChange:function onChange(r){return T(r.target.value)},style:{width:"calc(100% - 10px)"}}),(0,O.jsx)("button",{onClick:function onClick(){return S(m.convertTemplateToCodex(j))},children:"Test"}),(0,O.jsx)("div",{children:P})]})}))},14301:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>B});var C=y(12952),x=(y(87363),y(9420)),v=y(93379),O=y.n(v),j=y(7795),T=y.n(j),N=y(90569),w=y.n(N),P=y(3565),S=y.n(P),_=y(19216),k=y.n(_),E=y(44589),I=y.n(E),R=y(39252),D={};D.styleTagTransform=I(),D.setAttributes=S(),D.insert=w().bind(null,"head"),D.domAPI=T(),D.insertStyleElement=k();O()(R.ZP,D);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(57446),A=y.n(W),Z=y(76538),H=y(47514);const B=(0,x.Pi)((function Article(r){var m=r.article,y=(0,C.Z)(m.articleOptionStates.values()).filter((function(r){return r.option.name.startsWith("ArtikelnummerStelle")})).sort((function(r,m){return r.option.name.localeCompare(m.option.name)})),x=m.CatalogData.useDiomexConfigLogic,v=y.filter((function(r){var m;return!(null!==(m=r.valCodex)&&void 0!==m&&m.endsWith("_NO_VALUE"))}));return(0,H.jsx)(A(),{trigger:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" >>"}),triggerWhenOpen:(0,H.jsx)("div",{className:R.ee,children:m.posNr+" - "+m.name+" <<"}),children:(0,H.jsxs)("div",{className:R.ee,children:[(0,H.jsx)("a",{children:"ArtNr:"}),(0,H.jsx)("a",{className:R.t$,children:m.configArticleCodex}),(0,H.jsx)("br",{}),m.configArticleCodex!=m.articleCodex&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:"ArtCodex:"}),(0,H.jsx)("a",{className:R.t$,children:m.articleCodex})]}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Name:"}),(0,H.jsx)("a",{className:R.t$,children:m.catalogArticleName}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Maße:"}),(0,H.jsx)("a",{className:R.t$,children:m.actSizeText}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Bestell-Nr:"}),(0,H.jsx)("a",{className:R.t$,children:m.retailArticleNr||m.typeNr}),(0,H.jsx)("hr",{}),(0,H.jsx)("a",{children:"Modell:"}),(0,H.jsx)("a",{className:R.t$,children:m.CatalogData.catalogName+" ("+m.catalogCodex+")"}),(0,H.jsx)("hr",{}),(0,H.jsx)(Z.default,{article:m}),(0,H.jsx)("hr",{}),x&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{})," ",(0,H.jsx)("hr",{}),v.map((function(r){var m;return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.option.name}),(0,H.jsx)("a",{className:R.t$,children:null===(m=r.val)||void 0===m?void 0:m.name}),(0,H.jsx)("hr",{})]})})),(0,H.jsx)("hr",{})]}),(0,H.jsx)(A(),{trigger:(0,H.jsxs)("div",{children:["Varianten >>"," "]}),triggerWhenOpen:"Varianten <<",children:m.getVariantBasketData().map((function(r){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("a",{children:r.OPTName+" ("+r.OPT+")"}),(0,H.jsx)("a",{className:R.t$,children:r.OPVName+" ("+r.OPV+")"}),(0,H.jsx)("hr",{})]})}))}),(0,H.jsx)("hr",{})]})})}))},78539:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>N});var C=y(12952),x=y(88291),v=(y(87363),y(9420)),O=y(63762),j=y(14301),T=y(47514);const N=(0,v.Pi)((function ProduktDetails(r){Object.assign({},((0,x.Z)(r),r));var m,y=(0,O.NP)(),v=y.divaWebPlanner.getDivaArticles();if(!v)return(0,T.jsx)(T.Fragment,{});var N=null!==(m=v[y.settingsState.getSelectedBasketIds[0]])&&void 0!==m?m:v[Object.keys(v)[0]];return(0,T.jsx)(T.Fragment,{children:[N].concat((0,C.Z)(Object.values(N.partlistArticles))).map((function(r,m){return(0,T.jsx)(j.default,{article:r},m)}))})}))},39252:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,ee:()=>j,t$:()=>T});var C=y(8081),x=y.n(C),v=y(23645),O=y.n(v)()(x());O.push([r.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var j="index-module--nHwhq",T="index-module--bZ29w";const N=O},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8544.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8544],{98544:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),C=t(93379),o=t.n(C),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),r=t(3565),x=t.n(r),m=t(19216),c=t.n(m),u=t(44589),h=t.n(u),f=t(23240),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=c();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var p=t(87363),g=t(8135),w=t(65515),j=t.n(w),I=t(9420),S=t(47514);const Z=(0,I.Pi)((function InfoIcon(n){var e,t,C,o=n.item,l=n.style,d=(0,g.NP)(),s=o.contentItemId,a=null!==(e=null!==(t=null!==(C=o.codex)&&void 0!==C?C:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==e?e:o.key,r=(0,p.useState)(!1),x=(0,i.Z)(r,2),m=x[0],c=x[1],u=o.sel||m;if((0,p.useEffect)((function(){var n=d.settingsState.contentItemVisible&&d.settingsState.contentItemId==s&&a==d.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[d.settingsState.contentItemVisible,d.settingsState.contentItemId,d.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=d.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||u}()?(0,S.jsx)("div",{className:f.um,onClick:function onClick(n){d.settingsState.onClickContentItemId(s,a),c(d.settingsState.contentItemVisible&&d.settingsState.contentItemId==s),n.stopPropagation()},style:l,children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.hv,u?void 0:f.al,m?f.FJ:void 0),children:(0,S.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,S.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,S.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,S.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,S.jsx)("div",{className:j()(f.dA,u?f.al:void 0),children:(0,S.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,S.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,S.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,S.jsx)(S.Fragment,{})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>x,Oq:()=>r,ZP:()=>u,al:()=>c,dA:()=>a,fL:()=>m,hv:()=>s,um:()=>d});var i=t(8081),C=t.n(i),o=t(23645),l=t.n(o)()(C());l.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var d="index-module--CjCgr",s="index-module--C9QBx",a="index-module--a2wqn",r="index-module--fLFjU",x="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8544],{98544:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),C=t(93379),o=t.n(C),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),r=t(3565),x=t.n(r),m=t(19216),c=t.n(m),u=t(44589),h=t.n(u),f=t(23240),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=c();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var p=t(87363),g=t(63762),w=t(65515),j=t.n(w),I=t(9420),S=t(47514);const Z=(0,I.Pi)((function InfoIcon(n){var e,t,C,o=n.item,l=n.style,d=(0,g.NP)(),s=o.contentItemId,a=null!==(e=null!==(t=null!==(C=o.codex)&&void 0!==C?C:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==e?e:o.key,r=(0,p.useState)(!1),x=(0,i.Z)(r,2),m=x[0],c=x[1],u=o.sel||m;if((0,p.useEffect)((function(){var n=d.settingsState.contentItemVisible&&d.settingsState.contentItemId==s&&a==d.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[d.settingsState.contentItemVisible,d.settingsState.contentItemId,d.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=d.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||u}()?(0,S.jsx)("div",{className:f.um,onClick:function onClick(n){d.settingsState.onClickContentItemId(s,a),c(d.settingsState.contentItemVisible&&d.settingsState.contentItemId==s),n.stopPropagation()},style:l,children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.hv,u?void 0:f.al,m?f.FJ:void 0),children:(0,S.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,S.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,S.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,S.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,S.jsx)("div",{className:j()(f.dA,u?f.al:void 0),children:(0,S.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,S.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,S.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,S.jsx)(S.Fragment,{})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>x,Oq:()=>r,ZP:()=>u,al:()=>c,dA:()=>a,fL:()=>m,hv:()=>s,um:()=>d});var i=t(8081),C=t.n(i),o=t(23645),l=t.n(o)()(C());l.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var d="index-module--CjCgr",s="index-module--C9QBx",a="index-module--a2wqn",r="index-module--fLFjU",x="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const u=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 858.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),r=o(87363),i=o(8135),a=o(47514),c=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,r.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],g=(0,i.NP)(),v=(0,i._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var P=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onTouchMove:function onTouchMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onMouseUp:function onMouseUp(n){p||d||P(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||P(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(12952),u=o(8135),l=o(9420),s=(o(87363),o(26871)),r=o(46881),i=o(47514);const a=(0,l.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),l=o.getItems(),a=o.getItemsOutline3D();return(0,i.jsxs)(i.Fragment,{children:[(0,t.Z)(l.keys()).map((function(n){return(0,t.Z)(l.get(n).keys()).map((function(o){return(0,i.jsx)(r.default,{plannerUIProps:e,items:l.get(n).get(o)},n+"_"+o)}))})),(0,i.jsx)(s.default,{items:a,plannerUIProps:e})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),r=o(87363),i=o(63762),a=o(47514),c=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,r.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],g=(0,i.NP)(),v=(0,i._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var P=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onTouchMove:function onTouchMove(n){!c&&!g.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||p||f(!0)},onMouseUp:function onMouseUp(n){p||d||P(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||P(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(12952),u=o(63762),l=o(9420),s=(o(87363),o(26871)),r=o(46881),i=o(47514);const a=(0,l.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),l=o.getItems(),a=o.getItemsOutline3D();return(0,i.jsxs)(i.Fragment,{children:[(0,t.Z)(l.keys()).map((function(n){return(0,t.Z)(l.get(n).keys()).map((function(o){return(0,i.jsx)(r.default,{plannerUIProps:e,items:l.get(n).get(o)},n+"_"+o)}))})),(0,i.jsx)(s.default,{items:a,plannerUIProps:e})]})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,6340,6135,8763,8544,1051,8657,8101,7197],{59698:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(t,i,o)=>{o.d(i,{Z:()=>createSvgIcon});var r=o(87363),a=o(87726),l=o(39916),d=o(22791),c=o(97843),u=o(80518),p=o(19596),f=o(14685),m=o(65734);function getSvgIconUtilityClass(t){return(0,m.ZP)("MuiSvgIcon",t)}(0,f.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var v=o(47514);const x=(0,c.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(t,i)=>{const{ownerState:o}=t;return[i.root,"inherit"!==o.color&&i[`color${(0,d.Z)(o.color)}`],i[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,u.Z)((({theme:t})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:t.transitions?.create?.("fill",{duration:(t.vars??t).transitions?.duration?.shorter}),variants:[{props:t=>!t.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:t.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:t.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:t.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((t.vars??t).palette).filter((([,t])=>t&&t.main)).map((([i])=>({props:{color:i},style:{color:(t.vars??t).palette?.[i]?.main}}))),{props:{color:"action"},style:{color:(t.vars??t).palette?.action?.active}},{props:{color:"disabled"},style:{color:(t.vars??t).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),g=r.forwardRef((function SvgIcon(t,i){const o=(0,p.i)({props:t,name:"MuiSvgIcon"}),{children:c,className:u,color:f="inherit",component:m="svg",fontSize:g="medium",htmlColor:C,inheritViewBox:b=!1,titleAccess:y,viewBox:w="0 0 24 24",...S}=o,P=r.isValidElement(c)&&"svg"===c.type,j={...o,color:f,component:m,fontSize:g,instanceFontSize:t.fontSize,inheritViewBox:b,viewBox:w,hasSvgAsChild:P},k={};b||(k.viewBox=w);const I=(t=>{const{color:i,fontSize:o,classes:r}=t,a={root:["root","inherit"!==i&&`color${(0,d.Z)(i)}`,`fontSize${(0,d.Z)(o)}`]};return(0,l.Z)(a,getSvgIconUtilityClass,r)})(j);return(0,v.jsxs)(x,{as:m,className:(0,a.Z)(I.root,u),focusable:"false",color:C,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:i,...k,...S,...P&&c.props,ownerState:j,children:[P?c.props.children:c,y?(0,v.jsx)("title",{children:y}):null]})}));g.muiName="SvgIcon";const C=g;function createSvgIcon(t,i){function Component(o,r){return(0,v.jsx)(C,{"data-testid":`${i}Icon`,ref:r,...o,children:t})}return Component.muiName=C.muiName,r.memo(r.forwardRef(Component))}},98544:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),f=o(3565),m=o.n(f),v=o(19216),x=o.n(v),g=o(44589),C=o.n(g),b=o(23240),y={};y.styleTagTransform=C(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=x();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=o(87363),S=o(8135),P=o(65515),j=o.n(P),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,S.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,f=(0,w.useState)(!1),m=(0,r.Z)(f,2),v=m[0],x=m[1],g=l.sel||v;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&v&&x(!1),t&&!v&&x(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),x(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:j()(b.hv,g?void 0:b.al,v?b.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:j()(b.dA,g?b.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},56340:(t,i,o)=>{o.r(i),o.d(i,{default:()=>f});var r=o(34988),a=o(88683),l=o(87363),d=o(7501),c=o(8135),u=o(9420),p=o(47514);const f=(0,u.Pi)((function PriceCounter(t){var i,o,u=t.price,f=t.formattingFn,m=t.duration,v=void 0===m?.5:m,x=(0,l.useState)(0),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,l.useState)(0),w=(0,r.Z)(y,2),S=w[0],P=w[1],j=(0,c.NP)();return(0,l.useEffect)((function(){b(u)}),[u]),(0,p.jsx)(d.ZP,{end:C,duration:v,decimals:null!==(i=null===(o=C.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==i?i:0,start:S,formattingFn:function formattingFn(t){return f?f(t):a.DivaUtils.formatPrice(t,j.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(8907),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(88683),j=o(8135),k=o(65515),I=o.n(k),N=o(56340),Z=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var F=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,Z.jsx)(Z.Fragment,{})},M=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,a=t.dontAnimatePrice,l=use(r),d=(0,j.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=l.price-l.origPrice;break;case"fromBasePrice":o=l.price-l.firstPrice}return(0,Z.jsxs)(Z.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,Z.jsx)(N.default,{price:o,duration:a?0:.45,formattingFn:function formattingFn(t){return(t<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(t),d.productState.getPriceFormatForCounter(t))}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const E=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,f=(0,P.useDivaCore)().state,m=f.hidePrices,v=f.hideConfigPricePreview,x=(0,j.NP)(),g=(0,l.useState)(p),C=(0,a.Z)(g,2),b=C[0],y=C[1];if(m||"off"==x.productState.pricePreview)return(0,Z.jsx)(Z.Fragment,{});if(c)return(0,Z.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2,w.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var S=v||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&u;return i?(i.promise.then((function(){b||y(!0)})),(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(F,{asyncPricePreview:i.isVisible,children:(0,Z.jsx)("div",{className:I()(w.aH,b&&!S?w.pn:void 0,x.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(M,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,Z.jsx)(Z.Fragment,{})}},68101:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(34988),a=o(87363),l=o(65515),d=o.n(l),c=o(59698),u=o(45167),p=o(88683),f=o(8135),m=o(93379),v=o.n(m),x=o(7795),g=o.n(x),C=o(90569),b=o.n(C),y=o(3565),w=o.n(y),S=o(19216),P=o.n(S),j=o(44589),k=o.n(j),I=o(8441),N={};N.styleTagTransform=k(),N.setAttributes=w(),N.insert=b().bind(null,"head"),N.domAPI=g(),N.insertStyleElement=P();v()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var Z=o(70178),F=o(47514),M=(0,p.getLogger)("Planner","ReverseCheck");const E=function ReverseCheck(t){var i=t.item,o=t.paletteId,l=(0,f.NP)(),m=(0,p.useTranslation)().t,v=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,x=(0,a.useState)(null),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,a.useState)(!1),w=(0,r.Z)(y,2),S=w[0],P=w[1];(0,a.useEffect)((function(){var t=!0;return v?(P(!0),v.promise.then((function(i){t&&b(i.reversingCheck)})).catch((function(t){M.error(new Z.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&P(!1)}))):b(null),function(){t=!1}}),[v]);return v?S?(0,F.jsx)("div",{className:d()(I.Nh,I.V_),children:(0,F.jsx)("div",{className:I.lY})}):C&&C.hasReversingChanges?"BLOCK"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.IN,I.A4),onClick:function handleBlockedClick(t){var i;t.stopPropagation();var o=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(i=l.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,F.jsx)(c.Z,{className:I.tL,id:"blocked-icon"})}):"WARN"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var a=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:a}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(i,void 0,o)}})},children:(0,F.jsx)(u.Z,{className:I.tO})}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{})}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(75581),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const j=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,v=t.width,x=void 0===v?80:v,g=t.handleDiameter,C=void 0===g?32:g,b=t.toggleTextClassName,y=void 0===b?w.f6:b,S=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,P.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,P.jsx)("div",{className:a()(y),id:"yes",children:c}):(0,P.jsx)(P.Fragment,{}),uncheckedIcon:u?(0,P.jsx)("div",{className:a()(y),id:"no",children:u}):(0,P.jsx)(P.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:S,offColor:p?S:"#CACACA",height:m,width:x,handleDiameter:C})}},88584:(t,i,o)=>{o.r(i),o.d(i,{default:()=>b});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(8135),c=o(98763),u=o(9420),p=o(88683),f=o(70178),m=o(98544),v=o(48657),x=o(68101),g=o(47514),C=(0,p.getLogger)("Planner","ToggleOption");const b=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,b=t.style,y=(0,d.NP)(),w=u.groups[0].items;if(!w)return(0,g.jsx)(g.Fragment,{});for(var S=0;S<w.length;S++){var P,j;null!==(P=w[S].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[S]),null!==(j=w[S].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[S])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return C.error(new f.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,g.jsx)(g.Fragment,{});var k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,g.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:b,children:[(0,g.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,g.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,g.jsx)(c.default,{onChange:function onChange(){y.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text}),void 0!==o.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"}),void 0!==o.checkForReversingChanges&&(0,g.jsx)(x.default,{item:o,paletteId:p})]}),k&&(0,g.jsx)(m.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"20px"}},u.configStepKey)]})}))},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>g,al:()=>x,dA:()=>p,fL:()=>v,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",v="index-module--FaRqp",x="index-module--oBSZj";const g=d},8907:(t,i,o)=>{o.d(i,{F2:()=>f,ZP:()=>v,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",f="index-module--kN6Sz",m="index-module--bd6dC";const v=d},8441:(t,i,o)=>{o.d(i,{A4:()=>p,IN:()=>u,J9:()=>g,Nh:()=>c,V_:()=>f,ZP:()=>C,lY:()=>m,tL:()=>v,tO:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",f="index-module--CTeV9",m="index-module--j1YrR",v="index-module--bG0Fi",x="index-module--Ej4oh",g="index-module--lFAqA";const C=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>g,eR:()=>u,pA:()=>x,u2:()=>v});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",v="index-module--z1OwD",x="index-module--PkMF3";const g=d},550:(t,i,o)=>{o.d(i,{Fl:()=>C.Fl,O7:()=>C.O7,TN:()=>C.TN,ZN:()=>C.ZN,eR:()=>C.eR,pA:()=>C.pA,u2:()=>C.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),v=o.n(m),x=o(44589),g=o.n(x),C=o(43078),b={};b.styleTagTransform=g(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=v();a()(C.ZP,b),C.ZP&&C.ZP.locals&&C.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,v=t.uncheckedHandleIcon,x=t.boxShadow,g=t.activeBoxShadow,C=t.height,b=t.width,y=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),S=this.state,P=S.h,j=S.U,k=S.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:C/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:C,width:b,margin:Math.max(0,(this.t-C)/2),position:"relative",background:e(P,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:C/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},Z={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"relative",opacity:(P-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},F={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"absolute",opacity:1-(P-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(P,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+P+"px)",top:Math.max(0,(C-this.t)/2),outline:0,boxShadow:k?g:x,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},O={height:this.t,width:this.t,opacity:Math.max(2*((P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:Z},p),f&&r.createElement("div",{style:F},f)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},v&&r.createElement("div",{style:E},v),m&&r.createElement("div",{style:O},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,6340,6135,8763,8544,1051,8657,8101,7197],{59698:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(t,i,o)=>{o.d(i,{Z:()=>l});var r=o(96177),a=o(47514);const l=(0,r.Z)((0,a.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(t,i,o)=>{o.d(i,{Z:()=>createSvgIcon});var r=o(87363),a=o(87726),l=o(39916),d=o(22791),c=o(97843),u=o(80518),p=o(19596),f=o(14685),m=o(65734);function getSvgIconUtilityClass(t){return(0,m.ZP)("MuiSvgIcon",t)}(0,f.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var v=o(47514);const x=(0,c.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(t,i)=>{const{ownerState:o}=t;return[i.root,"inherit"!==o.color&&i[`color${(0,d.Z)(o.color)}`],i[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,u.Z)((({theme:t})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:t.transitions?.create?.("fill",{duration:(t.vars??t).transitions?.duration?.shorter}),variants:[{props:t=>!t.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:t.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:t.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:t.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((t.vars??t).palette).filter((([,t])=>t&&t.main)).map((([i])=>({props:{color:i},style:{color:(t.vars??t).palette?.[i]?.main}}))),{props:{color:"action"},style:{color:(t.vars??t).palette?.action?.active}},{props:{color:"disabled"},style:{color:(t.vars??t).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),g=r.forwardRef((function SvgIcon(t,i){const o=(0,p.i)({props:t,name:"MuiSvgIcon"}),{children:c,className:u,color:f="inherit",component:m="svg",fontSize:g="medium",htmlColor:C,inheritViewBox:b=!1,titleAccess:y,viewBox:w="0 0 24 24",...S}=o,P=r.isValidElement(c)&&"svg"===c.type,j={...o,color:f,component:m,fontSize:g,instanceFontSize:t.fontSize,inheritViewBox:b,viewBox:w,hasSvgAsChild:P},k={};b||(k.viewBox=w);const I=(t=>{const{color:i,fontSize:o,classes:r}=t,a={root:["root","inherit"!==i&&`color${(0,d.Z)(i)}`,`fontSize${(0,d.Z)(o)}`]};return(0,l.Z)(a,getSvgIconUtilityClass,r)})(j);return(0,v.jsxs)(x,{as:m,className:(0,a.Z)(I.root,u),focusable:"false",color:C,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:i,...k,...S,...P&&c.props,ownerState:j,children:[P?c.props.children:c,y?(0,v.jsx)("title",{children:y}):null]})}));g.muiName="SvgIcon";const C=g;function createSvgIcon(t,i){function Component(o,r){return(0,v.jsx)(C,{"data-testid":`${i}Icon`,ref:r,...o,children:t})}return Component.muiName=C.muiName,r.memo(r.forwardRef(Component))}},98544:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),f=o(3565),m=o.n(f),v=o(19216),x=o.n(v),g=o(44589),C=o.n(g),b=o(23240),y={};y.styleTagTransform=C(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=x();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=o(87363),S=o(63762),P=o(65515),j=o.n(P),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,S.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,f=(0,w.useState)(!1),m=(0,r.Z)(f,2),v=m[0],x=m[1],g=l.sel||v;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&v&&x(!1),t&&!v&&x(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),x(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:j()(b.hv,g?void 0:b.al,v?b.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:j()(b.dA,g?b.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},56340:(t,i,o)=>{o.r(i),o.d(i,{default:()=>f});var r=o(34988),a=o(88683),l=o(87363),d=o(7501),c=o(63762),u=o(9420),p=o(47514);const f=(0,u.Pi)((function PriceCounter(t){var i,o,u=t.price,f=t.formattingFn,m=t.duration,v=void 0===m?.5:m,x=(0,l.useState)(0),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,l.useState)(0),w=(0,r.Z)(y,2),S=w[0],P=w[1],j=(0,c.NP)();return(0,l.useEffect)((function(){b(u)}),[u]),(0,p.jsx)(d.ZP,{end:C,duration:v,decimals:null!==(i=null===(o=C.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==i?i:0,start:S,formattingFn:function formattingFn(t){return f?f(t):a.DivaUtils.formatPrice(t,j.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(8907),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(88683),j=o(63762),k=o(65515),I=o.n(k),N=o(56340),Z=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var F=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,Z.jsx)(Z.Fragment,{})},M=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,a=t.dontAnimatePrice,l=use(r),d=(0,j.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=l.price-l.origPrice;break;case"fromBasePrice":o=l.price-l.firstPrice}return(0,Z.jsxs)(Z.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,Z.jsx)(N.default,{price:o,duration:a?0:.45,formattingFn:function formattingFn(t){return(t<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(t),d.productState.getPriceFormatForCounter(t))}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const E=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,f=(0,P.useDivaCore)().state,m=f.hidePrices,v=f.hideConfigPricePreview,x=(0,j.NP)(),g=(0,l.useState)(p),C=(0,a.Z)(g,2),b=C[0],y=C[1];if(m||"off"==x.productState.pricePreview)return(0,Z.jsx)(Z.Fragment,{});if(c)return(0,Z.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2,w.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var S=v||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&u;return i?(i.promise.then((function(){b||y(!0)})),(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(F,{asyncPricePreview:i.isVisible,children:(0,Z.jsx)("div",{className:I()(w.aH,b&&!S?w.pn:void 0,x.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,Z.jsx)(l.Suspense,{fallback:(0,Z.jsx)(Z.Fragment,{}),children:(0,Z.jsx)(M,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,Z.jsx)(Z.Fragment,{})}},68101:(t,i,o)=>{o.r(i),o.d(i,{default:()=>E});var r=o(34988),a=o(87363),l=o(65515),d=o.n(l),c=o(59698),u=o(45167),p=o(88683),f=o(63762),m=o(93379),v=o.n(m),x=o(7795),g=o.n(x),C=o(90569),b=o.n(C),y=o(3565),w=o.n(y),S=o(19216),P=o.n(S),j=o(44589),k=o.n(j),I=o(8441),N={};N.styleTagTransform=k(),N.setAttributes=w(),N.insert=b().bind(null,"head"),N.domAPI=g(),N.insertStyleElement=P();v()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var Z=o(70178),F=o(47514),M=(0,p.getLogger)("Planner","ReverseCheck");const E=function ReverseCheck(t){var i=t.item,o=t.paletteId,l=(0,f.NP)(),m=(0,p.useTranslation)().t,v=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,x=(0,a.useState)(null),g=(0,r.Z)(x,2),C=g[0],b=g[1],y=(0,a.useState)(!1),w=(0,r.Z)(y,2),S=w[0],P=w[1];(0,a.useEffect)((function(){var t=!0;return v?(P(!0),v.promise.then((function(i){t&&b(i.reversingCheck)})).catch((function(t){M.error(new Z.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&P(!1)}))):b(null),function(){t=!1}}),[v]);return v?S?(0,F.jsx)("div",{className:d()(I.Nh,I.V_),children:(0,F.jsx)("div",{className:I.lY})}):C&&C.hasReversingChanges?"BLOCK"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.IN,I.A4),onClick:function handleBlockedClick(t){var i;t.stopPropagation();var o=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(i=l.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,F.jsx)(c.Z,{className:I.tL,id:"blocked-icon"})}):"WARN"===C.checkingForReversingChanges?(0,F.jsx)("div",{className:d()(I.Nh,I.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var a=Object.values((null==C?void 0:C.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:a}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(i,void 0,o)}})},children:(0,F.jsx)(u.Z,{className:I.tO})}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(F.Fragment,{})}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),v=o(3565),x=o.n(v),g=o(19216),C=o.n(g),b=o(44589),y=o.n(b),w=o(75581),S={};S.styleTagTransform=y(),S.setAttributes=x(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=C();c()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const j=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,v=t.width,x=void 0===v?80:v,g=t.handleDiameter,C=void 0===g?32:g,b=t.toggleTextClassName,y=void 0===b?w.f6:b,S=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,P.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,P.jsx)("div",{className:a()(y),id:"yes",children:c}):(0,P.jsx)(P.Fragment,{}),uncheckedIcon:u?(0,P.jsx)("div",{className:a()(y),id:"no",children:u}):(0,P.jsx)(P.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:S,offColor:p?S:"#CACACA",height:m,width:x,handleDiameter:C})}},88584:(t,i,o)=>{o.r(i),o.d(i,{default:()=>b});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(63762),c=o(98763),u=o(9420),p=o(88683),f=o(70178),m=o(98544),v=o(48657),x=o(68101),g=o(47514),C=(0,p.getLogger)("Planner","ToggleOption");const b=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,b=t.style,y=(0,d.NP)(),w=u.groups[0].items;if(!w)return(0,g.jsx)(g.Fragment,{});for(var S=0;S<w.length;S++){var P,j;null!==(P=w[S].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[S]),null!==(j=w[S].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[S])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return C.error(new f.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,g.jsx)(g.Fragment,{});var k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,g.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:b,children:[(0,g.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,g.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,g.jsx)(c.default,{onChange:function onChange(){y.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text}),void 0!==o.pricePreviewPromise&&(0,g.jsx)(v.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"}),void 0!==o.checkForReversingChanges&&(0,g.jsx)(x.default,{item:o,paletteId:p})]}),k&&(0,g.jsx)(m.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"20px"}},u.configStepKey)]})}))},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>g,al:()=>x,dA:()=>p,fL:()=>v,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",v="index-module--FaRqp",x="index-module--oBSZj";const g=d},8907:(t,i,o)=>{o.d(i,{F2:()=>f,ZP:()=>v,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",f="index-module--kN6Sz",m="index-module--bd6dC";const v=d},8441:(t,i,o)=>{o.d(i,{A4:()=>p,IN:()=>u,J9:()=>g,Nh:()=>c,V_:()=>f,ZP:()=>C,lY:()=>m,tL:()=>v,tO:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",f="index-module--CTeV9",m="index-module--j1YrR",v="index-module--bG0Fi",x="index-module--Ej4oh",g="index-module--lFAqA";const C=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>g,eR:()=>u,pA:()=>x,u2:()=>v});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",v="index-module--z1OwD",x="index-module--PkMF3";const g=d},550:(t,i,o)=>{o.d(i,{Fl:()=>C.Fl,O7:()=>C.O7,TN:()=>C.TN,ZN:()=>C.ZN,eR:()=>C.eR,pA:()=>C.pA,u2:()=>C.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),v=o.n(m),x=o(44589),g=o.n(x),C=o(43078),b={};b.styleTagTransform=g(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=v();a()(C.ZP,b),C.ZP&&C.ZP.locals&&C.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,v=t.uncheckedHandleIcon,x=t.boxShadow,g=t.activeBoxShadow,C=t.height,b=t.width,y=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),S=this.state,P=S.h,j=S.U,k=S.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:C/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:C,width:b,margin:Math.max(0,(this.t-C)/2),position:"relative",background:e(P,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:C/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},Z={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"relative",opacity:(P-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},F={height:C,width:Math.min(1.5*C,b-(this.t+C)/2+1),position:"absolute",opacity:1-(P-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(P,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+P+"px)",top:Math.max(0,(C-this.t)/2),outline:0,boxShadow:k?g:x,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},O={height:this.t,width:this.t,opacity:Math.max(2*((P-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:Z},p),f&&r.createElement("div",{style:F},f)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},v&&r.createElement("div",{style:E},v),m&&r.createElement("div",{style:O},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,8763,7197],{70859:(t,i,o)=>{o.r(i),o.d(i,{default:()=>d});o(87363);var a=o(88683),r=o(8135),l=o(98763),c=o(47514);const d=function Varaint(t){var i,o=t.item,d=(0,r.NP)();return(0,c.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,c.jsx)("button",{onClick:o.onClick,children:"konfigurieren"}),(0,c.jsx)("div",{children:o.index}),null===(i=o.variantValues)||void 0===i?void 0:i.map((function(t){return(0,c.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.optionValueImage&&(0,c.jsx)("img",{src:t.optionValueImage,style:{height:40}}),(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,c.jsx)("div",{children:t.optionName}),(0,c.jsx)("div",{children:t.optionValueName})]})]},t.opt)})),(0,c.jsx)("div",{children:o.title}),(0,c.jsx)("div",{children:a.DivaUtils.formatPrice(o.price)}),(0,c.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,c.jsx)(l.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){o.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!o.disabled})})]},o.hash)}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>D});var a=o(65515),r=o.n(a),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),v=o.n(f),m=o(3565),g=o.n(m),y=o(19216),b=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=b();d()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=o(47514);const D=function Toggle(t){var i,o=t.onChange,a=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,v=void 0===f?40:f,m=t.width,g=void 0===m?80:m,y=t.handleDiameter,b=void 0===y?32:y,x=t.toggleTextClassName,w=void 0===x?k.f6:x,C=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{className:"no-swiping",checkedIcon:d?(0,S.jsx)("div",{className:r()(w),id:"yes",children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(w),id:"no",children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:C,offColor:p?C:"#CACACA",height:v,width:g,handleDiameter:b})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>d});var a=o(8081),r=o.n(a),l=o(23645),c=o.n(l)()(r());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss";const u=c},68692:(t,i,o)=>{o.d(i,{Z:()=>c});var a=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},s.apply(this,arguments)}var r=a.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},a.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=a.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},a.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,a,r){return function(t,i,o,a,r){var l=(t-o)/(i-o);if(0===l)return a;if(1===l)return r;for(var c="#",d=1;d<6;d+=2){var u=parseInt(a.substr(d,2),16),p=parseInt(r.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(a),h(r))}var c=function(t){function n(i){t.call(this,i);var o=i.height,a=i.width,r=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(a-o,a-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:r?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,a=i.h,r=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,r));l!==a&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,a=i.U,r=i.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-r;(!a||d<250||l&&o<=c||!l&&o>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,r=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,v=t.checkedHandleIcon,m=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,b=t.height,x=t.width,w=t.borderRadius,k=function(t,i){var o={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===i.indexOf(a)&&(o[a]=t[a]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,D=C.U,M=C.B,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:b,width:x,margin:Math.max(0,(this.t-b)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:b/2,cursor:o?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},I={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},E={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},W={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:M?y:g,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},H={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return a.createElement("div",{className:r,style:T},a.createElement("div",{className:"react-switch-bg",style:j,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&a.createElement("div",{style:I},p),f&&a.createElement("div",{style:E},f)),a.createElement("div",{className:"react-switch-handle",style:W,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},m&&a.createElement("div",{style:H},m),v&&a.createElement("div",{style:N},v)),a.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},k,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(a.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,8763,7197],{70859:(t,i,o)=>{o.r(i),o.d(i,{default:()=>d});o(87363);var a=o(88683),r=o(63762),l=o(98763),c=o(47514);const d=function Varaint(t){var i,o=t.item,d=(0,r.NP)();return(0,c.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,c.jsx)("button",{onClick:o.onClick,children:"konfigurieren"}),(0,c.jsx)("div",{children:o.index}),null===(i=o.variantValues)||void 0===i?void 0:i.map((function(t){return(0,c.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.optionValueImage&&(0,c.jsx)("img",{src:t.optionValueImage,style:{height:40}}),(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,c.jsx)("div",{children:t.optionName}),(0,c.jsx)("div",{children:t.optionValueName})]})]},t.opt)})),(0,c.jsx)("div",{children:o.title}),(0,c.jsx)("div",{children:a.DivaUtils.formatPrice(o.price)}),(0,c.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,c.jsx)(l.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){o.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!o.disabled})})]},o.hash)}},98763:(t,i,o)=>{o.r(i),o.d(i,{default:()=>D});var a=o(65515),r=o.n(a),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),v=o.n(f),m=o(3565),g=o.n(m),y=o(19216),b=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=b();d()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=o(47514);const D=function Toggle(t){var i,o=t.onChange,a=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,v=void 0===f?40:f,m=t.width,g=void 0===m?80:m,y=t.handleDiameter,b=void 0===y?32:y,x=t.toggleTextClassName,w=void 0===x?k.f6:x,C=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{className:"no-swiping",checkedIcon:d?(0,S.jsx)("div",{className:r()(w),id:"yes",children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(w),id:"no",children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:C,offColor:p?C:"#CACACA",height:v,width:g,handleDiameter:b})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>d});var a=o(8081),r=o.n(a),l=o(23645),c=o.n(l)()(r());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss";const u=c},68692:(t,i,o)=>{o.d(i,{Z:()=>c});var a=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},s.apply(this,arguments)}var r=a.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},a.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=a.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},a.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,a,r){return function(t,i,o,a,r){var l=(t-o)/(i-o);if(0===l)return a;if(1===l)return r;for(var c="#",d=1;d<6;d+=2){var u=parseInt(a.substr(d,2),16),p=parseInt(r.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(a),h(r))}var c=function(t){function n(i){t.call(this,i);var o=i.height,a=i.width,r=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(a-o,a-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:r?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,a=i.h,r=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,r));l!==a&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,a=i.U,r=i.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-r;(!a||d<250||l&&o<=c||!l&&o>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,r=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,v=t.checkedHandleIcon,m=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,b=t.height,x=t.width,w=t.borderRadius,k=function(t,i){var o={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===i.indexOf(a)&&(o[a]=t[a]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,D=C.U,M=C.B,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:b,width:x,margin:Math.max(0,(this.t-b)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:b/2,cursor:o?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},I={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},E={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},W={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:M?y:g,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},H={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return a.createElement("div",{className:r,style:T},a.createElement("div",{className:"react-switch-bg",style:j,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&a.createElement("div",{style:I},p),f&&a.createElement("div",{style:E},f)),a.createElement("div",{className:"react-switch-handle",style:W,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},m&&a.createElement("div",{style:H},m),v&&a.createElement("div",{style:N},v)),a.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},k,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(a.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8648.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8648],{88648:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(8135),i=(t(87363),t(58590)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8648],{88648:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var a=t(34988),l=t(63762),i=t(87363),r=t(58590),o=t(93379),s=t.n(o),d=t(7795),u=t.n(d),c=t(90569),v=t.n(c),f=t(3565),b=t.n(f),p=t(19216),h=t.n(p),m=t(44589),x=t.n(m),g=t(73751),k={};k.styleTagTransform=x(),k.setAttributes=b(),k.insert=v().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=h();s()(g.Z,k);g.Z&&g.Z.locals&&g.Z.locals;var P=t(9420),Z=t(47514);const C=(0,P.Pi)((function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),o=t[0],s=t[1],d=n.rerender,u=n.filter,c=(0,l.NP)(),v=Object.values(null!==(e=c.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{});u&&(v=v.filter(u));var f=v.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return(0,i.useEffect)((function(){o||s(v[0])}),[d]),1==f.length||0==f.length?(0,Z.jsx)(Z.Fragment,{}):(0,Z.jsx)(r.ZP,{value:f.find((function(n){return n.value===(null==o?void 0:o.basketId)})),options:f,onChange:function onChange(n){s(v.find((function(e){return e.basketId==n.value})))},className:g.Y})}))},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8657.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8657,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(34988),i=t(88683),a=t(87363),o=t(7501),s=t(8135),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(34988),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(8135),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2,g.pn),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8657,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(34988),i=t(88683),a=t(87363),o=t(7501),s=t(63762),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(34988),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(63762),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2,g.pn),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);