@crystaldesign/diva-web-planner-react 25.9.0-beta.12 → 25.9.0-beta.13

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9668.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9668,7446,7459,3378,2979],{57446:function(r,m,y){var x;r.exports=(x=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var x=m[y]={i:y,l:!1,exports:{}};return r[y].call(x.exports,x,x.exports,n),x.l=!0,x.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var x in r)n.d(y,x,function(m){return r[m]}.bind(null,x));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=x},function(r,m,y){"use strict";var x=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,C,O){if(O!==x){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var x=y(1),v=y.n(x),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var x in y)Object.prototype.hasOwnProperty.call(y,x)&&(r[x]=y[x])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var x=m[y];x.enumerable=x.enumerable||!1,x.configurable=!0,"value"in x&&(x.writable=!0),Object.defineProperty(r,x.key,x)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,x=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(x,arguments,v)}else y=x.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,x,C=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=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",x=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,N=P.classParentString,j=P.contentOuterClassName,S=P.contentInnerClassName,k="".concat(N,"__trigger ").concat(y," ").concat(x," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(N,"__contentOuter ").concat(j),_="".concat(N,"__contentInner ").concat(S);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:_.trim()},T)))}}])&&p(m.prototype,y),x&&p(m,x),Object.defineProperty(m,"prototype",{writable:!1}),s}(x.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},47459:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});y(87363);var x=y(65515),v=y.n(x),C=y(93379),O=y.n(C),w=y(7795),T=y.n(w),P=y(90569),N=y.n(P),j=y(3565),S=y.n(j),k=y(19216),I=y.n(k),E=y(44589),_=y.n(E),R=y(92493),Z={};Z.styleTagTransform=_(),Z.setAttributes=S(),Z.insert=N().bind(null,"head"),Z.domAPI=T(),Z.insertStyleElement=I();O()(R.ZP,Z);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(88683),F=y(77674),D=y(47514);const A=function Group(r){var m=r.group,y=r.PaletteComponent,x=r.paletteId,C=r.rowCount,O=r.paletteType,w=r.contentInnerClassName,T=(0,W.useTranslation)().t,P=m.items,N="none"!==m.name?m.name:T("configurator.other");return(0,D.jsx)(D.Fragment,{children:P.map((function(r,m){return(0,D.jsxs)("div",{className:v()(R.nC,w),style:{width:"calc("+100/C+"%"+(0===m?" - 3px":"")+" - 5px)",borderRadius:m===P.length-1&&0===m?"8px":0===m?"8px 0px 0px 8px":m===P.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===m?3:void 0,paddingRight:"5px"},children:[(0,D.jsx)(y,{paletteId:x,item:r,paletteType:O,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},(0,F.getKey)(r)),(0,D.jsx)("span",{className:R.TN,children:0===m?N:""})]})}))})}},49668:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var x=y(9420),v=y(7097),C=(y(87363),y(47459)),O=y(93379),w=y.n(O),T=y(7795),P=y.n(T),N=y(90569),j=y.n(N),S=y(3565),k=y.n(S),I=y(19216),E=y.n(I),_=y(44589),R=y.n(_),Z=y(75992),W={};W.styleTagTransform=R(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=E();w()(Z.Z,W);Z.Z&&Z.Z.locals&&Z.Z.locals;var F=y(88683),D=y(92979),A=y(47514);const H=(0,x.Pi)((function PaletteGroup(r){var m=r.itemPalette,y=r.groups,x=r.PaletteComponent,O=r.contentInnerClassName,w=r.rowCount,T=void 0===w?12:w;if(!(0,v.NP)().uiState.isInMobileView)return(0,A.jsx)(D.default,{contentInnerClassName:O,itemPalette:m,groups:y,PaletteComponent:x,rowCount:T});var P=(0,F.useDivaCore)().state.dimensions.width,N=0;if(P)for(;P/T<60;)T-=1;return(0,A.jsx)("div",{className:Z.n,children:y.map((function(r){var y=!1;return N%T==T-1&&r.items.length>1&&(y=!0,N++),N+=r.items.length,(0,A.jsxs)(A.Fragment,{children:[y&&(0,A.jsx)("div",{style:{background:"rgba(242, 242, 242, 0.6)",width:100/T+"%"}}),(0,A.jsx)(C.default,{PaletteComponent:x,contentInnerClassName:O,paletteType:m.type,group:r,paletteId:m.id,rowCount:T})]})}))})}))},83378:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>L});var x=y(34988),v=y(87363),C=y(88683),O=y(65515),w=y.n(O),T=y(57446),P=y.n(T),N=y(93379),j=y.n(N),S=y(7795),k=y.n(S),I=y(90569),E=y.n(I),_=y(3565),R=y.n(_),Z=y(19216),W=y.n(Z),F=y(44589),D=y.n(F),A=y(75261),H={};H.styleTagTransform=D(),H.setAttributes=R(),H.insert=E().bind(null,"head"),H.domAPI=k(),H.insertStyleElement=W();j()(A.ZP,H);A.ZP&&A.ZP.locals&&A.ZP.locals;var z=y(7097),K=y(9420),B=y(87261),G=y(70537),V=y(77674),Y=y(47514);const L=(0,K.Pi)((function Group(r){var m=r.group,y=r.PaletteComponent,O=r.itemPalette,T=r.contentInnerClassName,N=(0,C.useTranslation)().t,j=(0,z.NP)(),S=(0,v.useState)(m.isFolded),k=(0,x.Z)(S,2),I=k[0],E=k[1],_=(0,v.useState)(!m.isFolded),R=(0,x.Z)(_,2),Z=R[0],W=R[1];(0,v.useEffect)((function(){Z||m.isFolded?W(!m.isFolded):setTimeout((function(){return W(!m.isFolded)}),400),!I&&m.isFolded?setTimeout((function(){return E(m.isFolded)}),200):E(m.isFolded)}),[m.isFolded]);var F=("none"!==m.name?m.name:N("configurator.other"))+(m.parentName&&m.parentName!=O.name?" ("+m.parentName+")":""),D=m.items[0].pricePreviewPromise;return(0,Y.jsx)("div",{className:A.YS,id:F,children:(0,Y.jsx)(P(),{className:A.MB,open:Z,contentInnerClassName:T,handleTriggerClick:function handleTriggerClick(){m.isFolded?j.settingsState.openGroup(O.id,m.key,j.paletteViewHandler.isGroupFolded(O.id)):j.settingsState.closeGroup(O.id,m.key)},triggerOpenedClassName:A.R6,trigger:(0,Y.jsxs)("div",{className:w()(A.qt,A.dG),children:[(0,Y.jsx)("div",{className:A.IS}),m.contentItemId&&(0,Y.jsx)(B.default,{item:m,style:{zIndex:100,margin:"0px 10px",position:"relative"}},m.key),(0,Y.jsxs)("div",{className:A.Xx,children:[F,void 0!==D&&(0,Y.jsx)(G.default,{asyncPricePreview:D})]})]}),easing:"ease",children:!I&&m.items.map((function(r,m){return(0,Y.jsx)(y,{paletteType:O.type,paletteId:O.id,item:r,hidePricePreview:!0},(0,V.getKey)(r))}))})},F)}))},92979:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>T});var x=y(80248),v=y(9420),C=y(87363),O=y(83378),w=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(r);m&&(x=x.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,x)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,x.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const T=(0,v.Pi)((function PaletteGroup(r){return(0,w.jsx)(w.Fragment,{children:r.groups.map((function(m){return(0,C.createElement)(O.default,_objectSpread(_objectSpread({},r),{},{key:m.key,group:m}))}))})}))},92493:(r,m,y)=>{"use strict";y.d(m,{TN:()=>T,ZP:()=>P,nC:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--g85YY {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var w="index-module--g85YY",T="index-module--uj55Y";const P=O},75992:(r,m,y)=>{"use strict";y.d(m,{Z:()=>T,n:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--Wo_45 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n",""]);var w="index-module--Wo_45";const T=O},75261:(r,m,y)=>{"use strict";y.d(m,{IS:()=>R,MB:()=>k,R6:()=>Z,Xx:()=>_,YS:()=>S,ZP:()=>W,dG:()=>E,qt:()=>I});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C),w=y(61667),T=y.n(w),P=new URL(y(24827),y.b),N=O()(v()),j=T()(P);N.push([r.id,".index-module--gjndF {\n  width: 100%;\n}\n\n.index-module--Anu0y .index-module--EXS9h {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.index-module--Zi1K0.index-module--FVyax:hover {\n  z-index: 200;\n}\n\n.index-module--W3aaL {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.index-module--W3aaL:hover {\n  z-index: 200;\n}\n\n.index-module--Zi1K0 .index-module--lXg0H {\n  margin: 0px 6px;\n  background-image: url("+j+");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.index-module--cVNUC .index-module--Zi1K0 .index-module--lXg0H {\n  transform: rotateZ(180deg);\n}\n",""]);var S="index-module--gjndF",k="index-module--EXS9h",I="index-module--Zi1K0",E="index-module--FVyax",_="index-module--W3aaL",R="index-module--lXg0H",Z="index-module--cVNUC";const W=N}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9668,7446,7459,3378,2979],{57446:function(r,m,y){var x;r.exports=(x=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var x=m[y]={i:y,l:!1,exports:{}};return r[y].call(x.exports,x,x.exports,n),x.l=!0,x.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var x in r)n.d(y,x,function(m){return r[m]}.bind(null,x));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=x},function(r,m,y){"use strict";var x=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,C,O){if(O!==x){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var x=y(1),v=y.n(x),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var x in y)Object.prototype.hasOwnProperty.call(y,x)&&(r[x]=y[x])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var x=m[y];x.enumerable=x.enumerable||!1,x.configurable=!0,"value"in x&&(x.writable=!0),Object.defineProperty(r,x.key,x)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,x=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(x,arguments,v)}else y=x.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,x,C=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=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",x=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,N=P.classParentString,j=P.contentOuterClassName,S=P.contentInnerClassName,k="".concat(N,"__trigger ").concat(y," ").concat(x," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(N,"__contentOuter ").concat(j),_="".concat(N,"__contentInner ").concat(S);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:_.trim()},T)))}}])&&p(m.prototype,y),x&&p(m,x),Object.defineProperty(m,"prototype",{writable:!1}),s}(x.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},47459:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});y(87363);var x=y(65515),v=y.n(x),C=y(93379),O=y.n(C),w=y(7795),T=y.n(w),P=y(90569),N=y.n(P),j=y(3565),S=y.n(j),k=y(19216),I=y.n(k),E=y(44589),_=y.n(E),R=y(92493),Z={};Z.styleTagTransform=_(),Z.setAttributes=S(),Z.insert=N().bind(null,"head"),Z.domAPI=T(),Z.insertStyleElement=I();O()(R.ZP,Z);R.ZP&&R.ZP.locals&&R.ZP.locals;var W=y(88683),F=y(77674),D=y(47514);const A=function Group(r){var m=r.group,y=r.PaletteComponent,x=r.paletteId,C=r.rowCount,O=r.paletteType,w=r.contentInnerClassName,T=(0,W.useTranslation)().t,P=m.items,N="none"!==m.name?m.name:T("configurator.other");return(0,D.jsx)(D.Fragment,{children:P.map((function(r,m){return(0,D.jsxs)("div",{className:v()(R.nC,w),style:{width:"calc("+100/C+"%"+(0===m?" - 3px":"")+" - 5px)",borderRadius:m===P.length-1&&0===m?"8px":0===m?"8px 0px 0px 8px":m===P.length-1?"0px 8px 8px 0px":void 0,marginLeft:0===m?3:void 0,paddingRight:"5px"},children:[(0,D.jsx)(y,{paletteId:x,item:r,paletteType:O,style:{"--galleryItemRowCount":"1","--galleryItemRowCountSmall":"1",paddingTop:"unset"}},(0,F.getKey)(r)),(0,D.jsx)("span",{className:R.TN,children:0===m?N:""})]})}))})}},49668:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var x=y(9420),v=y(7097),C=(y(87363),y(47459)),O=y(93379),w=y.n(O),T=y(7795),P=y.n(T),N=y(90569),j=y.n(N),S=y(3565),k=y.n(S),I=y(19216),E=y.n(I),_=y(44589),R=y.n(_),Z=y(75992),W={};W.styleTagTransform=R(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=E();w()(Z.Z,W);Z.Z&&Z.Z.locals&&Z.Z.locals;var F=y(88683),D=y(92979),A=y(47514);const H=(0,x.Pi)((function PaletteGroup(r){var m=r.itemPalette,y=r.groups,x=r.PaletteComponent,O=r.contentInnerClassName,w=r.rowCount,T=void 0===w?12:w;if(!(0,v.NP)().uiState.isInMobileView)return(0,A.jsx)(D.default,{contentInnerClassName:O,itemPalette:m,groups:y,PaletteComponent:x,rowCount:T});var P=(0,F.useDivaCore)().state.dimensions.width,N=0;if(P)for(;P/T<60;)T-=1;return(0,A.jsx)("div",{className:Z.n,children:y.map((function(r){var y=!1;return N%T==T-1&&r.items.length>1&&(y=!0,N++),N+=r.items.length,(0,A.jsxs)(A.Fragment,{children:[y&&(0,A.jsx)("div",{style:{background:"rgba(242, 242, 242, 0.6)",width:100/T+"%"}}),(0,A.jsx)(C.default,{PaletteComponent:x,contentInnerClassName:O,paletteType:m.type,group:r,paletteId:m.id,rowCount:T})]})}))})}))},83378:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>L});var x=y(34988),v=y(87363),C=y(88683),O=y(65515),w=y.n(O),T=y(57446),P=y.n(T),N=y(93379),j=y.n(N),S=y(7795),k=y.n(S),I=y(90569),E=y.n(I),_=y(3565),R=y.n(_),Z=y(19216),W=y.n(Z),F=y(44589),D=y.n(F),A=y(75261),H={};H.styleTagTransform=D(),H.setAttributes=R(),H.insert=E().bind(null,"head"),H.domAPI=k(),H.insertStyleElement=W();j()(A.ZP,H);A.ZP&&A.ZP.locals&&A.ZP.locals;var z=y(7097),K=y(9420),B=y(87261),G=y(70537),V=y(77674),Y=y(47514);const L=(0,K.Pi)((function Group(r){var m=r.group,y=r.PaletteComponent,O=r.itemPalette,T=r.contentInnerClassName,N=(0,C.useTranslation)().t,j=(0,z.NP)(),S=(0,v.useState)(m.isFolded),k=(0,x.Z)(S,2),I=k[0],E=k[1],_=(0,v.useState)(!m.isFolded),R=(0,x.Z)(_,2),Z=R[0],W=R[1];(0,v.useEffect)((function(){Z||m.isFolded?W(!m.isFolded):setTimeout((function(){return W(!m.isFolded)}),400),!I&&m.isFolded?setTimeout((function(){return E(m.isFolded)}),200):E(m.isFolded)}),[m.isFolded]);var F=("none"!==m.name?m.name:N("configurator.other"))+(m.parentName&&m.parentName!=O.name?" ("+m.parentName+")":""),D=m.items[0].pricePreviewPromise;return(0,Y.jsx)("div",{className:A.YS,id:F,children:(0,Y.jsx)(P(),{className:A.MB,open:Z,contentInnerClassName:T,handleTriggerClick:function handleTriggerClick(){m.isFolded?j.settingsState.openGroup(O.id,m.key,j.paletteViewHandler.isGroupFolded(O.id)):j.settingsState.closeGroup(O.id,m.key)},triggerOpenedClassName:A.R6,trigger:(0,Y.jsxs)("div",{className:w()(A.qt,A.dG),children:[(0,Y.jsx)("div",{className:A.IS}),m.contentItemId&&(0,Y.jsx)(B.default,{item:m,style:{zIndex:100,margin:"0px 10px",position:"relative"}},m.key),(0,Y.jsxs)("div",{className:A.Xx,children:[F,void 0!==D&&(0,Y.jsx)(G.default,{asyncPricePreview:D})]})]}),easing:"ease",children:!I&&m.items.map((function(r,m){return(0,Y.jsx)(y,{paletteType:O.type,paletteId:O.id,item:r,hidePricePreview:!0},(0,V.getKey)(r))}))})},F)}))},92979:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>T});var x=y(80248),v=y(9420),C=y(87363),O=y(83378),w=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(r);m&&(x=x.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,x)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,x.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const T=(0,v.Pi)((function PaletteGroup(r){return(0,w.jsx)(w.Fragment,{children:r.groups.map((function(m){return(0,C.createElement)(O.default,_objectSpread(_objectSpread({},r),{},{key:m.key,group:m}))}))})}))},92493:(r,m,y)=>{"use strict";y.d(m,{TN:()=>T,ZP:()=>P,nC:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--g85YY {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n  margin-bottom: 3px !important;\n  background: rgba(242, 242, 242, 0.6) !important;\n  padding-top: 5px !important;\n}\n\n.index-module--uj55Y {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n",""]);var w="index-module--g85YY",T="index-module--uj55Y";const P=O},75992:(r,m,y)=>{"use strict";y.d(m,{Z:()=>T,n:()=>w});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C)()(v());O.push([r.id,".index-module--Wo_45 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n",""]);var w="index-module--Wo_45";const T=O},75261:(r,m,y)=>{"use strict";y.d(m,{IS:()=>R,MB:()=>k,R6:()=>Z,Xx:()=>_,YS:()=>S,ZP:()=>W,dG:()=>E,qt:()=>I});var x=y(8081),v=y.n(x),C=y(23645),O=y.n(C),w=y(61667),T=y.n(w),P=new URL(y(24827),y.b),N=O()(v()),j=T()(P);N.push([r.id,".index-module--gjndF {\n  width: 100%;\n}\n\n.index-module--Anu0y .index-module--EXS9h {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.index-module--Zi1K0.index-module--FVyax {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.index-module--Zi1K0.index-module--FVyax:hover {\n  z-index: 200;\n}\n\n.index-module--W3aaL {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.index-module--W3aaL:hover {\n  z-index: 200;\n}\n\n.index-module--Zi1K0 .index-module--lXg0H {\n  margin: 0px 6px;\n  background-image: url("+j+");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.index-module--cVNUC .index-module--Zi1K0 .index-module--lXg0H {\n  transform: rotateZ(180deg);\n}\n",""]);var S="index-module--gjndF",k="index-module--EXS9h",I="index-module--Zi1K0",E="index-module--FVyax",_="index-module--W3aaL",R="index-module--lXg0H",Z="index-module--cVNUC";const W=N}}]);