@crystaldesign/diva-web-planner-react 26.3.0-beta.33 → 26.3.0-beta.35

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9706.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9706,7791],{57446:function(r,m,x){var w;r.exports=(w=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var w=m[x]={i:x,l:!1,exports:{}};return r[x].call(w.exports,w,w.exports,n),w.l=!0,w.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},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 x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var w in r)n.d(x,w,function(m){return r[m]}.bind(null,w));return x},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,x){r.exports=x(2)()},function(r,m){r.exports=w},function(r,m,x){"use strict";var w=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,v,C){if(C!==w){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var w=x(1),y=x.n(w),v=x(0),C=x.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var w in x)Object.prototype.hasOwnProperty.call(x,w)&&(r[w]=x[w])}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 x=0;x<m.length;x++){var w=m[x];w.enumerable=w.enumerable||!1,w.configurable=!0,"value"in w&&(w.writable=!0),Object.defineProperty(r,w.key,w)}}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 x,w=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(w,arguments,y)}else x=w.apply(this,arguments);return f(this,x)}}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,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,w,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=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(){x.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,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__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},x=this.state.isClosed?"is-closed":"is-open",w=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,P=k.classParentString,j=k.contentOuterClassName,N=k.contentInnerClassName,S="".concat(P,"__trigger ").concat(x," ").concat(w," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),B="".concat(P,"__contentOuter ").concat(j),U="".concat(P,"__contentInner ").concat(N);return y.a.createElement(C,l({className:I.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:S.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:B.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},y.a.createElement("div",{className:U.trim()},T)))}}])&&p(m.prototype,x),w&&p(m,w),Object.defineProperty(m,"prototype",{writable:!1}),s}(w.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},30030:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>A});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(67101),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(88683),E=x(9420),R=x(65515),Z=x.n(R),W=x(47514);const A=(0,E.Pi)((function CollapsibleTrigger(r){var m=r.open,x=(0,_.useTranslation)().t;return(0,W.jsxs)("div",{className:Z()(B.S2,m?B.bA:void 0),children:[(0,W.jsx)("div",{children:x("configurator.conceptFilter.trigger")}),(0,W.jsx)("div",{className:B.V8})]})}))},96942:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>A});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(53892),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(65515),E=x.n(_),R=x(9420),Z=x(98544),W=x(47514);const A=(0,R.Pi)((function ConceptItem(r){var m=r.item;return(0,W.jsx)("div",{className:E()(B.x_,m.selected?B.pA:void 0),onClick:m.onClick,children:(0,W.jsxs)("div",{className:B.YS,children:[(0,W.jsx)("img",{src:m.image}),m.name&&(0,W.jsx)("div",{className:B.aS,children:(0,W.jsx)("div",{className:B.TN,children:m.name})}),m.contentItemId&&(0,W.jsx)(Z.default,{item:m,style:{top:0,bottom:"unset"}})]})})}))},27791:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(5611),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(9420),E=x(47514);const R=(0,_.Pi)((function InfoBanner(r){var m=r.title,x=r.text;return(0,E.jsxs)("div",{className:B.YS,children:[(0,E.jsx)("div",{className:B.TN,children:m}),(0,E.jsx)("div",{children:x})]})}))},59706:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>V});var w=x(34988),y=x(87363),v=x(9420),C=x(37707),O=x(74635),T=x(96942),k=x(93379),P=x.n(k),j=x(7795),N=x.n(j),S=x(90569),I=x.n(S),B=x(3565),U=x.n(B),_=x(19216),E=x.n(_),R=x(44589),Z=x.n(R),W=x(47898),A={};A.styleTagTransform=Z(),A.setAttributes=U(),A.insert=I().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=E();P()(W.ZP,A);W.ZP&&W.ZP.locals&&W.ZP.locals;var H=x(65515),D=x.n(H),z=x(57446),F=x.n(z),M=x(30030),Y=x(27791),L=x(47514);const V=(0,v.Pi)((function ConceptFilter(r){var m=r.genericConceptItems,x=r.bannerTitle,v=r.bannerText,k=r.onClose,P=(0,y.useState)(null),j=(0,w.Z)(P,2),N=j[0],S=j[1];return(0,L.jsxs)(F(),{open:!0,className:W.m5,trigger:(0,L.jsx)(M.default,{open:!1}),triggerWhenOpen:(0,L.jsx)(M.default,{open:!0}),contentInnerClassName:W.M2,easing:"ease-out",onClose:function onClose(){null==k||k()},children:[(0,L.jsx)(Y.default,{title:x,text:v}),(0,L.jsx)("div",{className:D()(W.jF,W.w6),children:(0,L.jsx)(C.tq,{onSwiper:S,resizeObserver:!0,modules:[O.W_,O.rj],style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,grid:{rows:2},children:m.map((function(r,m){return(0,L.jsx)(C.o5,{onClick:function onClick(r){var x=(m-m%2)/2-1;!function navigateToOnClick(r){null==N||N.slideTo(r)}(x>=0?x:0),r.stopPropagation()},children:(0,L.jsx)(T.default,{item:r},r.key)},m)}))})})]})}))},67101:(r,m,x)=>{"use strict";x.d(m,{S2:()=>N,V8:()=>S,ZP:()=>B,bA:()=>I});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v),O=x(61667),T=x.n(O),k=new URL(x(24827),x.b),P=C()(y()),j=T()(k);P.push([r.id,".index-module--l4LeZ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  width: calc(100% - 28px); /* adjust as needed */\n  background: #f9f9ff; /* very light lavender */\n  border: 1px solid #b6c6f3; /* light blue border */\n  border-radius: 8px; /* rounded corners */\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 14px;\n  color: #4a52c4; /* medium blue text */\n  cursor: pointer;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* subtle shadow */\n}\n\n.index-module--VgsXo {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: center / 100% no-repeat url("+j+");\n  transition: transform 0.3s ease;\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.index-module--lnJF9 .index-module--VgsXo {\n  transform: translateY(-50%) rotate(0deg);\n}\n",""]);var N="index-module--l4LeZ",S="index-module--VgsXo",I="index-module--lnJF9";const B=P},53892:(r,m,x)=>{"use strict";x.d(m,{TN:()=>j,YS:()=>k,ZP:()=>N,aS:()=>P,pA:()=>T,x_:()=>O});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v)()(y());C.push([r.id,".index-module--t1H6e {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--t1H6e:not(.index-module--wmaio):hover {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--vUH22 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  display: flex;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n}\n\n.index-module--wmaio .index-module--vUH22 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--t1H6e img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n}\n\n.index-module--xlZOh {\n  position: absolute;\n  bottom: 3px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: calc(100% - 6px);\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 42px;\n}\n\n.index-module--jQOFg {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 5px;\n}\n",""]);var O="index-module--t1H6e",T="index-module--wmaio",k="index-module--vUH22",P="index-module--xlZOh",j="index-module--jQOFg";const N=C},5611:(r,m,x)=>{"use strict";x.d(m,{TN:()=>T,YS:()=>O,ZP:()=>k});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v)()(y());C.push([r.id,".index-module--MbKWf {\n  padding: 12px 20px;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3); /* light blue gradient */\n  border-radius: 10px; /* rounded corners */\n  border: 1px solid #c0cfdc; /* subtle border */\n  font-family: Arial, Helvetica, sans-serif;\n  text-align: center;\n  color: #2a4b63; /* dark bluish text */\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* soft shadow */\n  width: calc(100% - 42px);\n}\n\n.index-module--ycv65 {\n  font-weight: bold;\n  font-size: 1.1em;\n  display: block;\n  margin-bottom: 4px;\n}\n",""]);var O="index-module--MbKWf",T="index-module--ycv65";const k=C},47898:(r,m,x)=>{"use strict";x.d(m,{M2:()=>S,ZP:()=>U,jF:()=>B,m5:()=>N,w6:()=>I});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v),O=x(61667),T=x.n(O),k=new URL(x(64197),x.b),P=C()(y()),j=T()(k);P.push([r.id,".index-module--IthDR {\n  margin-bottom: 16px;\n}\n\n.index-module--NIRNf {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--hk2t6.index-module--Bu7eU {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  height: 198px;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+j+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-android .swiper-slide,\n.index-module--hk2t6.index-module--Bu7eU .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight,\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--hk2t6.index-module--Bu7eU .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--hk2t6.index-module--Bu7eU .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--hk2t6.index-module--Bu7eU .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--hk2t6.index-module--Bu7eU .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--hk2t6.index-module--Bu7eU .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--hk2t6.index-module--Bu7eU .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var N="index-module--IthDR",S="index-module--NIRNf",I="index-module--hk2t6",B="index-module--Bu7eU";const U=P}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9706,7791],{57446:function(r,m,x){var w;r.exports=(w=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var w=m[x]={i:x,l:!1,exports:{}};return r[x].call(w.exports,w,w.exports,n),w.l=!0,w.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},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 x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var w in r)n.d(x,w,function(m){return r[m]}.bind(null,w));return x},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,x){r.exports=x(2)()},function(r,m){r.exports=w},function(r,m,x){"use strict";var w=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,v,C){if(C!==w){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var w=x(1),y=x.n(w),v=x(0),C=x.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var w in x)Object.prototype.hasOwnProperty.call(x,w)&&(r[w]=x[w])}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 x=0;x<m.length;x++){var w=m[x];w.enumerable=w.enumerable||!1,w.configurable=!0,"value"in w&&(w.writable=!0),Object.defineProperty(r,w.key,w)}}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 x,w=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(w,arguments,y)}else x=w.apply(this,arguments);return f(this,x)}}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,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,w,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=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(){x.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,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__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},x=this.state.isClosed?"is-closed":"is-open",w=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,k=this.props,P=k.classParentString,j=k.contentOuterClassName,N=k.contentInnerClassName,S="".concat(P,"__trigger ").concat(x," ").concat(w," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),B="".concat(P,"__contentOuter ").concat(j),U="".concat(P,"__contentInner ").concat(N);return y.a.createElement(C,l({className:I.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:S.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:B.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},y.a.createElement("div",{className:U.trim()},T)))}}])&&p(m.prototype,x),w&&p(m,w),Object.defineProperty(m,"prototype",{writable:!1}),s}(w.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},30030:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>A});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(67101),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(88683),E=x(9420),R=x(65515),Z=x.n(R),W=x(47514);const A=(0,E.Pi)((function CollapsibleTrigger(r){var m=r.open,x=(0,_.useTranslation)().t;return(0,W.jsxs)("div",{className:Z()(B.S2,m?B.bA:void 0),children:[(0,W.jsx)("div",{children:x("configurator.conceptFilter.trigger")}),(0,W.jsx)("div",{className:B.V8})]})}))},96942:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>A});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(53892),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(65515),E=x.n(_),R=x(9420),Z=x(98544),W=x(47514);const A=(0,R.Pi)((function ConceptItem(r){var m=r.item;return(0,W.jsx)("div",{className:E()(B.x_,m.selected?B.pA:void 0),onClick:m.onClick,children:(0,W.jsxs)("div",{className:B.YS,children:[(0,W.jsx)("img",{src:m.image}),m.name&&(0,W.jsx)("div",{className:B.aS,children:(0,W.jsx)("div",{className:B.TN,children:m.name})}),m.contentItemId&&(0,W.jsx)(Z.default,{item:m,style:{top:0,bottom:"unset"}})]})})}))},27791:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var w=x(93379),y=x.n(w),v=x(7795),C=x.n(v),O=x(90569),T=x.n(O),k=x(3565),P=x.n(k),j=x(19216),N=x.n(j),S=x(44589),I=x.n(S),B=x(5611),U={};U.styleTagTransform=I(),U.setAttributes=P(),U.insert=T().bind(null,"head"),U.domAPI=C(),U.insertStyleElement=N();y()(B.ZP,U);B.ZP&&B.ZP.locals&&B.ZP.locals;var _=x(9420),E=x(47514);const R=(0,_.Pi)((function InfoBanner(r){var m=r.title,x=r.text;return(0,E.jsxs)("div",{className:B.YS,children:[(0,E.jsx)("div",{className:B.TN,children:m}),(0,E.jsx)("div",{children:x})]})}))},59706:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>V});var w=x(38946),y=x(87363),v=x(9420),C=x(37707),O=x(74635),T=x(96942),k=x(93379),P=x.n(k),j=x(7795),N=x.n(j),S=x(90569),I=x.n(S),B=x(3565),U=x.n(B),_=x(19216),E=x.n(_),R=x(44589),Z=x.n(R),W=x(47898),A={};A.styleTagTransform=Z(),A.setAttributes=U(),A.insert=I().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=E();P()(W.ZP,A);W.ZP&&W.ZP.locals&&W.ZP.locals;var H=x(65515),D=x.n(H),z=x(57446),F=x.n(z),M=x(30030),Y=x(27791),L=x(47514);const V=(0,v.Pi)((function ConceptFilter(r){var m=r.genericConceptItems,x=r.bannerTitle,v=r.bannerText,k=r.onClose,P=(0,y.useState)(null),j=(0,w.Z)(P,2),N=j[0],S=j[1];return(0,L.jsxs)(F(),{open:!0,className:W.m5,trigger:(0,L.jsx)(M.default,{open:!1}),triggerWhenOpen:(0,L.jsx)(M.default,{open:!0}),contentInnerClassName:W.M2,easing:"ease-out",onClose:function onClose(){null==k||k()},children:[(0,L.jsx)(Y.default,{title:x,text:v}),(0,L.jsx)("div",{className:D()(W.jF,W.w6),children:(0,L.jsx)(C.tq,{onSwiper:S,resizeObserver:!0,modules:[O.W_,O.rj],style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,grid:{rows:2},children:m.map((function(r,m){return(0,L.jsx)(C.o5,{onClick:function onClick(r){var x=(m-m%2)/2-1;!function navigateToOnClick(r){null==N||N.slideTo(r)}(x>=0?x:0),r.stopPropagation()},children:(0,L.jsx)(T.default,{item:r},r.key)},m)}))})})]})}))},67101:(r,m,x)=>{"use strict";x.d(m,{S2:()=>N,V8:()=>S,ZP:()=>B,bA:()=>I});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v),O=x(61667),T=x.n(O),k=new URL(x(24827),x.b),P=C()(y()),j=T()(k);P.push([r.id,".index-module--l4LeZ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  width: calc(100% - 28px); /* adjust as needed */\n  background: #f9f9ff; /* very light lavender */\n  border: 1px solid #b6c6f3; /* light blue border */\n  border-radius: 8px; /* rounded corners */\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 14px;\n  color: #4a52c4; /* medium blue text */\n  cursor: pointer;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* subtle shadow */\n}\n\n.index-module--VgsXo {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: center / 100% no-repeat url("+j+");\n  transition: transform 0.3s ease;\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.index-module--lnJF9 .index-module--VgsXo {\n  transform: translateY(-50%) rotate(0deg);\n}\n",""]);var N="index-module--l4LeZ",S="index-module--VgsXo",I="index-module--lnJF9";const B=P},53892:(r,m,x)=>{"use strict";x.d(m,{TN:()=>j,YS:()=>k,ZP:()=>N,aS:()=>P,pA:()=>T,x_:()=>O});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v)()(y());C.push([r.id,".index-module--t1H6e {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--t1H6e:not(.index-module--wmaio):hover {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--vUH22 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  display: flex;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n}\n\n.index-module--wmaio .index-module--vUH22 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--t1H6e img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n}\n\n.index-module--xlZOh {\n  position: absolute;\n  bottom: 3px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: calc(100% - 6px);\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 42px;\n}\n\n.index-module--jQOFg {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 5px;\n}\n",""]);var O="index-module--t1H6e",T="index-module--wmaio",k="index-module--vUH22",P="index-module--xlZOh",j="index-module--jQOFg";const N=C},5611:(r,m,x)=>{"use strict";x.d(m,{TN:()=>T,YS:()=>O,ZP:()=>k});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v)()(y());C.push([r.id,".index-module--MbKWf {\n  padding: 12px 20px;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3); /* light blue gradient */\n  border-radius: 10px; /* rounded corners */\n  border: 1px solid #c0cfdc; /* subtle border */\n  font-family: Arial, Helvetica, sans-serif;\n  text-align: center;\n  color: #2a4b63; /* dark bluish text */\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* soft shadow */\n  width: calc(100% - 42px);\n}\n\n.index-module--ycv65 {\n  font-weight: bold;\n  font-size: 1.1em;\n  display: block;\n  margin-bottom: 4px;\n}\n",""]);var O="index-module--MbKWf",T="index-module--ycv65";const k=C},47898:(r,m,x)=>{"use strict";x.d(m,{M2:()=>S,ZP:()=>U,jF:()=>B,m5:()=>N,w6:()=>I});var w=x(8081),y=x.n(w),v=x(23645),C=x.n(v),O=x(61667),T=x.n(O),k=new URL(x(64197),x.b),P=C()(y()),j=T()(k);P.push([r.id,".index-module--IthDR {\n  margin-bottom: 16px;\n}\n\n.index-module--NIRNf {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--hk2t6.index-module--Bu7eU {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  height: 198px;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+j+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-android .swiper-slide,\n.index-module--hk2t6.index-module--Bu7eU .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--hk2t6.index-module--Bu7eU .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight,\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--hk2t6.index-module--Bu7eU .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--hk2t6.index-module--Bu7eU .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--hk2t6.index-module--Bu7eU .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--hk2t6.index-module--Bu7eU .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--hk2t6.index-module--Bu7eU .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--hk2t6.index-module--Bu7eU .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--hk2t6.index-module--Bu7eU .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var N="index-module--IthDR",S="index-module--NIRNf",I="index-module--hk2t6",B="index-module--Bu7eU";const U=P}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9715.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9715,2164,896,8906,4514,7663,1912,2508,5576,6557],{22164:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(63762),o=t(9420),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(89460),I={};I.styleTagTransform=f(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=g();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(47514),v=!1;const j=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,r.useRef)(null);(0,r.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var d=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,w.jsxs)("div",{ref:o,className:h.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:d,onTouchStart:function onTouchStart(){v=!1},onTouchMove:function onTouchMove(){v=!0},onTouchEnd:function onTouchEnd(n){v||d(n),v=!1},children:[(0,w.jsx)("canvas",{className:h.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,w.jsx)("div",{className:h.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},80896:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(63762),o=(t(87363),t(86924)),r=t(47514);const d=function Planner3DGrid(n){var e=(0,i.NP)();return(0,r.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.nX})}},98906:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(9420),o=t(63762),r=(t(87363),t(88683)),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(19662),I={};I.styleTagTransform=f(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=g();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),v=t.n(w),j=t(47514);const y=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,r.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,j.jsx)("img",{className:v()(h.jY,e.getIsInMobileView()?h.ai:void 0,e.productState.orbitHidden||e.uiState.isMobilePortrait||e.uiState.isMobileLandscape?h.Oj:h.al),src:t}):(0,j.jsx)(j.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavBar(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function OrbitInteraction(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(63762),o=t(9420),r=(t(87363),t(14514)),d=t(86924),a=t(47514);const l=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,a.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:d.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,a.jsx)(r.default,{}),(0,a.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?d.Y6:d.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc})]})}))},2508:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(34988),o=t(63762),r=t(9420),d=t(87363),a=t(37707),l=t(74635),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),g=t.n(x),b=t(3565),f=t.n(b),h=t(19216),I=t.n(h),w=t(44589),v=t.n(w),j=t(19723),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=g().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=I();c()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(47514),S={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const A=(0,r.Pi)((function PlannerAIRoom(){var n,e,t=(0,o.NP)(),r=t.aiState,u=(0,s.useTranslation)(),c=u.i18n,p=u.t,m=(0,d.useRef)(null),x=(0,d.useState)(0),g=(0,i.Z)(x,2),b=g[0],f=g[1],h=(0,d.useState)(0),I=(0,i.Z)(h,2),w=I[0],v=I[1],y=(0,d.useRef)(0),A=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),N=null!==(e=S[A])&&void 0!==e?e:S.de,D=r.isAnyGenerationInProgress,M=r.generatedImageHistory,Z=t.productState.doShowAIRoom,z=M.length>0;return(0,d.useEffect)((function(){var n=M[w];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[w]),(0,d.useEffect)((function(){if(D){var n=setInterval((function(){f((function(n){return(n+1)%N.length}))}),3e3);return function(){return clearInterval(n)}}f(0)}),[D]),(0,d.useEffect)((function(){M.length>y.current&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300)),y.current=M.length}),[M.length]),(0,d.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=M.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));n>-1&&n!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300))}}),[r.currentlyVisibleRoom,M]),(0,P.jsxs)("div",{className:j.Cp,id:"ai-room-container",style:{visibility:Z?"visible":"hidden",pointerEvents:Z?"auto":"none"},children:[z?(0,P.jsxs)("div",{className:j.nl,children:[(0,P.jsx)(a.tq,{modules:[l.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return v(n.realIndex)},loop:(null==M?void 0:M.length)>1,children:M.map((function(n,e){return(0,P.jsx)(a.o5,{children:(0,P.jsx)("div",{className:"".concat(j.Rc," ").concat(D?j.Qc:""),children:(0,P.jsx)("img",{className:j.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))}),M.length>1&&!D&&(0,P.jsxs)("div",{className:j.mm,children:[w+1," / ",M.length]})]}):r.currentlyVisibleRoom&&(0,P.jsx)("div",{className:j.Rc,children:(0,P.jsx)("img",{className:j.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),D&&(0,P.jsxs)("div",{className:j.B7,children:[(0,P.jsx)("div",{className:j.lY}),(0,P.jsx)("p",{className:j.w4,children:N[b]},b)]}),z&&!D&&(0,P.jsx)("div",{className:j.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},98881:(n,e,t)=>{t.r(e),t.d(e,{default:()=>p});var i=t(34988),o=t(65515),r=t.n(o),d=t(63762),a=t(87363),l=t(88683),s=t(9420),u=t(70144),c=t(47514);const p=(0,s.Pi)((function PlannerMsgItem(n){var e=n.item,t=n.codex,o=(0,d.NP)(),s=(0,l.useTranslation)().t,p=(0,a.useState)(!1),m=(0,i.Z)(p,2),x=m[0],g=m[1];return(0,a.useEffect)((function(){1==e.autoHide&&(setTimeout((function(){return g(!0)}),e.timeoutDuration),setTimeout((function(){return o.productState.updatePlannerMsgContainer(t,!1,e.type,e.content,e.autoHide)}),e.timeoutDuration+500))}),[]),(0,c.jsxs)("div",{className:r()(u.$O,o.uiState.isInMobileView?u.ai:void 0,x?u.RK:void 0,e.collapsed?u.do:void 0,"INFO"==e.type?u.dP:void 0,"WARNING"==e.type?u.dX:void 0),children:[(0,c.jsx)("div",{className:r()(u.z6,"INFO"==e.type?u.Ac:void 0,"WARNING"==e.type?u.nW:void 0)}),(0,c.jsx)("div",{className:r()(u.$2,"INFO"==e.type?u.Xh:void 0,"WARNING"==e.type?u.Df:void 0),dangerouslySetInnerHTML:"string"==typeof e.content?{__html:s("configurator."+e.content,e.content)}:void 0}),"string"!=typeof e.content&&e.content]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(88291),o=t(65515),r=t.n(o),d=t(63762),a=t(9420),l=(t(87363),t(98881)),s=t(70144),u=t(47514);const c=(0,a.Pi)((function PlannerMsgContainer(n){(0,i.Z)(n);var e=(0,d.NP)();return(0,u.jsx)("div",{className:r()(s.C1,e.uiState.configSettingsIsExpanded?s.zh:void 0,e.uiState.isInMobileView?s.ai:void 0),children:e.productState.plannerMessagesArr.map((function(n){return(0,u.jsx)(l.default,{item:n[1],codex:n[0]},n[0])}))})}))},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});t(87363);var i=t(2765),o=t(47514);const r=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},66557:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});t(87363);var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(80292),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var f=t(63762),h=t(65515),I=t.n(h),w=t(9420),v=t(88683),j=t(47514);const y=(0,w.Pi)((function RotateInfo(n){var e=(0,f.NP)(),t=(0,v.useTranslation)().t;return!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:I()(g.nC,e.productState.orbitHidden?g.Oj:g.al),children:[(0,j.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,j.jsx)("div",{className:g.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(80248),o=t(63762),r=t(9420),d=t(87363),a=t.n(d),l=t(22164),s=t(61912),u=t(2508),c=t(86924),p=t(65515),m=t.n(p),x=t(80896),g=t(82458),b=t(5576),f=t(66557),h=t(27663),I=t(61666),w=t(98906),v=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var j=a().lazy((function(){return t.e(6800).then(t.bind(t,60225))})),y=a().lazy((function(){return t.e(1341).then(t.bind(t,31341))}));const P=(0,r.Pi)((function ProductCenter(n){var e=n.style,t=(0,o.NP)(),i="3DImage"==t.viewPlannerHandler.getCurPlannerViewMode()&&t.productState.doShowRenderImage&&(!t.uiState.ViewConfig.dontShowOrbitInMobile||!t.getIsInMobileView())&&!t.productState.plannerRenderingIsStaticBG;return(0,v.jsxs)("div",{style:_objectSpread(_objectSpread({},e),t.productState.isARIframeVisible?{zIndex:1e6}:{}),className:m()(c.i5,t.uiState.isMobilePortrait?c.tW:void 0,t.uiState.isMobileLandscape?c.rK:void 0,t.productState.doShowGrid?c.VR:void 0,c.Gr),onMouseDown:function onMouseDown(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},onTouchStart:function onTouchStart(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},children:[(0,v.jsx)(g.default,{}),(0,v.jsx)(s.default,{}),(0,v.jsx)(w.default,{}),t.productState.allow3DComb&&(0,v.jsx)(d.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(j,{})}),(0,v.jsx)(x.default,{}),(t.productState.allowRTV||t.productState.allowQRCodeAR)&&(0,v.jsx)(d.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(y,{})}),i&&(0,v.jsx)(h.default,{}),(0,v.jsx)(l.default,{}),(0,v.jsx)(u.default,{}),t.uiState.isInMobileView&&(0,v.jsx)(I.default,{}),(0,v.jsx)(f.default,{}),!t.productState.hidePlannerUiIcons&&!(t.productState.doShowRTV||t.productState.doShow3DComb)&&(0,v.jsx)(b.default,{}),"No"==t.productState.plannerMode&&(0,v.jsx)("div",{className:c.Eg,children:t.productState.articleImage&&(0,v.jsx)("img",{src:t.productState.articleImage,className:c.be})})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>x,Ff:()=>m,NK:()=>p,ZP:()=>g});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(47129),t.b),u=d()(o()),c=l()(s);u.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var p="index-module--e25H_",m="index-module--R7_8F",x="index-module--Dws3z";const g=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,ai:()=>u,al:()=>l,jY:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--CRC06.index-module--id3ze {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n",""]);var a="index-module--id3ze",l="index-module--aig60",s="index-module--GcdrL",u="index-module--CRC06";const c=d},19723:(n,e,t)=>{t.d(e,{B7:()=>m,Cp:()=>a,Qc:()=>u,Rc:()=>s,ZG:()=>c,ZP:()=>f,bg:()=>b,lY:()=>x,mm:()=>p,nl:()=>l,w4:()=>g});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--Sw2wM {\n  filter: blur(16px) brightness(0.72);\n  transform: scale(1.04);\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading overlay ────────────────────────────────────── */\n\n.index-module--FLZ8x {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 12;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n  pointer-events: none;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var a="index-module--K4sxz",l="index-module--d9Zip",s="index-module--BE8L5",u="index-module--Sw2wM",c="index-module--_fRU1",p="index-module--PG_Iw",m="index-module--FLZ8x",x="index-module--ULtbB",g="index-module--K3jOc",b="index-module--Blsq3";const f=d},33222:(n,e,t)=>{t.d(e,{$2:()=>w,$O:()=>I,Ac:()=>S,C1:()=>b,Df:()=>N,RK:()=>v,Xh:()=>D,ZP:()=>Z,ai:()=>f,dP:()=>j,dX:()=>y,do:()=>M,nW:()=>A,z6:()=>P,zh:()=>h});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(22209),t.b),u=new URL(t(67806),t.b),c=new URL(t(27557),t.b),p=d()(o()),m=l()(s),x=l()(u),g=l()(c);p.push([n.id,".index-module--Nt02L {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 10000;\n}\n\n.index-module--Nt02L.index-module--kBf5B {\n  top: 20%;\n}\n\n.index-module--LOKMN.index-module--Nt02L {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--h1W3W {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 16px;\n  transition: opacity 0.3s ease-in-out;\n  opacity: 1;\n}\n\n.index-module--kBf5B.index-module--h1W3W {\n  padding: 12px 12px 12px 16px;\n}\n\n.index-module--kBf5B .index-module--TwQiv {\n  font-size: 14px;\n  line-height: 16px;\n  min-width: 250px;\n}\n\n.index-module--PWqtK {\n  opacity: 0;\n}\n\n.index-module--jKyDi {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--vv9Ga {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--opKTa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+m+");\n}\n\n.index-module--Ioh3i {\n  background-image: url("+x+");\n}\n\n.index-module--xjTnW {\n  background-image: url("+m+");\n}\n.index-module--TwQiv {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--e0a8J .index-module--TwQiv,\n.index-module--FqmRQ .index-module--TwQiv {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--p4Y7K {\n  color: var(--primaryColor);\n}\n.index-module--TeJvx {\n  color: black;\n}\n\n.index-module--Nt02L .index-module--cLmxv {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--MgIU5 .index-module--cLmxv {\n  transform: rotate(180deg);\n}\n\n.index-module--MgIU5 {\n  width: 10px;\n}\n\n.index-module--MgIU5 .index-module--TeJvx {\n  display: none;\n}\n\n/* pfister style */\n.index-module--Nt02L .index-module--cLmxv {\n  display: none;\n}\n",""]);var b="index-module--Nt02L",f="index-module--kBf5B",h="index-module--LOKMN",I="index-module--h1W3W",w="index-module--TwQiv",v="index-module--PWqtK",j="index-module--jKyDi",y="index-module--vv9Ga",P="index-module--opKTa",S="index-module--Ioh3i",A="index-module--xjTnW",N="index-module--p4Y7K",D="index-module--TeJvx",M="index-module--MgIU5";const Z=p},80292:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,al:()=>l,fL:()=>u,nC:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 990;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--N2P6A",l="index-module--WXb38",s="index-module--HLqXb",u="index-module--kwrRG";const c=d},109:(n,e,t)=>{t.d(e,{Eg:()=>m,Gr:()=>s,VR:()=>c,Y0:()=>g,Y6:()=>b,ZP:()=>h,be:()=>x,i5:()=>a,nX:()=>f,pI:()=>p,rK:()=>l,tW:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var a="index-module--vorE_",l="index-module--gB2ft",s="index-module--rUFyU",u="index-module--oczb9",c="index-module--XIBwe",p="index-module--ns190",m="index-module--k9Dtu",x="index-module--M16ih",g="index-module--bGZ75",b="index-module--J4_kY",f="index-module--ddqos";const h=d},70144:(n,e,t)=>{t.d(e,{$2:()=>g.$2,$O:()=>g.$O,Ac:()=>g.Ac,C1:()=>g.C1,Df:()=>g.Df,RK:()=>g.RK,Xh:()=>g.Xh,ai:()=>g.ai,dP:()=>g.dP,dX:()=>g.dX,do:()=>g.do,nW:()=>g.nW,z6:()=>g.z6,zh:()=>g.zh});var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(33222),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},86924:(n,e,t)=>{t.d(e,{Eg:()=>g.Eg,Gr:()=>g.Gr,VR:()=>g.VR,Y0:()=>g.Y0,Y6:()=>g.Y6,be:()=>g.be,i5:()=>g.i5,nX:()=>g.nX,pI:()=>g.pI,rK:()=>g.rK,tW:()=>g.tW});var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(109),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="},67806:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9715,2164,896,8906,4514,7663,1912,2508,5576,6557],{22164:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(63762),o=t(9420),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(89460),I={};I.styleTagTransform=f(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=g();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(47514),v=!1;const j=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,r.useRef)(null);(0,r.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var d=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,w.jsxs)("div",{ref:o,className:h.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:d,onTouchStart:function onTouchStart(){v=!1},onTouchMove:function onTouchMove(){v=!0},onTouchEnd:function onTouchEnd(n){v||d(n),v=!1},children:[(0,w.jsx)("canvas",{className:h.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,w.jsx)("div",{className:h.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},80896:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(63762),o=(t(87363),t(86924)),r=t(47514);const d=function Planner3DGrid(n){var e=(0,i.NP)();return(0,r.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.nX})}},98906:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(9420),o=t(63762),r=(t(87363),t(88683)),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(19662),I={};I.styleTagTransform=f(),I.setAttributes=m(),I.insert=c().bind(null,"head"),I.domAPI=s(),I.insertStyleElement=g();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),v=t.n(w),j=t(47514);const y=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,r.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,j.jsx)("img",{className:v()(h.jY,e.getIsInMobileView()?h.ai:void 0,e.productState.orbitHidden||e.uiState.isMobilePortrait||e.uiState.isMobileLandscape?h.Oj:h.al),src:t}):(0,j.jsx)(j.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavBar(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function OrbitInteraction(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(63762),o=t(9420),r=(t(87363),t(14514)),d=t(86924),a=t(47514);const l=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,a.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:d.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,a.jsx)(r.default,{}),(0,a.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?d.Y6:d.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc})]})}))},2508:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(38946),o=t(63762),r=t(9420),d=t(87363),a=t(37707),l=t(74635),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),g=t.n(x),b=t(3565),f=t.n(b),h=t(19216),I=t.n(h),w=t(44589),v=t.n(w),j=t(19723),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=g().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=I();c()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(47514),S={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const A=(0,r.Pi)((function PlannerAIRoom(){var n,e,t=(0,o.NP)(),r=t.aiState,u=(0,s.useTranslation)(),c=u.i18n,p=u.t,m=(0,d.useRef)(null),x=(0,d.useState)(0),g=(0,i.Z)(x,2),b=g[0],f=g[1],h=(0,d.useState)(0),I=(0,i.Z)(h,2),w=I[0],v=I[1],y=(0,d.useRef)(0),A=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),N=null!==(e=S[A])&&void 0!==e?e:S.de,D=r.isAnyGenerationInProgress,M=r.generatedImageHistory,Z=t.productState.doShowAIRoom,z=M.length>0;return(0,d.useEffect)((function(){var n=M[w];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[w]),(0,d.useEffect)((function(){if(D){var n=setInterval((function(){f((function(n){return(n+1)%N.length}))}),3e3);return function(){return clearInterval(n)}}f(0)}),[D]),(0,d.useEffect)((function(){M.length>y.current&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300)),y.current=M.length}),[M.length]),(0,d.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=M.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));n>-1&&n!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300))}}),[r.currentlyVisibleRoom,M]),(0,P.jsxs)("div",{className:j.Cp,id:"ai-room-container",style:{visibility:Z?"visible":"hidden",pointerEvents:Z?"auto":"none"},children:[z?(0,P.jsxs)("div",{className:j.nl,children:[(0,P.jsx)(a.tq,{modules:[l.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return v(n.realIndex)},loop:(null==M?void 0:M.length)>1,children:M.map((function(n,e){return(0,P.jsx)(a.o5,{children:(0,P.jsx)("div",{className:"".concat(j.Rc," ").concat(D?j.Qc:""),children:(0,P.jsx)("img",{className:j.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))}),M.length>1&&!D&&(0,P.jsxs)("div",{className:j.mm,children:[w+1," / ",M.length]})]}):r.currentlyVisibleRoom&&(0,P.jsx)("div",{className:j.Rc,children:(0,P.jsx)("img",{className:j.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),D&&(0,P.jsxs)("div",{className:j.B7,children:[(0,P.jsx)("div",{className:j.lY}),(0,P.jsx)("p",{className:j.w4,children:N[b]},b)]}),z&&!D&&(0,P.jsx)("div",{className:j.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},98881:(n,e,t)=>{t.r(e),t.d(e,{default:()=>p});var i=t(38946),o=t(65515),r=t.n(o),d=t(63762),a=t(87363),l=t(88683),s=t(9420),u=t(70144),c=t(47514);const p=(0,s.Pi)((function PlannerMsgItem(n){var e=n.item,t=n.codex,o=(0,d.NP)(),s=(0,l.useTranslation)().t,p=(0,a.useState)(!1),m=(0,i.Z)(p,2),x=m[0],g=m[1];return(0,a.useEffect)((function(){1==e.autoHide&&(setTimeout((function(){return g(!0)}),e.timeoutDuration),setTimeout((function(){return o.productState.updatePlannerMsgContainer(t,!1,e.type,e.content,e.autoHide)}),e.timeoutDuration+500))}),[]),(0,c.jsxs)("div",{className:r()(u.$O,o.uiState.isInMobileView?u.ai:void 0,x?u.RK:void 0,e.collapsed?u.do:void 0,"INFO"==e.type?u.dP:void 0,"WARNING"==e.type?u.dX:void 0),children:[(0,c.jsx)("div",{className:r()(u.z6,"INFO"==e.type?u.Ac:void 0,"WARNING"==e.type?u.nW:void 0)}),(0,c.jsx)("div",{className:r()(u.$2,"INFO"==e.type?u.Xh:void 0,"WARNING"==e.type?u.Df:void 0),dangerouslySetInnerHTML:"string"==typeof e.content?{__html:s("configurator."+e.content,e.content)}:void 0}),"string"!=typeof e.content&&e.content]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(88291),o=t(65515),r=t.n(o),d=t(63762),a=t(9420),l=(t(87363),t(98881)),s=t(70144),u=t(47514);const c=(0,a.Pi)((function PlannerMsgContainer(n){(0,i.Z)(n);var e=(0,d.NP)();return(0,u.jsx)("div",{className:r()(s.C1,e.uiState.configSettingsIsExpanded?s.zh:void 0,e.uiState.isInMobileView?s.ai:void 0),children:e.productState.plannerMessagesArr.map((function(n){return(0,u.jsx)(l.default,{item:n[1],codex:n[0]},n[0])}))})}))},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});t(87363);var i=t(2765),o=t(47514);const r=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},66557:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});t(87363);var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(80292),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var f=t(63762),h=t(65515),I=t.n(h),w=t(9420),v=t(88683),j=t(47514);const y=(0,w.Pi)((function RotateInfo(n){var e=(0,f.NP)(),t=(0,v.useTranslation)().t;return!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:I()(g.nC,e.productState.orbitHidden?g.Oj:g.al),children:[(0,j.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,j.jsx)("div",{className:g.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(80248),o=t(63762),r=t(9420),d=t(87363),a=t.n(d),l=t(22164),s=t(61912),u=t(2508),c=t(86924),p=t(65515),m=t.n(p),x=t(80896),g=t(82458),b=t(5576),f=t(66557),h=t(27663),I=t(61666),w=t(98906),v=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var j=a().lazy((function(){return t.e(6800).then(t.bind(t,60225))})),y=a().lazy((function(){return t.e(1341).then(t.bind(t,31341))}));const P=(0,r.Pi)((function ProductCenter(n){var e=n.style,t=(0,o.NP)(),i="3DImage"==t.viewPlannerHandler.getCurPlannerViewMode()&&t.productState.doShowRenderImage&&(!t.uiState.ViewConfig.dontShowOrbitInMobile||!t.getIsInMobileView())&&!t.productState.plannerRenderingIsStaticBG;return(0,v.jsxs)("div",{style:_objectSpread(_objectSpread({},e),t.productState.isARIframeVisible?{zIndex:1e6}:{}),className:m()(c.i5,t.uiState.isMobilePortrait?c.tW:void 0,t.uiState.isMobileLandscape?c.rK:void 0,t.productState.doShowGrid?c.VR:void 0,c.Gr),onMouseDown:function onMouseDown(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},onTouchStart:function onTouchStart(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},children:[(0,v.jsx)(g.default,{}),(0,v.jsx)(s.default,{}),(0,v.jsx)(w.default,{}),t.productState.allow3DComb&&(0,v.jsx)(d.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(j,{})}),(0,v.jsx)(x.default,{}),(t.productState.allowRTV||t.productState.allowQRCodeAR)&&(0,v.jsx)(d.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(y,{})}),i&&(0,v.jsx)(h.default,{}),(0,v.jsx)(l.default,{}),(0,v.jsx)(u.default,{}),t.uiState.isInMobileView&&(0,v.jsx)(I.default,{}),(0,v.jsx)(f.default,{}),!t.productState.hidePlannerUiIcons&&!(t.productState.doShowRTV||t.productState.doShow3DComb)&&(0,v.jsx)(b.default,{}),"No"==t.productState.plannerMode&&(0,v.jsx)("div",{className:c.Eg,children:t.productState.articleImage&&(0,v.jsx)("img",{src:t.productState.articleImage,className:c.be})})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>x,Ff:()=>m,NK:()=>p,ZP:()=>g});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(47129),t.b),u=d()(o()),c=l()(s);u.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var p="index-module--e25H_",m="index-module--R7_8F",x="index-module--Dws3z";const g=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,ai:()=>u,al:()=>l,jY:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--CRC06.index-module--id3ze {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n",""]);var a="index-module--id3ze",l="index-module--aig60",s="index-module--GcdrL",u="index-module--CRC06";const c=d},19723:(n,e,t)=>{t.d(e,{B7:()=>m,Cp:()=>a,Qc:()=>u,Rc:()=>s,ZG:()=>c,ZP:()=>f,bg:()=>b,lY:()=>x,mm:()=>p,nl:()=>l,w4:()=>g});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--Sw2wM {\n  filter: blur(16px) brightness(0.72);\n  transform: scale(1.04);\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading overlay ────────────────────────────────────── */\n\n.index-module--FLZ8x {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 12;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n  pointer-events: none;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var a="index-module--K4sxz",l="index-module--d9Zip",s="index-module--BE8L5",u="index-module--Sw2wM",c="index-module--_fRU1",p="index-module--PG_Iw",m="index-module--FLZ8x",x="index-module--ULtbB",g="index-module--K3jOc",b="index-module--Blsq3";const f=d},33222:(n,e,t)=>{t.d(e,{$2:()=>w,$O:()=>I,Ac:()=>S,C1:()=>b,Df:()=>N,RK:()=>v,Xh:()=>D,ZP:()=>Z,ai:()=>f,dP:()=>j,dX:()=>y,do:()=>M,nW:()=>A,z6:()=>P,zh:()=>h});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(22209),t.b),u=new URL(t(67806),t.b),c=new URL(t(27557),t.b),p=d()(o()),m=l()(s),x=l()(u),g=l()(c);p.push([n.id,".index-module--Nt02L {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 10000;\n}\n\n.index-module--Nt02L.index-module--kBf5B {\n  top: 20%;\n}\n\n.index-module--LOKMN.index-module--Nt02L {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--h1W3W {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 16px;\n  transition: opacity 0.3s ease-in-out;\n  opacity: 1;\n}\n\n.index-module--kBf5B.index-module--h1W3W {\n  padding: 12px 12px 12px 16px;\n}\n\n.index-module--kBf5B .index-module--TwQiv {\n  font-size: 14px;\n  line-height: 16px;\n  min-width: 250px;\n}\n\n.index-module--PWqtK {\n  opacity: 0;\n}\n\n.index-module--jKyDi {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--vv9Ga {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--opKTa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+m+");\n}\n\n.index-module--Ioh3i {\n  background-image: url("+x+");\n}\n\n.index-module--xjTnW {\n  background-image: url("+m+");\n}\n.index-module--TwQiv {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--e0a8J .index-module--TwQiv,\n.index-module--FqmRQ .index-module--TwQiv {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--p4Y7K {\n  color: var(--primaryColor);\n}\n.index-module--TeJvx {\n  color: black;\n}\n\n.index-module--Nt02L .index-module--cLmxv {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--MgIU5 .index-module--cLmxv {\n  transform: rotate(180deg);\n}\n\n.index-module--MgIU5 {\n  width: 10px;\n}\n\n.index-module--MgIU5 .index-module--TeJvx {\n  display: none;\n}\n\n/* pfister style */\n.index-module--Nt02L .index-module--cLmxv {\n  display: none;\n}\n",""]);var b="index-module--Nt02L",f="index-module--kBf5B",h="index-module--LOKMN",I="index-module--h1W3W",w="index-module--TwQiv",v="index-module--PWqtK",j="index-module--jKyDi",y="index-module--vv9Ga",P="index-module--opKTa",S="index-module--Ioh3i",A="index-module--xjTnW",N="index-module--p4Y7K",D="index-module--TeJvx",M="index-module--MgIU5";const Z=p},80292:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,al:()=>l,fL:()=>u,nC:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 990;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--N2P6A",l="index-module--WXb38",s="index-module--HLqXb",u="index-module--kwrRG";const c=d},109:(n,e,t)=>{t.d(e,{Eg:()=>m,Gr:()=>s,VR:()=>c,Y0:()=>g,Y6:()=>b,ZP:()=>h,be:()=>x,i5:()=>a,nX:()=>f,pI:()=>p,rK:()=>l,tW:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var a="index-module--vorE_",l="index-module--gB2ft",s="index-module--rUFyU",u="index-module--oczb9",c="index-module--XIBwe",p="index-module--ns190",m="index-module--k9Dtu",x="index-module--M16ih",g="index-module--bGZ75",b="index-module--J4_kY",f="index-module--ddqos";const h=d},70144:(n,e,t)=>{t.d(e,{$2:()=>g.$2,$O:()=>g.$O,Ac:()=>g.Ac,C1:()=>g.C1,Df:()=>g.Df,RK:()=>g.RK,Xh:()=>g.Xh,ai:()=>g.ai,dP:()=>g.dP,dX:()=>g.dX,do:()=>g.do,nW:()=>g.nW,z6:()=>g.z6,zh:()=>g.zh});var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(33222),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},86924:(n,e,t)=>{t.d(e,{Eg:()=>g.Eg,Gr:()=>g.Gr,VR:()=>g.VR,Y0:()=>g.Y0,Y6:()=>g.Y6,be:()=>g.be,i5:()=>g.i5,nX:()=>g.nX,pI:()=>g.pI,rK:()=>g.rK,tW:()=>g.tW});var i=t(93379),o=t.n(i),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),p=t.n(c),m=t(44589),x=t.n(m),g=t(109),b={};b.styleTagTransform=x(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=p();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="},67806:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9783.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9783,8648],{87223:(e,n,t)=>{t.d(n,{M:()=>useAgGrid});var r=t(80248),o=t(34988),a=t(87363);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var i=Promise.all([Promise.all([t.e(2793),t.e(8508)]).then(t.bind(t,78508)),t.e(2793).then(t.bind(t,12793))]).then((function(e){var n=(0,o.Z)(e,2),t=n[0],r=n[1];return r.ModuleRegistry.registerModules([r.AllCommunityModule]),{AgGridReact:t.AgGridReact,themeQuartz:r.themeQuartz,colorSchemeDarkBlue:r.colorSchemeDarkBlue}})).catch((function(){return null})),d={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var e=(0,a.useState)(d),n=(0,o.Z)(e,2),t=n[0],r=n[1];return(0,a.useEffect)((function(){i.then((function(e){e&&r(_objectSpread(_objectSpread({},e),{},{loaded:!0}))}))}),[]),t}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(34988),o=t(63762),a=t(87363),i=t(58590),d=t(93379),l=t.n(d),c=t(7795),s=t.n(c),u=t(90569),m=t.n(u),p=t(3565),f=t.n(p),b=t(19216),v=t.n(b),h=t(44589),x=t.n(h),g=t(73751),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=v();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var k=t(9420),_=t(47514);const j=(0,k.Pi)((function ArticleSelector(e){var n,t=(0,r.Z)(e.articleState,2),d=t[0],l=t[1],c=e.rerender,s=e.filter,u=(0,o.NP)(),m=Object.values(null!==(n=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});s&&(m=m.filter(s));var p=m.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,a.useEffect)((function(){d||l(m[0])}),[c]),1==p.length||0==p.length?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)(i.ZP,{value:p.find((function(e){return e.value===(null==d?void 0:d.basketId)})),options:p,onChange:function onChange(e){l(m.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var r=t(80248),o=t(84658),a=t(34988),i=t(12952),d=t(50747),l=t.n(d),c=t(87363),s=t.n(c),u=t(65515),m=t.n(u),p=t(9420),f=t(63762),b=t(87223),v=t(88648),h=t(93379),x=t.n(h),g=t(7795),y=t.n(g),k=t(90569),_=t.n(k),j=t(3565),w=t.n(j),S=t(19216),P=t.n(S),N=t(44589),O=t.n(N),D=t(72171),A={};A.styleTagTransform=O(),A.setAttributes=w(),A.insert=_().bind(null,"head"),A.domAPI=y(),A.insertStyleElement=P();x()(D.ZP,A);D.ZP&&D.ZP.locals&&D.ZP.locals;var R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=0;function nextId(){return"pl-".concat(++C)}function flattenPartlistArticles(e,n,t){for(var r=[],o=0,a=Object.values(e);o<a.length;o++){var d,l,c=a[o];r.push({_id:nextId(),depth:t,loaded:!0,articleCodex:c.articleCodex,itemRefTypeNo:c.articleCodex,partlistGroup:"-",decisionNo:String(null!==(d=c.partlistDecisionNo)&&void 0!==d?d:"-"),quantity:null!==(l=c.quantity)&&void 0!==l?l:"-",reason:"Loaded (partlist child)",rowNotLoaded:!1,article:c}),c.partlistArticles&&Object.keys(c.partlistArticles).length>0&&r.push.apply(r,(0,i.Z)(flattenPartlistArticles(c.partlistArticles,n,t+1)))}return r}function flattenPartlistEntries(e,n,t,r){for(var o=[],a=function _loop(){var a,l,c,s,u=e[d],m=u.basketId?t[u.basketId]:void 0,p=!m&&u.loaded&&null!=n&&n.partlistArticles?Object.values(n.partlistArticles).find((function(e){return e.articleCodex===u.articleCodex})):void 0,f=null!=m?m:p,b=u.loaded&&(null==f?void 0:f.partlistArticles)&&Object.keys(f.partlistArticles).length>0;o.push({_id:nextId(),depth:r,loaded:u.loaded,articleCodex:u.articleCodex,itemRefTypeNo:null!==(a=u.itemRefTypeNo)&&void 0!==a?a:"",partlistGroup:null!==(l=u.partlistGroup)&&void 0!==l?l:"-",decisionNo:String(null!==(c=u.decisionNo)&&void 0!==c?c:"-"),quantity:null!==(s=u.quantity)&&void 0!==s?s:"-",reason:u.reason,rowNotLoaded:!u.loaded,article:u.loaded?f:void 0}),b&&f&&o.push.apply(o,(0,i.Z)(flattenPartlistArticles(f.partlistArticles,t,r+1)))},d=0;d<e.length;d++)a();return o}const G=(0,p.Pi)((function PartlistDebug(e){var n,t=(0,f.NP)(),r=(0,b.M)(),d=t.settingsState.configChanged,u=t.tabGroupState.curConfigStep,p="undefined"!=typeof document&&document.body.classList.contains("darkmode"),h=(0,c.useMemo)((function(){return r.themeQuartz?p&&r.colorSchemeDarkBlue?r.themeQuartz.withPart(r.colorSchemeDarkBlue):r.themeQuartz:void 0}),[p,r.themeQuartz,r.colorSchemeDarkBlue]),x=(0,c.useMemo)((function(){var e=t.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[d,u]),g=s().useState(!1),y=(0,a.Z)(g,2),k=y[0],_=y[1],j=s().useState(void 0),w=(0,a.Z)(j,2),S=w[0],P=w[1],N=s().useState(0),O=(0,a.Z)(N,2),A=O[0],G=O[1],E=(0,c.useRef)(null);(0,c.useEffect)((function(){var e=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:_((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();null!=S&&S.hasPartlistArticle&&null!=e&&e.logDecisions&&(S.engine.evalPartlist(S.VariantValues),G((function(e){return e+1})))}),[S,d,u,t.uiState.isLoading]);var Z=(0,c.useMemo)((function(){var e,n=null!==(e=null==S?void 0:S.partlistDebugEntries)&&void 0!==e?e:[];return(0,i.Z)(n).sort((function(e,n){var t,r,o,a;if(e.loaded!==n.loaded)return e.loaded?-1:1;var i=null!==(t=e.sequenceNo)&&void 0!==t?t:0,d=null!==(r=n.sequenceNo)&&void 0!==r?r:0;return i!==d?i-d:(null!==(o=e.itemRefTypeNo)&&void 0!==o?o:"").localeCompare(null!==(a=n.itemRefTypeNo)&&void 0!==a?a:"")}))}),[null==S?void 0:S.partlistDebugEntries,null==S?void 0:S.basketId,d,u,A]),I=null!==(n=t.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{},T=(0,c.useMemo)((function(){return C=0,S?flattenPartlistEntries(Z,S,I,0):[]}),[Z,S,I]),z=(0,c.useMemo)((function(){return[{field:"loaded",headerName:"Loaded",flex:0,width:70,cellRenderer:function cellRenderer(e){return e.data?(0,R.jsx)("span",{className:e.data.loaded?D.Pn:D.Lb,children:e.data.loaded?"y":"n"}):null}},{field:"articleCodex",headerName:"ArticleCodex",flex:1,minWidth:100,valueGetter:function valueGetter(e){var n,t,r,o;return"│ ".repeat(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)+(null!==(r=null===(o=e.data)||void 0===o?void 0:o.articleCodex)&&void 0!==r?r:"")},cellStyle:function cellStyle(e){var n,t;return{paddingLeft:8+12*(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)}}},{field:"itemRefTypeNo",headerName:"ItemRefTypeNo",flex:1,minWidth:100},{field:"partlistGroup",headerName:"PartlistGroup",flex:0,width:100},{field:"decisionNo",headerName:"DecisionNo",flex:0,width:90},{field:"quantity",headerName:"Quantity",flex:0,width:80},{field:"reason",headerName:"Reason",flex:1,minWidth:120}]}),[]);return(0,c.useEffect)((function(){var e=setTimeout((function(){var e;return null===(e=E.current)||void 0===e||null===(e=e.api)||void 0===e?void 0:e.redrawRows()}),0);return function(){return clearTimeout(e)}}),[null==S?void 0:S.basketId]),0===x.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):r.loaded&&r.AgGridReact?S?Z.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{className:D.Wy,children:"Partlist entries for the selected article. Nested partlist children are shown with indentation."}),(0,R.jsx)("div",{className:D.Uj,children:(0,R.jsx)(r.AgGridReact,{ref:E,rowData:T,columnDefs:z,theme:h,getRowId:function getRowId(e){var n,t;return null!==(n=null===(t=e.data)||void 0===t?void 0:t._id)&&void 0!==n?n:""},getRowClass:function getRowClass(e){var n;if(e.data){var t=[];return e.data.rowNotLoaded&&t.push(D.IG),(null===(n=e.data.article)||void 0===n?void 0:n.basketId)===(null==S?void 0:S.basketId)&&t.push(D.Yp),t.join(" ")||void 0}},onRowClicked:function onRowClicked(e){var n;null!==(n=e.data)&&void 0!==n&&n.article&&P(e.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{className:D.Wy,children:"Tables require ag-grid (not loaded in this environment)."})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var d="index-module--_Tl9c";const l=i},72171:(e,n,t)=>{t.d(n,{Fs:()=>u,IG:()=>m,Lb:()=>f,Pn:()=>p,Uj:()=>c,Wy:()=>l,Yp:()=>s,ZP:()=>b,fm:()=>d});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--C_djA {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--Eqg2j {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--lYFZV {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.index-module--D3ARk {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--D3ARk:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--PPbsy {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--_vh8d {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--_vh8d thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--_vh8d th,\n.index-module--_vh8d td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--_vh8d tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO {\n  background: #e8eae8;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO:hover {\n  background: #e0e2e0;\n}\n\n.index-module--JtzWs {\n  text-align: left;\n}\n\n.index-module--Jw9E7 {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--_KSSx {\n  color: #e53e3e;\n}\n\n.index-module--oTE2v {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--C3nRC {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--Eqg2j,\nbody.darkmode .index-module--Eqg2j {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--Jw9E7,\nbody.darkmode .index-module--Jw9E7 {\n  color: #68d391;\n}\n\n.darkmode .index-module--_KSSx,\nbody.darkmode .index-module--_KSSx {\n  color: #fc8181;\n}\n\n.darkmode .index-module--GcsdO,\nbody.darkmode .index-module--GcsdO {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .index-module--GcsdO:hover,\nbody.darkmode .index-module--GcsdO:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .index-module--D3ARk,\nbody.darkmode .index-module--D3ARk {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--D3ARk:hover,\nbody.darkmode .index-module--D3ARk:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n",""]);var d="index-module--C_djA",l="index-module--Eqg2j",c="index-module--lYFZV",s="index-module--D3ARk",u="index-module--PPbsy",m="index-module--GcsdO",p="index-module--Jw9E7",f="index-module--_KSSx";const b=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9783,8648,7295],{87223:(e,n,t)=>{t.d(n,{M:()=>useAgGrid});var r=t(80248),o=t(38946),a=t(87363);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var i=Promise.all([Promise.all([t.e(2793),t.e(8508)]).then(t.bind(t,78508)),t.e(2793).then(t.bind(t,12793))]).then((function(e){var n=(0,o.Z)(e,2),t=n[0],r=n[1];return r.ModuleRegistry.registerModules([r.AllCommunityModule]),{AgGridReact:t.AgGridReact,themeQuartz:r.themeQuartz,colorSchemeDarkBlue:r.colorSchemeDarkBlue}})).catch((function(){return null})),l={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var e=(0,a.useState)(l),n=(0,o.Z)(e,2),t=n[0],r=n[1];return(0,a.useEffect)((function(){i.then((function(e){e&&r(_objectSpread(_objectSpread({},e),{},{loaded:!0}))}))}),[]),t}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(38946),o=t(63762),a=t(87363),i=t(58590),l=t(93379),d=t.n(l),c=t(7795),s=t.n(c),u=t(90569),m=t.n(u),p=t(3565),f=t.n(p),b=t(19216),v=t.n(b),h=t(44589),x=t.n(h),g=t(73751),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=v();d()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var k=t(9420),_=t(47514);const j=(0,k.Pi)((function ArticleSelector(e){var n=(0,r.Z)(e.articleState,2),t=n[0],l=n[1],d=e.rerender,c=e.articles,s=e.filter,u=(0,o.NP)(),m=(0,a.useMemo)((function(){var e;return Object.values(null!==(e=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{})}),[u,d]),p=null!=c?c:s?m.filter(s):m,f=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return 0===f.length?null:(0,_.jsx)(i.ZP,{value:f.find((function(e){return e.value===(null==t?void 0:t.basketId)})),options:f,onChange:function onChange(e){l(p.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var r=t(80248),o=t(84658),a=t(38946),i=t(61965),l=t(50747),d=t.n(l),c=t(87363),s=t.n(c),u=t(65515),m=t.n(u),p=t(9420),f=t(63762),b=t(87223),v=t(88648),h=t(93379),x=t.n(h),g=t(7795),y=t.n(g),k=t(90569),_=t.n(k),j=t(3565),w=t.n(j),S=t(19216),P=t.n(S),N=t(44589),O=t.n(N),D=t(72171),A={};A.styleTagTransform=O(),A.setAttributes=w(),A.insert=_().bind(null,"head"),A.domAPI=y(),A.insertStyleElement=P();x()(D.ZP,A);D.ZP&&D.ZP.locals&&D.ZP.locals;var R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=0;function nextId(){return"pl-".concat(++C)}function flattenPartlistArticles(e,n,t){for(var r=[],o=0,a=Object.values(e);o<a.length;o++){var l,d,c=a[o];r.push({_id:nextId(),depth:t,loaded:!0,articleCodex:c.articleCodex,itemRefTypeNo:c.articleCodex,partlistGroup:"-",decisionNo:String(null!==(l=c.partlistDecisionNo)&&void 0!==l?l:"-"),quantity:null!==(d=c.quantity)&&void 0!==d?d:"-",reason:"Loaded (partlist child)",rowNotLoaded:!1,article:c}),c.partlistArticles&&Object.keys(c.partlistArticles).length>0&&r.push.apply(r,(0,i.Z)(flattenPartlistArticles(c.partlistArticles,n,t+1)))}return r}function flattenPartlistEntries(e,n,t,r){for(var o=[],a=function _loop(){var a,d,c,s,u=e[l],m=u.basketId?t[u.basketId]:void 0,p=!m&&u.loaded&&null!=n&&n.partlistArticles?Object.values(n.partlistArticles).find((function(e){return e.articleCodex===u.articleCodex})):void 0,f=null!=m?m:p,b=u.loaded&&(null==f?void 0:f.partlistArticles)&&Object.keys(f.partlistArticles).length>0;o.push({_id:nextId(),depth:r,loaded:u.loaded,articleCodex:u.articleCodex,itemRefTypeNo:null!==(a=u.itemRefTypeNo)&&void 0!==a?a:"",partlistGroup:null!==(d=u.partlistGroup)&&void 0!==d?d:"-",decisionNo:String(null!==(c=u.decisionNo)&&void 0!==c?c:"-"),quantity:null!==(s=u.quantity)&&void 0!==s?s:"-",reason:u.reason,rowNotLoaded:!u.loaded,article:u.loaded?f:void 0}),b&&f&&o.push.apply(o,(0,i.Z)(flattenPartlistArticles(f.partlistArticles,t,r+1)))},l=0;l<e.length;l++)a();return o}const G=(0,p.Pi)((function PartlistDebug(e){var n,t=(0,f.NP)(),r=(0,b.M)(),l=t.settingsState.configChanged,u=t.tabGroupState.curConfigStep,p="undefined"!=typeof document&&document.body.classList.contains("darkmode"),h=(0,c.useMemo)((function(){return r.themeQuartz?p&&r.colorSchemeDarkBlue?r.themeQuartz.withPart(r.colorSchemeDarkBlue):r.themeQuartz:void 0}),[p,r.themeQuartz,r.colorSchemeDarkBlue]),x=(0,c.useMemo)((function(){var e=t.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[l,u]),g=s().useState(!1),y=(0,a.Z)(g,2),k=y[0],_=y[1],j=s().useState(void 0),w=(0,a.Z)(j,2),S=w[0],P=w[1],N=s().useState(0),O=(0,a.Z)(N,2),A=O[0],G=O[1],Z=(0,c.useRef)(null);(0,c.useEffect)((function(){var e=function(){var e=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:_((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();null!=S&&S.hasPartlistArticle&&null!=e&&e.logDecisions&&(S.engine.evalPartlist(S.VariantValues),G((function(e){return e+1})))}),[S,l,u,t.uiState.isLoading]);var E=(0,c.useMemo)((function(){var e,n=null!==(e=null==S?void 0:S.partlistDebugEntries)&&void 0!==e?e:[];return(0,i.Z)(n).sort((function(e,n){var t,r,o,a;if(e.loaded!==n.loaded)return e.loaded?-1:1;var i=null!==(t=e.sequenceNo)&&void 0!==t?t:0,l=null!==(r=n.sequenceNo)&&void 0!==r?r:0;return i!==l?i-l:(null!==(o=e.itemRefTypeNo)&&void 0!==o?o:"").localeCompare(null!==(a=n.itemRefTypeNo)&&void 0!==a?a:"")}))}),[null==S?void 0:S.partlistDebugEntries,null==S?void 0:S.basketId,l,u,A]),I=null!==(n=t.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{},T=(0,c.useMemo)((function(){return C=0,S?flattenPartlistEntries(E,S,I,0):[]}),[E,S,I]),z=(0,c.useMemo)((function(){return[{field:"loaded",headerName:"Loaded",flex:0,width:70,cellRenderer:function cellRenderer(e){return e.data?(0,R.jsx)("span",{className:e.data.loaded?D.Pn:D.Lb,children:e.data.loaded?"y":"n"}):null}},{field:"articleCodex",headerName:"ArticleCodex",flex:1,minWidth:100,valueGetter:function valueGetter(e){var n,t,r,o;return"│ ".repeat(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)+(null!==(r=null===(o=e.data)||void 0===o?void 0:o.articleCodex)&&void 0!==r?r:"")},cellStyle:function cellStyle(e){var n,t;return{paddingLeft:8+12*(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)}}},{field:"itemRefTypeNo",headerName:"ItemRefTypeNo",flex:1,minWidth:100},{field:"partlistGroup",headerName:"PartlistGroup",flex:0,width:100},{field:"decisionNo",headerName:"DecisionNo",flex:0,width:90},{field:"quantity",headerName:"Quantity",flex:0,width:80},{field:"reason",headerName:"Reason",flex:1,minWidth:120}]}),[]);return(0,c.useEffect)((function(){var e=setTimeout((function(){var e;return null===(e=Z.current)||void 0===e||null===(e=e.api)||void 0===e?void 0:e.redrawRows()}),0);return function(){return clearTimeout(e)}}),[null==S?void 0:S.basketId]),0===x.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):r.loaded&&r.AgGridReact?S?E.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{className:D.Wy,children:"Partlist entries for the selected article. Nested partlist children are shown with indentation."}),(0,R.jsx)("div",{className:D.Uj,children:(0,R.jsx)(r.AgGridReact,{ref:Z,rowData:T,columnDefs:z,theme:h,getRowId:function getRowId(e){var n,t;return null!==(n=null===(t=e.data)||void 0===t?void 0:t._id)&&void 0!==n?n:""},getRowClass:function getRowClass(e){var n;if(e.data){var t=[];return e.data.rowNotLoaded&&t.push(D.IG),(null===(n=e.data.article)||void 0===n?void 0:n.basketId)===(null==S?void 0:S.basketId)&&t.push(D.Yp),t.join(" ")||void 0}},onRowClicked:function onRowClicked(e){var n;null!==(n=e.data)&&void 0!==n&&n.article&&P(e.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{className:D.Wy,children:"Tables require ag-grid (not loaded in this environment)."})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>l,Z:()=>d});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var l="index-module--_Tl9c";const d=i},72171:(e,n,t)=>{t.d(n,{Fs:()=>u,IG:()=>m,Lb:()=>f,Pn:()=>p,Uj:()=>c,Wy:()=>d,Yp:()=>s,ZP:()=>b,fm:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--C_djA {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--Eqg2j {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--lYFZV {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.index-module--D3ARk {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--D3ARk:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--PPbsy {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--_vh8d {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--_vh8d thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--_vh8d th,\n.index-module--_vh8d td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--_vh8d tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO {\n  background: #e8eae8;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO:hover {\n  background: #e0e2e0;\n}\n\n.index-module--JtzWs {\n  text-align: left;\n}\n\n.index-module--Jw9E7 {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--_KSSx {\n  color: #e53e3e;\n}\n\n.index-module--oTE2v {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--C3nRC {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--Eqg2j,\nbody.darkmode .index-module--Eqg2j {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--Jw9E7,\nbody.darkmode .index-module--Jw9E7 {\n  color: #68d391;\n}\n\n.darkmode .index-module--_KSSx,\nbody.darkmode .index-module--_KSSx {\n  color: #fc8181;\n}\n\n.darkmode .index-module--GcsdO,\nbody.darkmode .index-module--GcsdO {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .index-module--GcsdO:hover,\nbody.darkmode .index-module--GcsdO:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .index-module--D3ARk,\nbody.darkmode .index-module--D3ARk {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--D3ARk:hover,\nbody.darkmode .index-module--D3ARk:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n",""]);var l="index-module--C_djA",d="index-module--Eqg2j",c="index-module--lYFZV",s="index-module--D3ARk",u="index-module--PPbsy",m="index-module--GcsdO",p="index-module--Jw9E7",f="index-module--_KSSx";const b=i}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9788.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(80248),i=o(63762),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),m=o(3565),x=o.n(m),g=o(19216),p=o.n(g),v=o(44589),b=o.n(v),f=o(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=o(65515),j=o.n(y),I=o(88683),k=o(19047),w=o(39667),C=o(40976),N=o(56340),S=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const M=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?f.UU:d,l=n.buttonPriceClassName,u=void 0===l?f.QD:l,c=n.containerClassName,s=n.price,m=n.showCheckoutButtons,x=(0,i.NP)(),g=(0,I.useDivaCore)().state.hidePrices,p=(0,I.useTranslation)().t,v=null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,S.jsxs)("div",{className:j()(f.tM,c),children:[m&&(null===(o=x.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,x,"navigator")})).map((function(n){return(0,S.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,x,n.index,p)},children:(0,S.jsx)(w.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,S.jsxs)("div",{className:f.m2,onClick:function onClick(){v?(0,k.onClickCheckout)(v,x,v.index,p):x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[v?(0,S.jsx)(w.default,{checkoutButton:_objectSpread({isPrimary:!0},v),size:40}):(0,S.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,S.jsx)(N.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,S.jsx)("div",{className:u,children:(0,S.jsx)(N.default,{price:null!==(r=x.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(63762),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,m=void 0===s?.5:s,x=(0,r.useState)(0),g=(0,t.Z)(x,2),p=g[0],v=g[1],b=(0,r.useState)(0),f=(0,t.Z)(b,2),h=f[0],y=f[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,u.jsx)(d.ZP,{end:p,duration:m,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){y(p)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>v,F0:()=>b,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>f,m2:()=>x,tM:()=>m});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var m="index-module--NTXww",x="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",v="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>v,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>m,ox:()=>x,rK:()=>s,tW:()=>f});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",m="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),m=o.n(s),x=o(44589),g=o.n(x),p=o(28717),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(80248),i=o(63762),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),m=o(3565),x=o.n(m),g=o(19216),p=o.n(g),v=o(44589),b=o.n(v),f=o(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=o(65515),j=o.n(y),I=o(88683),k=o(19047),w=o(39667),C=o(40976),N=o(56340),S=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const M=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?f.UU:d,l=n.buttonPriceClassName,u=void 0===l?f.QD:l,c=n.containerClassName,s=n.price,m=n.showCheckoutButtons,x=(0,i.NP)(),g=(0,I.useDivaCore)().state.hidePrices,p=(0,I.useTranslation)().t,v=null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,S.jsxs)("div",{className:j()(f.tM,c),children:[m&&(null===(o=x.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,x,"navigator")})).map((function(n){return(0,S.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,x,n.index,p)},children:(0,S.jsx)(w.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,S.jsxs)("div",{className:f.m2,onClick:function onClick(){v?(0,k.onClickCheckout)(v,x,v.index,p):x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[v?(0,S.jsx)(w.default,{checkoutButton:_objectSpread({isPrimary:!0},v),size:40}):(0,S.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,S.jsx)(N.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,S.jsx)("div",{className:u,children:(0,S.jsx)(N.default,{price:null!==(r=x.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(38946),i=o(88683),r=o(87363),d=o(7501),a=o(63762),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,m=void 0===s?.5:s,x=(0,r.useState)(0),g=(0,t.Z)(x,2),p=g[0],v=g[1],b=(0,r.useState)(0),f=(0,t.Z)(b,2),h=f[0],y=f[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,u.jsx)(d.ZP,{end:p,duration:m,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){y(p)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>v,F0:()=>b,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>f,m2:()=>x,tM:()=>m});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var m="index-module--NTXww",x="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",v="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>v,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>m,ox:()=>x,rK:()=>s,tW:()=>f});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",m="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),m=o.n(s),x=o(44589),g=o.n(x),p=o(28717),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9871.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9871],{69871:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var a=i(34988),t=i(87363),o=i(88683),r=i(93379),s=i.n(r),l=i(7795),d=i.n(l),u=i(90569),c=i.n(u),m=i(3565),x=i.n(m),p=i(19216),g=i.n(p),h=i(44589),v=i.n(h),b=i(88195),f={};f.styleTagTransform=v(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=g();s()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(22182),C=i(47514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,m=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,f=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,t.useState)(0),k=(0,a.Z)(y,2),P=k[0],S=k[1],Z=(0,t.useState)(!I),z=(0,a.Z)(Z,2),A=z[0],D=z[1];return(0,t.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==x&&d&&(0,C.jsxs)("div",{className:b.GY,children:[(0,C.jsx)(w.ZP,{value:d,className:b.Vf}),(0,C.jsx)("div",{className:b.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:b.zJ,id:"arThumbnailImg",onClick:function onClick(){return D(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==m?void 0:m[P].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==m?void 0:m[P].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==m?void 0:m[P].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==m?void 0:m[P].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==m?void 0:m[P].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":f?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),m&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){S(parseInt(n.target.value))}(n)},children:m.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},88195:(n,e,i)=>{i.d(e,{GY:()=>m,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var a=i(8081),t=i.n(a),o=i(23645),r=i.n(o),s=i(61667),l=i.n(s),d=new URL(i(90140),i.b),u=r()(t()),c=l()(d);u.push([n.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var m="index-module--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},90140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9871],{69871:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var a=i(38946),t=i(87363),o=i(88683),r=i(93379),s=i.n(r),l=i(7795),d=i.n(l),u=i(90569),c=i.n(u),m=i(3565),x=i.n(m),p=i(19216),g=i.n(p),h=i(44589),v=i.n(h),b=i(88195),f={};f.styleTagTransform=v(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=g();s()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(22182),C=i(47514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,m=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,f=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,t.useState)(0),k=(0,a.Z)(y,2),P=k[0],S=k[1],Z=(0,t.useState)(!I),z=(0,a.Z)(Z,2),A=z[0],D=z[1];return(0,t.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==x&&d&&(0,C.jsxs)("div",{className:b.GY,children:[(0,C.jsx)(w.ZP,{value:d,className:b.Vf}),(0,C.jsx)("div",{className:b.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:b.zJ,id:"arThumbnailImg",onClick:function onClick(){return D(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==m?void 0:m[P].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==m?void 0:m[P].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==m?void 0:m[P].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==m?void 0:m[P].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==m?void 0:m[P].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":f?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),m&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){S(parseInt(n.target.value))}(n)},children:m.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},88195:(n,e,i)=>{i.d(e,{GY:()=>m,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var a=i(8081),t=i.n(a),o=i(23645),r=i.n(o),s=i(61667),l=i.n(s),d=new URL(i(90140),i.b),u=r()(t()),c=l()(d);u.push([n.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var m="index-module--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},90140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);