@crystaldesign/diva-web-planner-react 25.1.0-beta.20 → 25.1.0-beta.21

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9607.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9607,6352,59,9119,5496,904],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.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 v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));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=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var T=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 T.name="Invariant Violation",T}}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 v=y(1),x=y.n(v),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 v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}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 v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}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,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.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 T=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,v,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 x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=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,T=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,w=this.props,P=w.classParentString,S=w.contentOuterClassName,j=w.contentInnerClassName,I="".concat(P,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),E="".concat(P,"__contentInner ").concat(j);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(T,l({id:this.triggerId,className:I.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(),x.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:E.trim()},N)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);T.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])},T.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=T}]))},85496:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>z});y(87363);var v=y(65515),x=y.n(v),C=y(96463),O=y(88683),T=y(93379),N=y.n(T),w=y(7795),P=y.n(w),S=y(90569),j=y.n(S),I=y(3565),k=y.n(I),_=y(19216),E=y.n(_),R=y(44589),D=y.n(R),A=y(22530),W={};W.styleTagTransform=D(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=E();N()(A.ZP,W);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(47514);const z=function Header(r){var m=r.tabGroup,y=r.open,v=(0,C.NP)(),T=(0,O.useTranslation)().t;return(0,Z.jsxs)("div",{className:x()(A.x6,v.tabGroupAlreadyVisited(m)?A.Fv:void 0,y?A.Nh:void 0),children:[(0,Z.jsx)("div",{children:T("configurator."+m.title,m.title)}),(0,Z.jsx)("div",{className:x()(A.x7)})]})}},50904:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),T=y(90569),N=y.n(T),w=y(3565),P=y.n(w),S=y(19216),j=y.n(S),I=y(44589),k=y.n(I),_=y(60118),E={};E.styleTagTransform=k(),E.setAttributes=P(),E.insert=N().bind(null,"head"),E.domAPI=O(),E.insertStyleElement=j();x()(_.ZP,E);_.ZP&&_.ZP.locals&&_.ZP.locals;var R=y(9420),D=y(96463),A=(y(87363),y(65515)),W=y.n(A),Z=y(88683),z=y(47514);const H=(0,R.Pi)((function OptionStepComponent(r){var m,y,v,x,C,O,T=r.step,N=T.option,w=T.configStep,P=(0,D.NP)(),S=(0,Z.useTranslation)().t,j=null===(m=w.optionstate)||void 0===m?void 0:m.valName;if(null!==(y=w.optionstate)&&void 0!==y&&y.isDifferentOption)j="divers";else if(null!==(v=w.optionstate)&&void 0!==v&&v.freeTextLang){var I="",k=w.optionstate.freeTextLang;for(var E in k){var R;I+=E+": "+(null!==(R=k[E])&&void 0!==R?R:"")+";"}I&&(j=I)}else if(null!==(x=w.optionstate)&&void 0!==x&&x.freeText)j=w.optionstate.freeText+(P.getViewConfig().hideMeasureUnit?"":" "+w.optionstate.measureUnit);else if(null!==(C=w.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=w.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var A,H;j=(null!==(A=null===(H=w.optionstate)||void 0===H?void 0:H.multiSelects)&&void 0!==A?A:[]).map((function(r){return r.name})).join(",")}return(0,z.jsxs)("div",{className:W()(_.tN,P.configuratorStructureHandler.curConfigStepKey===w.key?_.Vk:void 0,P.configStepAlreadyVisited(w)?_.ri:void 0,w.isDisabledByDiverseParentOption?_.JU:void 0),title:w.isDisabledByDiverseParentOption?S("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){w.isDisabledByDiverseParentOption||P.navigateToConfigStep(w.key)},children:[(0,z.jsx)("div",{className:_.Sp,title:w.isDisabledByDiverseParentOption?void 0:N.codex,children:N.title}),(0,z.jsx)("div",{className:_.nR,title:w.isDisabledByDiverseParentOption?void 0:j,children:j})]})}))},69607:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>S});var v=y(9420),x=y(96463),C=y(87363),O=y(57446),T=y.n(O),N=y(50904),w=y(85496),P=y(47514);const S=(0,v.Pi)((function VerticalTabGroupItemClassification(r){var m=r.tabGroup,y=(r.height,r.minHeight,(0,x.NP)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(m.key,v.current)}),[v]);var O=Object.values(m.options).map((function(r){return Object.values(r.configSteps).map((function(m){return{configStep:m,option:r}}))})).flat();return(0,P.jsx)("div",{ref:v,children:(0,P.jsx)(T(),{open:!0,easing:"ease",trigger:(0,P.jsx)(w.default,{tabGroup:m,open:!1}),triggerWhenOpen:(0,P.jsx)(w.default,{tabGroup:m,open:!0}),children:O.map((function(r){return(0,P.jsx)(N.default,{step:r},r.configStep.key)}))})})}))},22530:(r,m,y)=>{"use strict";y.d(m,{Fv:()=>k,Nh:()=>I,ZP:()=>E,x6:()=>j,x7:()=>_});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C),T=y(61667),N=y.n(T),w=new URL(y(81165),y.b),P=O()(x()),S=N()(w);P.push([r.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+S+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var j="index-module--w_wIT",I="index-module--MCJfE",k="index-module--r63hz",_="index-module--R9Ong";const E=P},60118:(r,m,y)=>{"use strict";y.d(m,{JU:()=>j,Sp:()=>N,Vk:()=>P,ZP:()=>I,nR:()=>S,ri:()=>w,tN:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--JAueJ",N="index-module--uNgn8",w="index-module--rNKA3",P="index-module--GHTYI",S="index-module--xzdnn",j="index-module--Cz9hU";const I=O},61667:r=>{"use strict";r.exports=function(r,m){return m||(m={}),r?(r=String(r.__esModule?r.default:r),/^['"].*['"]$/.test(r)&&(r=r.slice(1,-1)),m.hash&&(r+=m.hash),/["'() \t\n]|(%20)/.test(r)||m.needQuotes?'"'.concat(r.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):r):r}},81165:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},65515:(r,m)=>{var y;!function(){"use strict";var v={}.hasOwnProperty;function classNames(){for(var r="",m=0;m<arguments.length;m++){var y=arguments[m];y&&(r=appendClass(r,parseValue(y)))}return r}function parseValue(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return classNames.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var m="";for(var y in r)v.call(r,y)&&r[y]&&(m=appendClass(m,y));return m}function appendClass(r,m){return m?r?r+" "+m:r+m:r}r.exports?(classNames.default=classNames,r.exports=classNames):void 0===(y=function(){return classNames}.apply(m,[]))||(r.exports=y)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9607,6352,59,5496,904],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.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 v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));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=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var T=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 T.name="Invariant Violation",T}}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 v=y(1),x=y.n(v),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 v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}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 v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}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,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.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 T=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,v,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 x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=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,T=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,w=this.props,P=w.classParentString,S=w.contentOuterClassName,j=w.contentInnerClassName,I="".concat(P,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),E="".concat(P,"__contentInner ").concat(j);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(T,l({id:this.triggerId,className:I.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(),x.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:E.trim()},N)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);T.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])},T.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=T}]))},85496:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>z});y(87363);var v=y(65515),x=y.n(v),C=y(96463),O=y(88683),T=y(93379),N=y.n(T),w=y(7795),P=y.n(w),S=y(90569),j=y.n(S),I=y(3565),k=y.n(I),_=y(19216),E=y.n(_),R=y(44589),D=y.n(R),A=y(22530),W={};W.styleTagTransform=D(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=E();N()(A.ZP,W);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(47514);const z=function Header(r){var m=r.tabGroup,y=r.open,v=(0,C.NP)(),T=(0,O.useTranslation)().t;return(0,Z.jsxs)("div",{className:x()(A.x6,v.tabGroupAlreadyVisited(m)?A.Fv:void 0,y?A.Nh:void 0),children:[(0,Z.jsx)("div",{children:T("configurator."+m.title,m.title)}),(0,Z.jsx)("div",{className:x()(A.x7)})]})}},50904:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),T=y(90569),N=y.n(T),w=y(3565),P=y.n(w),S=y(19216),j=y.n(S),I=y(44589),k=y.n(I),_=y(60118),E={};E.styleTagTransform=k(),E.setAttributes=P(),E.insert=N().bind(null,"head"),E.domAPI=O(),E.insertStyleElement=j();x()(_.ZP,E);_.ZP&&_.ZP.locals&&_.ZP.locals;var R=y(9420),D=y(96463),A=(y(87363),y(65515)),W=y.n(A),Z=y(88683),z=y(47514);const H=(0,R.Pi)((function OptionStepComponent(r){var m,y,v,x,C,O,T=r.step,N=T.option,w=T.configStep,P=(0,D.NP)(),S=(0,Z.useTranslation)().t,j=null===(m=w.optionstate)||void 0===m?void 0:m.valName;if(null!==(y=w.optionstate)&&void 0!==y&&y.isDifferentOption)j="divers";else if(null!==(v=w.optionstate)&&void 0!==v&&v.freeTextLang){var I="",k=w.optionstate.freeTextLang;for(var E in k){var R;I+=E+": "+(null!==(R=k[E])&&void 0!==R?R:"")+";"}I&&(j=I)}else if(null!==(x=w.optionstate)&&void 0!==x&&x.freeText)j=w.optionstate.freeText+(P.getViewConfig().hideMeasureUnit?"":" "+w.optionstate.measureUnit);else if(null!==(C=w.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=w.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var A,H;j=(null!==(A=null===(H=w.optionstate)||void 0===H?void 0:H.multiSelects)&&void 0!==A?A:[]).map((function(r){return r.name})).join(",")}return(0,z.jsxs)("div",{className:W()(_.tN,P.configuratorStructureHandler.curConfigStepKey===w.key?_.Vk:void 0,P.configStepAlreadyVisited(w)?_.ri:void 0,w.isDisabledByDiverseParentOption?_.JU:void 0),title:w.isDisabledByDiverseParentOption?S("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){w.isDisabledByDiverseParentOption||P.navigateToConfigStep(w.key)},children:[(0,z.jsx)("div",{className:_.Sp,title:w.isDisabledByDiverseParentOption?void 0:N.codex,children:N.title}),(0,z.jsx)("div",{className:_.nR,title:w.isDisabledByDiverseParentOption?void 0:j,children:j})]})}))},69607:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>S});var v=y(9420),x=y(96463),C=y(87363),O=y(57446),T=y.n(O),N=y(50904),w=y(85496),P=y(47514);const S=(0,v.Pi)((function VerticalTabGroupItemClassification(r){var m=r.tabGroup,y=(r.height,r.minHeight,(0,x.NP)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(m.key,v.current)}),[v]);var O=Object.values(m.options).map((function(r){return Object.values(r.configSteps).map((function(m){return{configStep:m,option:r}}))})).flat();return(0,P.jsx)("div",{ref:v,children:(0,P.jsx)(T(),{open:!0,easing:"ease",trigger:(0,P.jsx)(w.default,{tabGroup:m,open:!1}),triggerWhenOpen:(0,P.jsx)(w.default,{tabGroup:m,open:!0}),children:O.map((function(r){return(0,P.jsx)(N.default,{step:r},r.configStep.key)}))})})}))},22530:(r,m,y)=>{"use strict";y.d(m,{Fv:()=>k,Nh:()=>I,ZP:()=>E,x6:()=>j,x7:()=>_});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C),T=y(61667),N=y.n(T),w=new URL(y(81165),y.b),P=O()(x()),S=N()(w);P.push([r.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+S+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var j="index-module--w_wIT",I="index-module--MCJfE",k="index-module--r63hz",_="index-module--R9Ong";const E=P},60118:(r,m,y)=>{"use strict";y.d(m,{JU:()=>j,Sp:()=>N,Vk:()=>P,ZP:()=>I,nR:()=>S,ri:()=>w,tN:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--JAueJ",N="index-module--uNgn8",w="index-module--rNKA3",P="index-module--GHTYI",S="index-module--xzdnn",j="index-module--Cz9hU";const I=O},61667:r=>{"use strict";r.exports=function(r,m){return m||(m={}),r?(r=String(r.__esModule?r.default:r),/^['"].*['"]$/.test(r)&&(r=r.slice(1,-1)),m.hash&&(r+=m.hash),/["'() \t\n]|(%20)/.test(r)||m.needQuotes?'"'.concat(r.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):r):r}},81165:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},65515:(r,m)=>{var y;!function(){"use strict";var v={}.hasOwnProperty;function classNames(){for(var r="",m=0;m<arguments.length;m++){var y=arguments[m];y&&(r=appendClass(r,parseValue(y)))}return r}function parseValue(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return classNames.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var m="";for(var y in r)v.call(r,y)&&r[y]&&(m=appendClass(m,y));return m}function appendClass(r,m){return m?r?r+" "+m:r+m:r}r.exports?(classNames.default=classNames,r.exports=classNames):void 0===(y=function(){return classNames}.apply(m,[]))||(r.exports=y)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9902.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9902,59,9119,6587],{41106:(e,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>A});var t=r(80248),o=r(34988),i=r(96463),l=r(87363),a=r(46770),s=r(9420),d=r(93379),c=r.n(d),u=r(7795),p=r.n(u),m=r(90569),g=r.n(m),v=r(3565),x=r.n(v),y=r(19216),b=r.n(y),f=r(44589),h=r.n(f),w=r(96520),P={};P.styleTagTransform=h(),P.setAttributes=x(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=b();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=r(13838),O=r(65515),S=r.n(O),C=r(86587),I=r(88683),k=r(63662),_=r(41834),B=r(18606),D=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const A=(0,s.Pi)((function Gallery(e){var n,r,t=e.item,s=e.hidePricePreview,d=e.paletteId,c=e.style,u=e.isActive,p=void 0===u?(0,D.jsx)(C.default,{listenToGalleryVariables:!0}):u,m=t,g=(0,i.NP)(),v=(0,I.useDivaCore)().state.dimensions,x=v.isMobile,y=v.isTablet,b=(0,l.useState)(""),f=(0,o.Z)(b,2),h=f[0],P=(f[1],{}),O={},A=void 0,N=!1,T={},Z=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,a.sJ)({isOpen:Z[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return x||y||g.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(N=Z[0],T=Z[1],P=V.triggerProps,O=V.layerProps,A=V.renderLayer),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:m.codex,"data-test-id":"plannerPaletteItem",className:S()(w.CA,w.TD,m.sel?w.pA:void 0),onClick:function onClick(){m.doShowFav&&g.paletteViewHandler.clickedOnFavIcon(m),g.paletteViewHandler.clickedOnConfigPalette(m,void 0,d)}},P),T),{},{children:[(0,D.jsxs)("div",{className:S()(w.iZ,w.VF),children:[!m.doShowFav&&m.sel&&void 0!==p&&p,m.contentItemId&&(0,D.jsx)(_.default,{item:m}),(g.getViewConfig().showVCodexInGallery&&m.vCodex||m.freeText)&&(0,D.jsx)("div",{className:w.eE,children:(0,D.jsx)("div",{className:S()(w.rq),children:null!==(n=m.freeText)&&void 0!==n?n:m.vCodex})}),m.image?(0,D.jsx)("img",{src:m.image}):m.hexColor?(0,D.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+m.hexColor}}):(0,D.jsx)(D.Fragment,{}),m.doShowFav&&(0,D.jsx)("div",{className:m.isFav?j.Md:j.Hq})]}),!s&&void 0!==m.pricePreviewPromise&&(0,D.jsx)(B.default,{asyncPricePreview:m.pricePreviewPromise})]})),N&&(null===(r=A)||void 0===r?void 0:r((0,D.jsx)(k.default,{text:m.text,desciption:h,image:m.image,layerProps:O,pricePreviewPromise:m.pricePreviewPromise,hexColor:m.hexColor},m.codex)))]})}))},86587:(e,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},96520:(e,n,r)=>{"use strict";r.d(n,{CA:()=>a,CO:()=>g,TD:()=>m,VF:()=>d,ZP:()=>v,eE:()=>u,iZ:()=>s,pA:()=>c,rq:()=>p});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--_t3lX .index-module--TuYR3.index-module--RmaZH {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--_t3lX {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--_t3lX:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--_t3lX.index-module--zwiU5 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--uTBDj {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--t7W_J {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--_t3lX:hover .index-module--t7W_J,\n.index-module--zwiU5 .index-module--t7W_J {\n  display: block;\n}\n\n.index-module--_t3lX.index-module--W5A4l {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--_t3lX.index-module--W5A4l img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Kcm6P {\n  width: 80px;\n  height: 80px;\n}\n",""]);var a="index-module--_t3lX",s="index-module--TuYR3",d="index-module--RmaZH",c="index-module--zwiU5",u="index-module--uTBDj",p="index-module--t7W_J",m="index-module--W5A4l",g="index-module--Kcm6P";const v=l},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var r;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var r=arguments[n];r&&(e=appendClass(e,parseValue(r)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var r in e)t.call(e,r)&&e[r]&&(n=appendClass(n,r));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(r=function(){return classNames}.apply(n,[]))||(e.exports=r)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9902,59,6587],{41106:(e,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>A});var t=r(80248),o=r(34988),i=r(96463),l=r(87363),a=r(46770),s=r(9420),d=r(93379),c=r.n(d),u=r(7795),p=r.n(u),m=r(90569),g=r.n(m),v=r(3565),x=r.n(v),y=r(19216),b=r.n(y),f=r(44589),h=r.n(f),w=r(96520),P={};P.styleTagTransform=h(),P.setAttributes=x(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=b();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=r(13838),O=r(65515),S=r.n(O),C=r(86587),I=r(88683),k=r(63662),_=r(41834),B=r(18606),D=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const A=(0,s.Pi)((function Gallery(e){var n,r,t=e.item,s=e.hidePricePreview,d=e.paletteId,c=e.style,u=e.isActive,p=void 0===u?(0,D.jsx)(C.default,{listenToGalleryVariables:!0}):u,m=t,g=(0,i.NP)(),v=(0,I.useDivaCore)().state.dimensions,x=v.isMobile,y=v.isTablet,b=(0,l.useState)(""),f=(0,o.Z)(b,2),h=f[0],P=(f[1],{}),O={},A=void 0,N=!1,T={},Z=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,a.sJ)({isOpen:Z[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return x||y||g.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(N=Z[0],T=Z[1],P=V.triggerProps,O=V.layerProps,A=V.renderLayer),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:m.codex,"data-test-id":"plannerPaletteItem",className:S()(w.CA,w.TD,m.sel?w.pA:void 0),onClick:function onClick(){m.doShowFav&&g.paletteViewHandler.clickedOnFavIcon(m),g.paletteViewHandler.clickedOnConfigPalette(m,void 0,d)}},P),T),{},{children:[(0,D.jsxs)("div",{className:S()(w.iZ,w.VF),children:[!m.doShowFav&&m.sel&&void 0!==p&&p,m.contentItemId&&(0,D.jsx)(_.default,{item:m}),(g.getViewConfig().showVCodexInGallery&&m.vCodex||m.freeText)&&(0,D.jsx)("div",{className:w.eE,children:(0,D.jsx)("div",{className:S()(w.rq),children:null!==(n=m.freeText)&&void 0!==n?n:m.vCodex})}),m.image?(0,D.jsx)("img",{src:m.image}):m.hexColor?(0,D.jsx)("div",{className:w.CO,style:{backgroundColor:"#"+m.hexColor}}):(0,D.jsx)(D.Fragment,{}),m.doShowFav&&(0,D.jsx)("div",{className:m.isFav?j.Md:j.Hq})]}),!s&&void 0!==m.pricePreviewPromise&&(0,D.jsx)(B.default,{asyncPricePreview:m.pricePreviewPromise})]})),N&&(null===(r=A)||void 0===r?void 0:r((0,D.jsx)(k.default,{text:m.text,desciption:h,image:m.image,layerProps:O,pricePreviewPromise:m.pricePreviewPromise,hexColor:m.hexColor},m.codex)))]})}))},86587:(e,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},96520:(e,n,r)=>{"use strict";r.d(n,{CA:()=>a,CO:()=>g,TD:()=>m,VF:()=>d,ZP:()=>v,eE:()=>u,iZ:()=>s,pA:()=>c,rq:()=>p});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--_t3lX .index-module--TuYR3.index-module--RmaZH {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--_t3lX {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--_t3lX:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--_t3lX.index-module--zwiU5 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--uTBDj {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--t7W_J {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--_t3lX:hover .index-module--t7W_J,\n.index-module--zwiU5 .index-module--t7W_J {\n  display: block;\n}\n\n.index-module--_t3lX.index-module--W5A4l {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--_t3lX.index-module--W5A4l img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Kcm6P {\n  width: 80px;\n  height: 80px;\n}\n",""]);var a="index-module--_t3lX",s="index-module--TuYR3",d="index-module--RmaZH",c="index-module--zwiU5",u="index-module--uTBDj",p="index-module--t7W_J",m="index-module--W5A4l",g="index-module--Kcm6P";const v=l},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var r;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var r=arguments[n];r&&(e=appendClass(e,parseValue(r)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var r in e)t.call(e,r)&&e[r]&&(n=appendClass(n,r));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(r=function(){return classNames}.apply(n,[]))||(e.exports=r)}()}}]);