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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3460.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3460,1457,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.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 O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));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=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=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 w.name="Invariant Violation",w}}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 O=y(1),v=y.n(O),x=y(0),C=y.n(x),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 O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}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 O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}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,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.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 w=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,O,x=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=x.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 v.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",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.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),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.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=w}]))},81457:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(20640),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(81457)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},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([[3460,1457,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.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 O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));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=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=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 w.name="Invariant Violation",w}}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 O=y(1),v=y.n(O),x=y(0),C=y.n(x),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 O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}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 O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}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,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.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 w=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,O,x=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=x.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 v.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",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.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),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.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=w}]))},81457:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(4820),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(81457)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},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/3513.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 3513.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3513,1139],{91139:(t,i,r)=>{r.r(i),r.d(i,{default:()=>K});var o=r(80248),a=r(72874),l=r(9420),d=r(20640),u=r(87363),c=r(88683),m=r(93379),p=r.n(m),x=r(7795),h=r.n(x),v=r(90569),g=r.n(v),y=r(3565),b=r.n(y),w=r(19216),j=r.n(w),P=r(44589),S=r.n(P),I=r(96193),N={};N.styleTagTransform=S(),N.setAttributes=b(),N.insert=g().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=j();p()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var _=r(65515),k=r.n(_),C=r(47514),O=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const K=(0,l.Pi)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.Z)(t,O),m=(0,d.NP)(),p=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=m.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,C.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,C.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:k()(I.Xx,o?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,i?I.Nb:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?m.settingsState.onAllGroups(i,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(i,!0),m.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},73513:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(34988),a=r(65515),l=r.n(a),d=r(9420),u=r(87363),c=r(10304),m=r(59675),p=r(93379),x=r.n(p),h=r(7795),v=r.n(h),g=r(90569),y=r.n(g),b=r(3565),w=r.n(b),j=r(19216),P=r.n(j),S=r(44589),I=r.n(S),N=r(15285),_={};_.styleTagTransform=I(),_.setAttributes=w(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();x()(N.ZP,_);N.ZP&&N.ZP.locals&&N.ZP.locals;var k=r(91139),C=r(5745),O=r(58391),K=r(27853),L=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const A=(0,d.Pi)((function GroupDropdown(t){var i,r,a,d,p=t.filteredGroups,x=t.PaletteComponent,h=t.id,v=t.item,g=t.showSearchBar,y=t.contentInnerClassName,b=(0,u.useState)(null),w=(0,o.Z)(b,2),j=w[0],P=w[1],S=[],I=-1,_=-1,A=-1,T=!1,Z="---";if(p[0]&&null!==(i=p[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var R;(null===(R=p[0])||void 0===R||null===(R=R.items)||void 0===R?void 0:R[0]).parentName&&(T=!0);for(var G=function _loop(){var t=p[H];d||(d=t.items.find((function(t){return t.sel})),d&&(I=H));var i=t.items[0];if(T){var r=S.find((function(t){return t.key==i.parentName}));r||(r={type:"group",key:i.parentName,name:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:i.parentName}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),items:[]},S.push(r)),r.items.push({label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}})}),value:t.name}),I==H&&(_=r.items.length-1,I=S.findIndex((function(t){return t.key==i.parentName})))}else S.push({label:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),value:t.name})},H=0;H<p.length;H++)G();if(A=I,j&&(A=p.findIndex((function(t){return t.name==j}))),v.currentItemsFilter)Z="---";else if(j)Z=j;else{var E;if(null!==(E=S[I])&&void 0!==E&&E.label)Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:S[I].value}})}),value:S[I].value},A=I;else if(I>=0){var U,W=null===(U=S[I])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[_];Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:W.value}})}),value:W.value};for(var z=_,M=0;M<S.length&&M<I;M++)z+=S[M].items.length;A=z}}}var D,V=[],J=_createForOfIteratorHelper(p);try{for(J.s();!(D=J.n()).done;){var B,Y=_createForOfIteratorHelper(D.value.items);try{for(Y.s();!(B=Y.n()).done;){var X=B.value;V.push(X)}}catch(t){Y.e(t)}finally{Y.f()}}}catch(t){J.e(t)}finally{J.f()}var Q=v.currentItemsFilter?V:null===(r=p[A])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[g&&(0,L.jsx)(k.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:N.nC,children:[(0,L.jsxs)("div",{className:N.O7,children:[(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(m.default,{id:h,dropdownRootClass:N.oF})}),(null===(a=p[A])||void 0===a?void 0:a.contentItemId)&&(0,L.jsx)(O.default,{item:p[A],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},p[A].key),(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(c.Z,{className:l()(N.oF),controlClassName:N.x_,options:S,value:Z,onChange:function onGroupSel(t){var i;null===(i=v.deleteCurFilter)||void 0===i||i.call(v),P(t.value)},menuClassName:N.Kh,arrowClosed:(0,L.jsx)(C.default,{open:!1}),arrowOpen:(0,L.jsx)(C.default,{open:!0})})})]}),(0,L.jsx)("div",{className:y,children:null==Q?void 0:Q.map((function(t,i){return(0,L.jsx)(x,{paletteId:h,item:t,hidePricePreview:!0},i)}))})]})]})}))},96193:(t,i,r)=>{r.d(i,{Gp:()=>x,Hj:()=>p,Nb:()=>c,Xx:()=>u,ZP:()=>h,_F:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--rVLUK",c="index-module--iFAfh",m="index-module--elYJb",p="index-module--radk0",x="index-module--ljh7V";const h=d},15285:(t,i,r)=>{r.d(i,{Kh:()=>p,Kj:()=>v,O7:()=>x,ZP:()=>b,eR:()=>h,fL:()=>g,nC:()=>u,oF:()=>c,w8:()=>y,x_:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n",""]);var u="index-module--NmcGW",c="index-module--huzmx",m="index-module--KIWOS",p="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",g="index-module--ZJtCs",y="index-module--Rcf58";const b=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3513,1139],{91139:(t,i,r)=>{r.r(i),r.d(i,{default:()=>K});var o=r(80248),a=r(72874),l=r(9420),d=r(4820),u=r(87363),c=r(88683),m=r(93379),p=r.n(m),x=r(7795),h=r.n(x),v=r(90569),g=r.n(v),y=r(3565),b=r.n(y),w=r(19216),j=r.n(w),P=r(44589),S=r.n(P),I=r(96193),N={};N.styleTagTransform=S(),N.setAttributes=b(),N.insert=g().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=j();p()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var _=r(65515),k=r.n(_),C=r(47514),O=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const K=(0,l.Pi)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.Z)(t,O),m=(0,d.NP)(),p=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=m.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,C.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,C.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:k()(I.Xx,o?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,i?I.Nb:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?m.settingsState.onAllGroups(i,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(i,!0),m.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},73513:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(34988),a=r(65515),l=r.n(a),d=r(9420),u=r(87363),c=r(10304),m=r(59675),p=r(93379),x=r.n(p),h=r(7795),v=r.n(h),g=r(90569),y=r.n(g),b=r(3565),w=r.n(b),j=r(19216),P=r.n(j),S=r(44589),I=r.n(S),N=r(15285),_={};_.styleTagTransform=I(),_.setAttributes=w(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();x()(N.ZP,_);N.ZP&&N.ZP.locals&&N.ZP.locals;var k=r(91139),C=r(5745),O=r(58391),K=r(27853),L=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const A=(0,d.Pi)((function GroupDropdown(t){var i,r,a,d,p=t.filteredGroups,x=t.PaletteComponent,h=t.id,v=t.item,g=t.showSearchBar,y=t.contentInnerClassName,b=(0,u.useState)(null),w=(0,o.Z)(b,2),j=w[0],P=w[1],S=[],I=-1,_=-1,A=-1,T=!1,Z="---";if(p[0]&&null!==(i=p[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var R;(null===(R=p[0])||void 0===R||null===(R=R.items)||void 0===R?void 0:R[0]).parentName&&(T=!0);for(var G=function _loop(){var t=p[H];d||(d=t.items.find((function(t){return t.sel})),d&&(I=H));var i=t.items[0];if(T){var r=S.find((function(t){return t.key==i.parentName}));r||(r={type:"group",key:i.parentName,name:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:i.parentName}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),items:[]},S.push(r)),r.items.push({label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}})}),value:t.name}),I==H&&(_=r.items.length-1,I=S.findIndex((function(t){return t.key==i.parentName})))}else S.push({label:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),value:t.name})},H=0;H<p.length;H++)G();if(A=I,j&&(A=p.findIndex((function(t){return t.name==j}))),v.currentItemsFilter)Z="---";else if(j)Z=j;else{var E;if(null!==(E=S[I])&&void 0!==E&&E.label)Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:S[I].value}})}),value:S[I].value},A=I;else if(I>=0){var U,W=null===(U=S[I])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[_];Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:W.value}})}),value:W.value};for(var z=_,M=0;M<S.length&&M<I;M++)z+=S[M].items.length;A=z}}}var D,V=[],J=_createForOfIteratorHelper(p);try{for(J.s();!(D=J.n()).done;){var B,Y=_createForOfIteratorHelper(D.value.items);try{for(Y.s();!(B=Y.n()).done;){var X=B.value;V.push(X)}}catch(t){Y.e(t)}finally{Y.f()}}}catch(t){J.e(t)}finally{J.f()}var Q=v.currentItemsFilter?V:null===(r=p[A])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[g&&(0,L.jsx)(k.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:N.nC,children:[(0,L.jsxs)("div",{className:N.O7,children:[(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(m.default,{id:h,dropdownRootClass:N.oF})}),(null===(a=p[A])||void 0===a?void 0:a.contentItemId)&&(0,L.jsx)(O.default,{item:p[A],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},p[A].key),(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(c.Z,{className:l()(N.oF),controlClassName:N.x_,options:S,value:Z,onChange:function onGroupSel(t){var i;null===(i=v.deleteCurFilter)||void 0===i||i.call(v),P(t.value)},menuClassName:N.Kh,arrowClosed:(0,L.jsx)(C.default,{open:!1}),arrowOpen:(0,L.jsx)(C.default,{open:!0})})})]}),(0,L.jsx)("div",{className:y,children:null==Q?void 0:Q.map((function(t,i){return(0,L.jsx)(x,{paletteId:h,item:t,hidePricePreview:!0},i)}))})]})]})}))},96193:(t,i,r)=>{r.d(i,{Gp:()=>x,Hj:()=>p,Nb:()=>c,Xx:()=>u,ZP:()=>h,_F:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--rVLUK",c="index-module--iFAfh",m="index-module--elYJb",p="index-module--radk0",x="index-module--ljh7V";const h=d},15285:(t,i,r)=>{r.d(i,{Kh:()=>p,Kj:()=>v,O7:()=>x,ZP:()=>b,eR:()=>h,fL:()=>g,nC:()=>u,oF:()=>c,w8:()=>y,x_:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n",""]);var u="index-module--NmcGW",c="index-module--huzmx",m="index-module--KIWOS",p="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",g="index-module--ZJtCs",y="index-module--Rcf58";const b=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3533.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3533,1633,9165,8291],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:l,lastElement:o,openBracket:r,closeBracket:i,level:s,style:c,shouldExpandNode:u,clickToExpandNode:d,outerRef:p}=e;const b=(0,a.useRef)(!1),[f,m,g]=function useBool(e){const[n,t]=(0,a.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>u(s,t,n))),v=(0,a.useRef)(null);(0,a.useEffect)((()=>{b.current?g(u(s,t,n)):b.current=!0}),[u]);const _=f?c.collapseIcon:c.expandIcon,x=f?"collapse JSON":"expand JSON",h=(0,a.useId)(),y=s+1,N=l.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),g("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let a=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){a=e;break}if(a<0)return;const l=(a+n+t.length)%t.length;t[a].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;m();const n=v.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,a.createElement)("div",{className:c.basicChildStyle,role:"treeitem","aria-expanded":f,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":x,"aria-expanded":f,"aria-controls":f?h:void 0,ref:v,tabIndex:0===s?0:-1}),(n||""===n)&&(d?(0,a.createElement)("span",{className:c.clickableLabel,onClick,onKeyDown},quoteString(n,c.quotesForFieldNames),":"):(0,a.createElement)("span",{className:c.label},quoteString(n,c.quotesForFieldNames),":")),(0,a.createElement)("span",{className:c.punctuation},r),f?(0,a.createElement)("ul",{id:h,role:"group"},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:c,lastElement:n===N,level:y,shouldExpandNode:u,clickToExpandNode:d,outerRef:p})))):(0,a.createElement)("span",{className:c.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:c.punctuation},i),!o&&(0,a.createElement)("span",{className:c.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,a.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,a.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,a.createElement)("span",{className:r.punctuation},t),(0,a.createElement)("span",{className:r.punctuation},l),!o&&(0,a.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:i,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s instanceof String?(n=quoteString(l,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,i=o.numberValue):n=isDate(l)?l.toISOString():l.toString(),(0,a.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,a.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,a.createElement)("span",{className:i},n),!r&&(0,a.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,a.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,a.createElement)(JsonObject,Object.assign({},e)):(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var l="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:l,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:l,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:l=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,a.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:r,outerRef:s}))}},21633:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(34988),l=t(20640),o=(t(87363),t(71393)),r=t(93379),i=t.n(r),s=t(7795),c=t.n(s),u=t(90569),d=t.n(u),p=t(3565),b=t.n(p),f=t(19216),m=t.n(f),g=t(44589),v=t.n(g),_=t(73751),x={};x.styleTagTransform=v(),x.setAttributes=b(),x.insert=d().bind(null,"head"),x.domAPI=c(),x.insertStyleElement=m();i()(_.Z,x);_.Z&&_.Z.locals&&_.Z.locals;var h=t(47514);const y=function ArticleSelector(e){var n,t=(0,a.Z)(e.articleState,2),r=t[0],i=t[1],s=(0,l.NP)(),c=Object.values(null!==(n=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{}),u=c.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return 1==u.length||0==u.length?(0,h.jsx)(h.Fragment,{}):(0,h.jsx)(o.ZP,{value:u.find((function(e){return e.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(e){i(c.find((function(n){return n.basketId==e.value})))},className:_.Y})}},304:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(12952),l=t(80248),o=t(84658),r=t(34988),i=t(88291),s=t(50747),c=t.n(s),u=t(87363),d=t(51203),p=t(36115),b=t(20640),f=t(9420),m=t(65515),g=t.n(m),v=t(88683),_=(t(76839),t(13222)),x=t(21633),h=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}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,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const y=(0,f.Pi)((function DecisionAnalyzer(e){var n,t=Object.assign({},((0,i.Z)(e),e)),l=(0,b.NP)(),s=l.divaWebPlanner.getDivaArticles(),f=(0,u.useState)(!1),m=(0,r.Z)(f,2),y=m[0],N=m[1];(0,u.useEffect)((function(){var e=function(){var e=(0,o.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,v.DivaUtils.Sleep(1e3);case 2:N(!y);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[l.tabGroupState.allTabGroups]),(0,u.useEffect)((function(){var e=l.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=l.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[l.uiState.isLoading]);var E=(0,u.useState)(Object.values(null!=s?s:{}).find((function(e){return 1==e.posNr}))),k=(0,r.Z)(E,2),j=k[0],S=k[1],w=(0,u.useState)(),O=(0,r.Z)(w,2),F=O[0],D=O[1],I=(0,u.useState)(),C=(0,r.Z)(I,2),T=C[0],P=C[1];if(!j)return(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm),style:{zIndex:800},children:[(0,h.jsx)("a",{className:p.Fs,children:"Decision analyzer - plann article"}),(0,h.jsx)(x.default,{articleState:[j,S]})]}));var A=j.CatalogData.isIDMFormat,R=null===(n=j.decisionDebugStacks)||void 0===n||null===(n=n[0])||void 0===n||null===(n=n.stack)||void 0===n?void 0:n.length;if(!R)return(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm),style:{zIndex:800},children:[(0,h.jsx)("a",{className:p.Fs,children:"Decision analyzer - change config"}),(0,h.jsx)(x.default,{articleState:[j,S]})]}));var V=(0,a.Z)(Array(R).keys()),Z=[];return Z=A?j.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===T||null===(n=e.decision.featureRefs)||void 0===n||!n.includes(T))})}))})):j.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===T||!(null!==(n=e.decision.DOC)&&void 0!==n&&n.find((function(e){var n,t;return(null===(n=e.DA)||void 0===n?void 0:n.find((function(e){return e.OptionCodex==T||e.DecisionNr==T})))||(null===(t=e.JsFormula)||void 0===t?void 0:t.includes("'OPT"+T+"'"))}))||null!==(t=e.decision.Options)&&void 0!==t&&t.includes("OPT"+T)))})}))})),(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm,l.uiState.configSettingsIsExpanded?d.NF:void 0),style:{zIndex:800},children:[(0,h.jsxs)("a",{className:p.Fs,children:["Decision history",(0,h.jsx)("input",{value:T,onChange:function onChange(e){return P(e.target.value)},placeholder:"filter option ohne OPT",className:p.hX})]}),(0,h.jsx)(x.default,{articleState:[j,S]}),(0,h.jsxs)("table",{className:p.Kz,children:[(0,h.jsx)("thead",{children:(0,h.jsx)("tr",{className:p.$Q,children:Z.map((function(e,n){return(0,h.jsx)("th",{children:n},n)}))})}),(0,h.jsx)("tbody",{children:V.map((function(e,n){return(0,h.jsx)("tr",{className:p.$Q,children:Z.map((function(e,t){var a,l;return(0,h.jsx)("th",{onClick:function onClick(){return function onClick(e,n){var t,a;e==((null==F||null===(t=F.decision)||void 0===t?void 0:t.Number)||(null==F||null===(a=F.decision)||void 0===a?void 0:a.decisionNo))?D(void 0):D(n)}(e[n].nr,e[n])},children:e[n].bold?(0,h.jsx)("strong",{children:null===(a=e[n])||void 0===a?void 0:a.text}):null===(l=e[n])||void 0===l?void 0:l.text},t)}))},n)}))})]}),F&&(0,h.jsx)("div",{className:p.EC,children:(0,h.jsx)(_.default,{decision:F.decision,snapshots:F.snapshots,onClose:function onClose(){return D(void 0)}})})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>i,Z:()=>s});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var i="index-module--_Tl9c";const s=r},89965:(e,n,t)=>{t.d(n,{NF:()=>s,ZP:()=>u,ec:()=>i,pb:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var i="index-module--NA4Nc",s="index-module--zxgl3",c="index-module--WGNyK";const u=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},51203:(e,n,t)=>{t.d(n,{NF:()=>m.NF,ec:()=>m.ec,pb:()=>m.pb});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),c=t(3565),u=t.n(c),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),m=t(89965),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),c=t(3565),u=t.n(c),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),m=t(72035),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.Z,g),m.Z&&m.Z.locals&&m.Z.locals},88291:(e,n,t)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}t.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3533,1633,9165,8291],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:l,lastElement:o,openBracket:r,closeBracket:i,level:s,style:c,shouldExpandNode:u,clickToExpandNode:d,outerRef:p}=e;const b=(0,a.useRef)(!1),[f,m,g]=function useBool(e){const[n,t]=(0,a.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>u(s,t,n))),v=(0,a.useRef)(null);(0,a.useEffect)((()=>{b.current?g(u(s,t,n)):b.current=!0}),[u]);const _=f?c.collapseIcon:c.expandIcon,x=f?"collapse JSON":"expand JSON",h=(0,a.useId)(),y=s+1,N=l.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),g("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let a=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){a=e;break}if(a<0)return;const l=(a+n+t.length)%t.length;t[a].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;m();const n=v.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,a.createElement)("div",{className:c.basicChildStyle,role:"treeitem","aria-expanded":f,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":x,"aria-expanded":f,"aria-controls":f?h:void 0,ref:v,tabIndex:0===s?0:-1}),(n||""===n)&&(d?(0,a.createElement)("span",{className:c.clickableLabel,onClick,onKeyDown},quoteString(n,c.quotesForFieldNames),":"):(0,a.createElement)("span",{className:c.label},quoteString(n,c.quotesForFieldNames),":")),(0,a.createElement)("span",{className:c.punctuation},r),f?(0,a.createElement)("ul",{id:h,role:"group"},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:c,lastElement:n===N,level:y,shouldExpandNode:u,clickToExpandNode:d,outerRef:p})))):(0,a.createElement)("span",{className:c.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:c.punctuation},i),!o&&(0,a.createElement)("span",{className:c.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,a.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,a.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,a.createElement)("span",{className:r.punctuation},t),(0,a.createElement)("span",{className:r.punctuation},l),!o&&(0,a.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:i,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s instanceof String?(n=quoteString(l,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,i=o.numberValue):n=isDate(l)?l.toISOString():l.toString(),(0,a.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,a.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,a.createElement)("span",{className:i},n),!r&&(0,a.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,a.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,a.createElement)(JsonObject,Object.assign({},e)):(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var l="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:l,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:l,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:l=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,a.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:r,outerRef:s}))}},21633:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(34988),l=t(4820),o=(t(87363),t(71393)),r=t(93379),i=t.n(r),s=t(7795),c=t.n(s),u=t(90569),d=t.n(u),p=t(3565),b=t.n(p),f=t(19216),m=t.n(f),g=t(44589),v=t.n(g),_=t(73751),x={};x.styleTagTransform=v(),x.setAttributes=b(),x.insert=d().bind(null,"head"),x.domAPI=c(),x.insertStyleElement=m();i()(_.Z,x);_.Z&&_.Z.locals&&_.Z.locals;var h=t(47514);const y=function ArticleSelector(e){var n,t=(0,a.Z)(e.articleState,2),r=t[0],i=t[1],s=(0,l.NP)(),c=Object.values(null!==(n=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{}),u=c.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return 1==u.length||0==u.length?(0,h.jsx)(h.Fragment,{}):(0,h.jsx)(o.ZP,{value:u.find((function(e){return e.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(e){i(c.find((function(n){return n.basketId==e.value})))},className:_.Y})}},304:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(12952),l=t(80248),o=t(84658),r=t(34988),i=t(88291),s=t(50747),c=t.n(s),u=t(87363),d=t(51203),p=t(36115),b=t(4820),f=t(9420),m=t(65515),g=t.n(m),v=t(88683),_=(t(76839),t(13222)),x=t(21633),h=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}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,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const y=(0,f.Pi)((function DecisionAnalyzer(e){var n,t=Object.assign({},((0,i.Z)(e),e)),l=(0,b.NP)(),s=l.divaWebPlanner.getDivaArticles(),f=(0,u.useState)(!1),m=(0,r.Z)(f,2),y=m[0],N=m[1];(0,u.useEffect)((function(){var e=function(){var e=(0,o.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,v.DivaUtils.Sleep(1e3);case 2:N(!y);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[l.tabGroupState.allTabGroups]),(0,u.useEffect)((function(){var e=l.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=l.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[l.uiState.isLoading]);var E=(0,u.useState)(Object.values(null!=s?s:{}).find((function(e){return 1==e.posNr}))),k=(0,r.Z)(E,2),j=k[0],S=k[1],w=(0,u.useState)(),O=(0,r.Z)(w,2),F=O[0],D=O[1],I=(0,u.useState)(),C=(0,r.Z)(I,2),T=C[0],P=C[1];if(!j)return(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm),style:{zIndex:800},children:[(0,h.jsx)("a",{className:p.Fs,children:"Decision analyzer - plann article"}),(0,h.jsx)(x.default,{articleState:[j,S]})]}));var A=j.CatalogData.isIDMFormat,R=null===(n=j.decisionDebugStacks)||void 0===n||null===(n=n[0])||void 0===n||null===(n=n.stack)||void 0===n?void 0:n.length;if(!R)return(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm),style:{zIndex:800},children:[(0,h.jsx)("a",{className:p.Fs,children:"Decision analyzer - change config"}),(0,h.jsx)(x.default,{articleState:[j,S]})]}));var V=(0,a.Z)(Array(R).keys()),Z=[];return Z=A?j.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===T||null===(n=e.decision.featureRefs)||void 0===n||!n.includes(T))})}))})):j.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===T||!(null!==(n=e.decision.DOC)&&void 0!==n&&n.find((function(e){var n,t;return(null===(n=e.DA)||void 0===n?void 0:n.find((function(e){return e.OptionCodex==T||e.DecisionNr==T})))||(null===(t=e.JsFormula)||void 0===t?void 0:t.includes("'OPT"+T+"'"))}))||null!==(t=e.decision.Options)&&void 0!==t&&t.includes("OPT"+T)))})}))})),(0,h.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:g()(t.className,p.fm,l.uiState.configSettingsIsExpanded?d.NF:void 0),style:{zIndex:800},children:[(0,h.jsxs)("a",{className:p.Fs,children:["Decision history",(0,h.jsx)("input",{value:T,onChange:function onChange(e){return P(e.target.value)},placeholder:"filter option ohne OPT",className:p.hX})]}),(0,h.jsx)(x.default,{articleState:[j,S]}),(0,h.jsxs)("table",{className:p.Kz,children:[(0,h.jsx)("thead",{children:(0,h.jsx)("tr",{className:p.$Q,children:Z.map((function(e,n){return(0,h.jsx)("th",{children:n},n)}))})}),(0,h.jsx)("tbody",{children:V.map((function(e,n){return(0,h.jsx)("tr",{className:p.$Q,children:Z.map((function(e,t){var a,l;return(0,h.jsx)("th",{onClick:function onClick(){return function onClick(e,n){var t,a;e==((null==F||null===(t=F.decision)||void 0===t?void 0:t.Number)||(null==F||null===(a=F.decision)||void 0===a?void 0:a.decisionNo))?D(void 0):D(n)}(e[n].nr,e[n])},children:e[n].bold?(0,h.jsx)("strong",{children:null===(a=e[n])||void 0===a?void 0:a.text}):null===(l=e[n])||void 0===l?void 0:l.text},t)}))},n)}))})]}),F&&(0,h.jsx)("div",{className:p.EC,children:(0,h.jsx)(_.default,{decision:F.decision,snapshots:F.snapshots,onClose:function onClose(){return D(void 0)}})})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>i,Z:()=>s});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var i="index-module--_Tl9c";const s=r},89965:(e,n,t)=>{t.d(n,{NF:()=>s,ZP:()=>u,ec:()=>i,pb:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  width: calc(63% - 50px);\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var i="index-module--NA4Nc",s="index-module--zxgl3",c="index-module--WGNyK";const u=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},51203:(e,n,t)=>{t.d(n,{NF:()=>m.NF,ec:()=>m.ec,pb:()=>m.pb});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),c=t(3565),u=t.n(c),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),m=t(89965),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),c=t(3565),u=t.n(c),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),m=t(72035),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.Z,g),m.Z&&m.Z.locals&&m.Z.locals},88291:(e,n,t)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}t.d(n,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3538.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,8118,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),l=t(37707),d=t(31964),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(83301),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],p=s[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){c&&c.slideTo(u.current,0)}),[c]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(v.t),id:n.id.toString(),children:(0,S.jsx)(l.tq,{onSwiper:p,resizeObserver:!0,modules:[d.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(l.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==c||c.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(20640),r=t(9420),o=(t(87363),t(39460)),l=t(4903),d=t(93379),a=t.n(d),s=t(7795),c=t.n(s),p=t(90569),u=t.n(p),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),w=t(44589),h=t.n(w),b=t(53946),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var y=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,y.jsx)(y.Fragment,{});var t=l.default[n.type];return(0,y.jsx)("div",{className:b.Y,children:(0,y.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(20640),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var b=t(65515),v=t.n(b),y=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:v()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(84658),r=t(80248),o=t(34988),l=t(50747),d=t.n(l),a=t(87363),s=t(65515),c=t.n(s),p=t(93379),u=t.n(p),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),w=t(3565),h=t.n(w),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=h(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=v();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(20640),R=t(9420),N=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,R.Pi)((function TextBox(e){var n,t,l=e.item,s=e.paletteId,p=e.style,u=(0,S.NP)(),m=(0,a.useRef)(null),x=l.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),w=g[0],h=g[1],b=function(){var e=(0,i.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return l.htmlRef=e},style:p,children:[(0,D.jsx)("div",{className:c()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:l,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(j.eR,j.F2),children:v.length?(0,D.jsx)(D.Fragment,{children:v.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return b(e,n)}),500),h(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),v=t.n(b),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],l=t[1],d=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:w.YS,style:{borderRadius:d?"100px":void 0},children:(0,y.jsxs)("div",{className:w.No,children:[p.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return l(n)},className:v()(w.F2,o===n&&w.pA),children:e})},n)})),(0,y.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:d?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(59134),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(7182),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=(0,l.NP)(),s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],y=h[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==b){var e=p[b];e&&a.paletteViewHandler.clickedOnConfigPalette(e)}}),[b]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),y(e.findIndex((function(e){return e.sel})))}),[n]),0===p.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:v.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(v.eR,v.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(v.eR,v.ZN),children:(0,O.jsx)(d.default,{values:f,state:[b,y],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(96935),a=t(74133),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(74219),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,l.NP)(),s=(0,r.useState)({}),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],v=h[1],P=function onChangeComplete(e){void 0!==(null!=e?e:b)&&o.paletteViewHandler.clickedOnConfigPalette(f[null!=e?e:b])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),v(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===f.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:y.YS,children:[(0,j.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:y.sL,children:(0,j.jsx)(d.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),v(e),P(e)},onChangeComplete:P,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(20640),l=t(87363),d=t(9420),a=t(9755),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(77113),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const R=(0,d.Pi)((function PromotedProducts(e){var n,t=e.item,d=(0,r.useDivaCore)(),s=d.actions.openComponent,c=d.handler.productHandler,p=d.state.organization,u=(0,l.useState)([]),m=(0,i.Z)(u,2),x=m[0],f=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,h=(0,l.useState)(0),b=(0,i.Z)(h,2),v=b[0],P=b[1],R=(0,l.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=v===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,l.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:p._id},{id:"promotedForOrganizations",op:"eq",value:p._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(p._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,x.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,O.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),D.map((function(e){return(0,O.jsx)("div",{className:y.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(88683),s=t(58391),c=t(27853),p=t(47514),u=(0,a.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,a=e.item,m=e.paletteId,x=e.style,f=(0,l.NP)(),g=a.groups[0].items;if(!g)return(0,p.jsx)(p.Fragment,{});for(var w=0;w<g.length;w++){var h,b;null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[w]),null!==(b=g[w].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var v=0==i.sel,y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:v?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(d.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:a,alwaysActiveColor:!0,state:v})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,p.jsx)("div",{className:v?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),y&&(0,p.jsx)(s.default,{item:y,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(9420),s=t(88683),c=t(8108),p=t(58391),u=t(27853),m=t(47514),x=(0,s.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,f=e.style,g=(0,l.NP)(),w=a.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<w.length;h++){var b,v;null!==(b=w[h].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=w[h]),null!==(v=w[h].codex)&&void 0!==v&&v.startsWith("OPVJA")&&(t=w[h])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(d.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),y&&(0,m.jsx)(p.default,{item:y,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(98404),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.Z,g);f.Z&&f.Z.locals&&f.Z.locals;var w=t(65515),h=t.n(w),b=t(18500),v=t(74133),y=t(3168),P=t(9420),j=t(20640),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(v.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),l=n.type.startsWith("ART"),d=l&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:h()(f.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(b.default,{stepInfo:n.info}),!d&&o,d&&(0,S.jsx)(O.default,{}),l&&!d&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(y.default,{}),d&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I,getKey:()=>k});var i=t(80248),r=t(34988),o=t(87363),l=t.n(o),d=t(9420),a=t(86468),s=t(16886),c=t(53125),p=t(32105),u=t(3985),m=t(88584),x=t(20640),f=t(73513),g=t(67502),w=t(78717),h=t(4903),b=t(3423),v=t(38315),y=t(28118),P=t(11037),j=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var O=function useGridVariables(e){var n=(0,x.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,l,d,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,p=null!==(l=null==s?void 0:s.gapDefault)&&void 0!==l?l:"10px",u=null!==(d=null==s?void 0:s.sizeDefault)&&void 0!==d?d:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)s.sizeAccessoires&&(u=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var x,f;u=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",p=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_TEXT"==e.type?u=c>700||c>550?"100px":c>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=c>700?"110px":c>550?"95px":c>400?"80px":"70px",p="8px"):"GAL_SMALL_TEXT"==e.type?(u=c>700?"75px":c>550?"70px":c>400?"55px":"50px",p="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(u="60px",p="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":u,"--gridGap":p},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=l().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=l().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=l().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),k=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const I=(0,d.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,l=(0,x.NP)(),d=O(t),j=h.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var I=(0,o.useState)([]),T=(0,r.Z)(I,2),A=T[0],Z=T[1],C=(0,o.useState)([]),_=(0,r.Z)(C,2),E=_[0],z=_[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),Z(n),z(e)}),[t,l.settingsState.itemPalettes]);var L=1===A.length&&"none"===A[0].name,G=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(v.default,{viewHandler:l});case"TOGGLE":return(0,S.jsx)(m.default,{style:d,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:d,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(s.default,{style:d,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(c.default,{style:d,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(y.default,{style:d,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:d,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:A,item:t,id:t.id,style:d},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(f.default,{item:t,PaletteComponent:j,filteredGroups:E,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:G},t.configStepKey);return(0,S.jsx)(b.default,{style:d,item:t,children:M});default:var K;return K=L?(0,S.jsx)("div",{className:G,children:A.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},k(e))}))}))}):(0,S.jsx)(p.default,{groups:A,contentInnerClassName:G,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(b.default,{style:d,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o),d=t(61667),a=t.n(d),s=new URL(t(64197),t.b),c=l()(r()),p=a()(s);c.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=c},53946:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n  width: calc(100% - 12px);\n}\n",""]);var d="index-module--GKAfY";const a=l},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>d,ZP:()=>p,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l},18135:(e,n,t)=>{t.d(n,{F2:()=>p,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>u,kA:()=>x,q_:()=>d,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",p="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=l},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>d,ZP:()=>u,pA:()=>p,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var d="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",p="index-module--jEYkH";const u=l},7182:(e,n,t)=>{t.d(n,{O7:()=>d,TN:()=>s,ZN:()=>c,ZP:()=>p,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\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  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\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--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var d="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const p=l},74219:(e,n,t)=>{t.d(n,{YS:()=>d,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var d="index-module--vkNxi",a="index-module--cmtxo";const s=l},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>d,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",a="index-module--tgKwN";const s=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>d,TN:()=>c,ZN:()=>p,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.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 d="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",p="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const x=l},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var d="index-module--hCQUB";const a=l},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var d="index-module--anx5T";const a=l},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),s=t(37707),a=t(31964),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(83301),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.Z,b);y.Z&&y.Z.locals&&y.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),l=(0,o.useState)(null),d=(0,i.Z)(l,2),p=d[0],c=d[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){p&&p.slideTo(u.current,0)}),[p]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(y.t),id:n.id.toString(),children:(0,S.jsx)(s.tq,{onSwiper:c,resizeObserver:!0,modules:[a.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(s.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==p||p.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(4820),r=t(9420),o=(t(87363),t(39460)),s=t(4903),a=t(93379),l=t.n(a),d=t(7795),p=t.n(d),c=t(90569),u=t.n(c),m=t(3565),f=t.n(m),x=t(19216),g=t.n(x),w=t(44589),v=t.n(w),h=t(53946),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=g();l()(h.Z,y);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,b.jsx)(b.Fragment,{});var t=s.default[n.type];return(0,b.jsx)("div",{className:h.Y,children:(0,b.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(4820),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var h=t(65515),y=t.n(h),b=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(84658),r=t(80248),o=t(34988),s=t(50747),a=t.n(s),l=t(87363),d=t(65515),p=t.n(d),c=t(93379),u=t.n(c),m=t(7795),f=t.n(m),x=t(90569),g=t.n(x),w=t(3565),v=t.n(w),h=t(19216),y=t.n(h),b=t(44589),P=t.n(b),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(4820),R=t(9420),N=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,R.Pi)((function TextBox(e){var n,t,s=e.item,d=e.paletteId,c=e.style,u=(0,S.NP)(),m=(0,l.useRef)(null),f=s.groups[0].items,x=(0,l.useState)(f[0].freeTextLang),g=(0,o.Z)(x,2),w=g[0],v=g[1],h=function(){var e=(0,i.Z)(a().mark((function _callee(e,n){return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return s.htmlRef=e},style:c,children:[(0,D.jsx)("div",{className:p()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:s,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:p()(j.eR,j.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),v(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=t(65515),y=t.n(h),b=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],s=t[1],a=e.round,l=100/n.length,d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,b.jsx)("div",{className:w.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:w.No,children:[c.map((function(e,n){return(0,b.jsx)("div",{style:{width:l+"%"},children:(0,b.jsx)("label",{onClick:function onClick(){return s(n)},className:y()(w.F2,o===n&&w.pA),children:e})},n)})),(0,b.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:l+"%",borderRadius:a?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),s=t(4820),a=t(59134),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(7182),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,l=(0,s.NP)(),d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],b=v[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==h){var e=c[h];e&&l.paletteViewHandler.clickedOnConfigPalette(e)}}),[h]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),b(e.findIndex((function(e){return e.sel})))}),[n]),0===c.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:y.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(y.eR,y.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(y.eR,y.ZN),children:(0,O.jsx)(a.default,{values:x,state:[h,b],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),s=(t(89756),t(4820)),a=t(96935),l=t(74133),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(74219),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,s.NP)(),d=(0,r.useState)({}),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],y=v[1],P=function onChangeComplete(e){void 0!==(null!=e?e:h)&&o.paletteViewHandler.clickedOnConfigPalette(x[null!=e?e:h])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),y(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===x.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:b.YS,children:[(0,j.jsx)(l.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:b.sL,children:(0,j.jsx)(a.Z,{marks:c,trackStyle:{backgroundColor:"#e9e9e9"},value:h,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),y(e),P(e)},onChangeComplete:P,min:Number(Object.keys(c)[0]),max:Number(Object.keys(c)[Object.keys(c).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(4820),s=t(87363),a=t(9420),l=t(9755),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(77113),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const R=(0,a.Pi)((function PromotedProducts(e){var n,t=e.item,a=(0,r.useDivaCore)(),d=a.actions.openComponent,p=a.handler.productHandler,c=a.state.organization,u=(0,s.useState)([]),m=(0,i.Z)(u,2),f=m[0],x=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,v=(0,s.useState)(0),h=(0,i.Z)(v,2),y=h[0],P=h[1],R=(0,s.useCallback)((function(e){P(g.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=y===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,s.useEffect)((function(){var e,n,t;p.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:c._id},{id:"promotedForOrganizations",op:"eq",value:c._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(c._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}x(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,f.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,O.jsx)(l.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),D.map((function(e){return(0,O.jsx)("div",{className:b.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(4820),a=t(45832),l=t(88683),d=t(58391),p=t(27853),c=t(47514),u=(0,l.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,l=e.item,m=e.paletteId,f=e.style,x=(0,s.NP)(),g=l.groups[0].items;if(!g)return(0,c.jsx)(c.Fragment,{});for(var w=0;w<g.length;w++){var v,h;null!==(v=g[w].codex)&&void 0!==v&&v.startsWith("OPVNEIN")&&(i=g[w]),null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),l.isVisited=!0,(0,c.jsx)(c.Fragment,{});var y=0==i.sel,b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,c.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:f,children:[(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,c.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,c.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,c.jsx)(a.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:l,alwaysActiveColor:!0,state:y})}),(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,c.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,c.jsx)(d.default,{item:b,style:{position:"relative"}},l.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(4820),a=t(45832),l=t(9420),d=t(88683),p=t(8108),c=t(58391),u=t(27853),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const x=(0,l.Pi)((function ToggleOption(e){var n,t,i,l=e.item,d=e.paletteId,x=e.style,g=(0,s.NP)(),w=l.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<w.length;v++){var h,y;null!==(h=w[v].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=w[v]),null!==(y=w[v].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=w[v])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return f.error(new p.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),l.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:x,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:l.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(a.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:l,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(c.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},l.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(98404),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.Z,g);x.Z&&x.Z.locals&&x.Z.locals;var w=t(65515),v=t.n(w),h=t(18500),y=t(74133),b=t(3168),P=t(9420),j=t(4820),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),s=n.type.startsWith("ART"),a=s&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:v()(x.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(h.default,{stepInfo:n.info}),!a&&o,a&&(0,S.jsx)(O.default,{}),s&&!a&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(b.default,{}),a&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>I});var i=t(80248),r=t(34988),o=t(87363),s=t.n(o),a=t(9420),l=t(86468),d=t(16886),p=t(53125),c=t(32105),u=t(3985),m=t(88584),f=t(4820),x=t(73513),g=t(67502),w=t(78717),v=t(4903),h=t(3423),y=t(38315),b=t(28118),P=t(11037),j=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var O=function useGridVariables(e){var n=(0,f.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,s,a,l,d=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},p=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,c=null!==(s=null==d?void 0:d.gapDefault)&&void 0!==s?s:"10px",u=null!==(a=null==d?void 0:d.sizeDefault)&&void 0!==a?a:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)d.sizeAccessoires&&(u=d.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var f,x;u=null!==(f=null==d?void 0:d.sizeGallery)&&void 0!==f?f:"80px",c=null!==(x=null==d?void 0:d.gapGallery)&&void 0!==x?x:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(l=n.uiState.templateConfigKeys)||void 0===l?void 0:l.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_TEXT"==e.type?u=p>700||p>550?"100px":p>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=p>700?"190px":p>550?"170px":p>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=p>700?"110px":p>550?"95px":p>400?"80px":"70px",c="8px"):"GAL_SMALL_TEXT"==e.type?(u=p>700?"75px":p>550?"70px":p>400?"55px":"50px",c="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":u,"--gridGap":c},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=s().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=s().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=s().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),I=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const A=(0,a.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,s=(0,f.NP)(),a=O(t),j=v.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var A=(0,o.useState)([]),T=(0,r.Z)(A,2),Z=T[0],C=T[1],_=(0,o.useState)([]),E=(0,r.Z)(_,2),k=E[0],L=E[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,l.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),C(n),L(e)}),[t,s.settingsState.itemPalettes]);var G=1===Z.length&&"none"===Z[0].name,z=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(y.default,{viewHandler:s});case"TOGGLE":return(0,S.jsx)(m.default,{style:a,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:a,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(d.default,{style:a,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(p.default,{style:a,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(b.default,{style:a,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:a,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:Z,item:t,id:t.id,style:a},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(x.default,{item:t,PaletteComponent:j,filteredGroups:k,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:z},t.configStepKey);return(0,S.jsx)(h.default,{style:a,item:t,children:M});default:var K;return K=G?(0,S.jsx)("div",{className:z,children:Z.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},I(e))}))}))}):(0,S.jsx)(c.default,{groups:Z,contentInnerClassName:z,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(h.default,{style:a,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),a=t(61667),l=t.n(a),d=new URL(t(64197),t.b),p=s()(r()),c=l()(d);p.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=p},53946:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n  width: calc(100% - 12px);\n}\n",""]);var a="index-module--GKAfY";const l=s},11309:(e,n,t)=>{t.d(n,{JU:()=>p,LI:()=>l,YS:()=>a,ZP:()=>c,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var a="index-module--RNSdL",l="index-module--BZXkK",d="index-module--WUQm2",p="index-module--f88nM";const c=s},18135:(e,n,t)=>{t.d(n,{F2:()=>c,O7:()=>l,TN:()=>d,ZP:()=>x,eR:()=>u,kA:()=>f,q_:()=>a,t:()=>m,t$:()=>p});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var a="index-module--BRYpa",l="index-module--VyzqQ",d="index-module--KQkM7",p="index-module--bKCuD",c="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const x=s},60636:(e,n,t)=>{t.d(n,{F2:()=>p,No:()=>l,YS:()=>a,ZP:()=>u,pA:()=>c,wb:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var a="index-module--V0pQW",l="index-module--zHWrU",d="index-module--rSXQZ",p="index-module--Ublpe",c="index-module--jEYkH";const u=s},7182:(e,n,t)=>{t.d(n,{O7:()=>a,TN:()=>d,ZN:()=>p,ZP:()=>c,eR:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\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  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\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--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var a="index-module--j9Vsg",l="index-module--oMpID",d="index-module--F6wCX",p="index-module--mALKQ";const c=s},74219:(e,n,t)=>{t.d(n,{YS:()=>a,ZP:()=>d,sL:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n",""]);var a="index-module--vkNxi",l="index-module--cmtxo";const d=s},77113:(e,n,t)=>{t.d(n,{F1:()=>l,Ry:()=>a,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var a="index-module--x75w5",l="index-module--tgKwN";const d=s},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>a,TN:()=>p,ZN:()=>c,ZP:()=>f,eR:()=>l,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.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 a="index-module--v5pSs",l="index-module--WNi5H",d="index-module--L1EGw",p="index-module--BYNhM",c="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const f=s},98404:(e,n,t)=>{t.d(n,{Z:()=>l,f:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var a="index-module--hCQUB";const l=s},70410:(e,n,t)=>{t.d(n,{ZP:()=>l,pw:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var a="index-module--anx5T";const l=s},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(43078),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>x.pw});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(70410),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);