npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.13.0-rc.15 → 25.13.0-rc.16 - Mend

@crystaldesign/diva-web-planner-react 25.13.0-rc.15 → 25.13.0-rc.16

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

Files changed (346) hide show

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6842.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6842,3260],{80509:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var i=n(78322),r=n(9420),a=(n(87363),n(74133)),l=n(47514);const o=(0,r.Pi)((function SettingsHeaderContainer(e){var t,n,r=e.isScroller,o=void 0!==r&&r,s=(0,i.NP)(),d=s.settingsState.itemPalettes.get(1);if(!d)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==d.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=d.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(n=d.type)&&void 0!==n&&n.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(d.configStepKey)||d.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(a.default,{isInScroller:o,isSettingsHeader:!d.isHeader,item:d,header:!0})})}))},80873:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var i=n(9420),r=(n(87363),n(88683)),a=n(93379),l=n.n(a),o=n(7795),s=n.n(o),d=n(90569),u=n.n(d),c=n(3565),g=n.n(c),S=n(19216),p=n.n(S),v=n(44589),f=n.n(v),m=n(5217),P={};P.styleTagTransform=f(),P.setAttributes=g(),P.insert=u().bind(null,"head"),P.domAPI=s(),P.insertStyleElement=p();l()(m.ZP,P);m.ZP&&m.ZP.locals&&m.ZP.locals;var h=n(78322),x=n(47514);const N=(0,i.Pi)((function SummaryTotalPrice(e){var t,n=(0,r.useTranslation)().t,i=(0,h.NP)(),a=(0,r.useDivaCore)().state.hidePrices;return(0,x.jsx)(x.Fragment,{children:!a&&(0,x.jsxs)("div",{className:m.nC,children:[(0,x.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,x.jsx)("div",{className:m.nt,children:r.DivaUtils.formatPrice(null!==(t=i.productState.formatedTotalPrice)&&void 0!==t?t:0,i.productState.priceFormat)})]})})}))},46842:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(34988),r=n(88291),a=n(78322),l=n(9420),o=n(87363),s=n(80509),d=n(93379),u=n.n(d),c=n(7795),g=n.n(c),S=n(90569),p=n.n(S),v=n(3565),f=n.n(v),m=n(19216),P=n.n(m),h=n(44589),x=n.n(h),N=n(79501),C={};C.styleTagTransform=x(),C.setAttributes=f(),C.insert=p().bind(null,"head"),C.domAPI=g(),C.insertStyleElement=P();u()(N.ZP,C);N.ZP&&N.ZP.locals&&N.ZP.locals;var I=n(44013),b=n(65515),T=n.n(b),E=n(80873),A=n(47514);const R=(0,l.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var l=(0,a.NP)(),d=(0,o.useRef)(null),u=[],c={};(0,o.useEffect)((function(){return d.current?(l.settingsState.setScrollerElement(d.current),l.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var g,S,p,v,f,m={},P=l.uiState.snapPoints[l.settingsState.activeSnapPointIndex];isNaN(Number(P))?g=P:g=Number(P)*(null!==(S=null===(p=l.uiState.configuratorRef)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==S?S:0)+"px";l.uiState.isInMobileView?m.height=g:m.height="calc(100% - "+(null!==(v=null===(f=l.settingsState.settingsHeaderElement)||void 0===f?void 0:f.getBoundingClientRect().height)&&void 0!==v?v:0)+"px)";for(var h=0;h<l.settingsState.itemPaletteArr.length;h++){var x=l.settingsState.itemPaletteArr[h][1],C=Number(x.id),b=x.pairWithOptionsToGroup;b&&x.visible&&(c[b]||(c[b]=[]),c[b].push(C)),x.isRenderedNotInSettingPalette||u.push([C,x])}return(0,o.useEffect)((function(){l.uiState.configSettingsIsMinExpanded?l.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):l.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[l.uiState.configSettingsIsExpanded,l.uiState.configSettingsIsMinExpanded]),(0,A.jsxs)("div",{style:m,className:T()(N.e8,l.uiState.configSettingsIsExpanded?N.zh:void 0,l.uiState.configSettingsIsMinExpanded?N.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(l.uiState.isInMobileView||l.settingsState.forceSettingsHeaderInScrollContainer)&&(0,A.jsx)(s.default,{isScroller:!0},null!==(t=null===(n=l.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,A.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],a=n[1];return(0,A.jsx)(I.default,{item:a,id:r,groupSize:a.pairWithOptionsToGroup?c[a.pairWithOptionsToGroup].length:void 0},(null!==(t=a.optionCodex)&&void 0!==t?t:a.configStepKey)+r)})),l.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==l.getState()&&(0,A.jsx)(E.default,{})]})]})}))},5217:(e,t,n)=>{n.d(t,{X_:()=>s,ZP:()=>u,nC:()=>o,nt:()=>d});var i=n(8081),r=n.n(i),a=n(23645),l=n.n(a)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var o="index-module--TnLDn",s="index-module--FXdIH",d="index-module--uSfxN";const u=l},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>o,m7:()=>d,zh:()=>s});var i=n(8081),r=n.n(i),a=n(23645),l=n.n(a)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var o="index-module--UX0Na",s="index-module--DRDpA",d="index-module--Rpo_4";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6842,3260],{80509:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var i=n(78322),r=n(9420),a=(n(87363),n(74133)),s=n(47514);const l=(0,r.Pi)((function SettingsHeaderContainer(e){var t,n,r=e.isScroller,l=void 0!==r&&r,o=(0,i.NP)(),d=o.settingsState.itemPalettes.get(1);if(!d)return(0,s.jsx)(s.Fragment,{});var u="CHECKOUT"!==d.configStepKey&&"Hidden"!==o.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=d.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(n=d.type)&&void 0!==n&&n.startsWith("PROMOTED"))&&(!o.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(d.configStepKey)||d.configStepKey.startsWith("SHELFARTICLE")||!o.settingsState.allArticlesAreActive);return(0,s.jsx)(s.Fragment,{children:u&&(0,s.jsx)(a.default,{isInScroller:l,isSettingsHeader:!d.isHeader,item:d,header:!0})})}))},80873:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var i=n(9420),r=(n(87363),n(88683)),a=n(93379),s=n.n(a),l=n(7795),o=n.n(l),d=n(90569),u=n.n(d),c=n(3565),g=n.n(c),S=n(19216),p=n.n(S),v=n(44589),f=n.n(v),m=n(5217),P={};P.styleTagTransform=f(),P.setAttributes=g(),P.insert=u().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=p();s()(m.ZP,P);m.ZP&&m.ZP.locals&&m.ZP.locals;var h=n(78322),x=n(47514);const N=(0,i.Pi)((function SummaryTotalPrice(e){var t,n=(0,r.useTranslation)().t,i=(0,h.NP)(),a=(0,r.useDivaCore)().state.hidePrices;return(0,x.jsx)(x.Fragment,{children:!a&&(0,x.jsxs)("div",{className:m.nC,children:[(0,x.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,x.jsx)("div",{className:m.nt,children:r.DivaUtils.formatPrice(null!==(t=i.productState.formatedTotalPrice)&&void 0!==t?t:0,i.productState.priceFormat)})]})})}))},46842:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(34988),r=n(88291),a=n(78322),s=n(9420),l=n(87363),o=n(80509),d=n(93379),u=n.n(d),c=n(7795),g=n.n(c),S=n(90569),p=n.n(S),v=n(3565),f=n.n(v),m=n(19216),P=n.n(m),h=n(44589),x=n.n(h),N=n(79501),I={};I.styleTagTransform=x(),I.setAttributes=f(),I.insert=p().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=P();u()(N.ZP,I);N.ZP&&N.ZP.locals&&N.ZP.locals;var C=n(44013),T=n(65515),b=n.n(T),E=n(80873),A=n(47514);const y=(0,s.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var s=(0,a.NP)(),d=(0,l.useRef)(null),u=[],c={};(0,l.useEffect)((function(){return d.current?(s.settingsState.setScrollerElement(d.current),s.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var g,S,p,v={},f=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];(g=isNaN(Number(f))?f:f-38+"px",s.uiState.isInMobileView)?v.height=g:v.height="calc(100% - "+(null!==(S=null===(p=s.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==S?S:0)+"px)";for(var m=0;m<s.settingsState.itemPaletteArr.length;m++){var P=s.settingsState.itemPaletteArr[m][1],h=Number(P.id),x=P.pairWithOptionsToGroup;x&&P.visible&&(c[x]||(c[x]=[]),c[x].push(h)),P.isRenderedNotInSettingPalette||u.push([h,P])}return(0,l.useEffect)((function(){s.uiState.configSettingsIsMinExpanded?s.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):s.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[s.uiState.configSettingsIsExpanded,s.uiState.configSettingsIsMinExpanded]),(0,A.jsxs)("div",{style:v,className:b()(N.e8,s.uiState.configSettingsIsExpanded?N.zh:void 0,s.uiState.configSettingsIsMinExpanded?N.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(s.uiState.isInMobileView||s.settingsState.forceSettingsHeaderInScrollContainer)&&(0,A.jsx)(o.default,{isScroller:!0},null!==(t=null===(n=s.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,A.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],a=n[1];return(0,A.jsx)(C.default,{item:a,id:r,groupSize:a.pairWithOptionsToGroup?c[a.pairWithOptionsToGroup].length:void 0},(null!==(t=a.optionCodex)&&void 0!==t?t:a.configStepKey)+r)})),s.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==s.getState()&&(0,A.jsx)(E.default,{})]})]})}))},5217:(e,t,n)=>{n.d(t,{X_:()=>o,ZP:()=>u,nC:()=>l,nt:()=>d});var i=n(8081),r=n.n(i),a=n(23645),s=n.n(a)()(r());s.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var l="index-module--TnLDn",o="index-module--FXdIH",d="index-module--uSfxN";const u=s},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>l,m7:()=>d,zh:()=>o});var i=n(8081),r=n.n(i),a=n(23645),s=n.n(a)()(r());s.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var l="index-module--UX0Na",o="index-module--DRDpA",d="index-module--Rpo_4";const u=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6944.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6944],{56944:(e,n,o)=>{o.r(n),o.d(n,{default:()=>Y});var d=o(80248),t=o(34988),i=o(9420),l=o(78322),A=o(87363),r=o(65515),s=o.n(r),a=o(88683),u=o(93379),c=o.n(u),x=o(7795),m=o.n(x),h=o(90569),g=o.n(h),p=o(3565),R=o.n(p),E=o(19216),b=o.n(E),S=o(44589),y=o.n(S),v=o(68042),k={};k.styleTagTransform=y(),k.setAttributes=R(),k.insert=g().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=b();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=o(33887),L=o.n(w),C=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const Y=(0,i.Pi)((function DoorPlanner(e){var n=e.item,o=(0,l.NP)(),d=(0,a.useTranslation)().t,i=50,r=n.groups[0].items,u=(0,A.useState)({x:0,y:0}),c=(0,t.Z)(u,2),x=c[0],m=c[1],h=(0,A.useState)(void 0),g=(0,t.Z)(h,2),p=g[0],R=g[1],E=(0,A.useRef)(null),b=(0,A.useRef)(null),S=(0,A.useState)(!1),y=(0,t.Z)(S,2),k=y[0],w=y[1],Y=function scrollLeftOrRight(e){var n,d,t;if(E.current){var i=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(d=null===(t=o.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().x)&&void 0!==d?d:0);i<E.current.getBoundingClientRect().width/100*5?E.current.scrollTo({left:E.current.scrollLeft-10}):i>E.current.getBoundingClientRect().width/100*95&&E.current.scrollTo({left:E.current.scrollLeft+10})}},j=function getEventOffsetX(e){var n,d,t,i,l;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(d=null===(t=o.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().x)&&void 0!==d?d:0)+(null!==(i=null===(l=E.current)||void 0===l?void 0:l.scrollLeft)&&void 0!==i?i:0)},f={onStart:function handleStart(e){var n=j(e),o=n-n%i;m({y:0,x:o}),R(r[o/i])},onDrag:function handleDrag(e){var n=j(e),o=(n-n%i)/i;o>=0&&o<r.length&&((null==p?void 0:p.key)!=r[o].key&&(null==p?void 0:p.currentDoor.StrictType)===r[o].currentDoor.StrictType?w(!0):w(!1)),Y(e)},onStop:function handleStop(e){var n=j(e),d=(n-n%i)/i;k&&p&&d>=0&&d<r.length&&o.divaWebPlanner.moveDoors(p.door,r[d].door),R(void 0),w(!1),m({y:0,x:0})}};return(0,C.jsxs)(C.Fragment,{children:[d("configurator.DoorPlanner_Description"),(0,C.jsx)("div",{ref:E,className:s()(v.nC,"box"),children:(0,C.jsxs)("div",{className:s()(v.YS,"no-swiping"),children:[(0,C.jsx)(L(),_objectSpread(_objectSpread({nodeRef:b,bounds:"parent",position:x},f),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:s()(v.sv,k?v.Zn:v.zP),children:(0,C.jsx)("div",{ref:b,className:"box cursor-x",style:{width:p?i:i*r.length}})})),r.map((function(e,n){return(0,C.jsxs)("div",{className:s()(v.nw,0==n?v.Ps:void 0,n===r.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,C.jsx)("div",{className:s()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,C.jsx)("div",{className:s()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,C.jsx)("div",{className:s()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,C.jsx)("div",{className:s()(v.AY)}),e.type.includes("SHORT")&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:s()(v.dT)}),(0,C.jsx)("div",{className:s()(v.gk)}),(0,C.jsx)("div",{className:s()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,o)=>{o.d(n,{AY:()=>k,Bt:()=>y,F2:()=>L,O3:()=>v,Ps:()=>p,YS:()=>h,Z$:()=>R,ZP:()=>B,Zn:()=>j,dT:()=>b,gk:()=>S,nC:()=>m,nw:()=>g,pr:()=>E,sv:()=>Y,t$:()=>w,ts:()=>C,zP:()=>f});var d=o(8081),t=o.n(d),i=o(23645),l=o.n(i),A=o(61667),r=o.n(A),s=new URL(o(42495),o.b),a=new URL(o(42087),o.b),u=l()(t()),c=r()(s),x=r()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+x+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var m="index-module--NzX3M",h="index-module--RkNWX",g="index-module--aqj4f",p="index-module--SrsAj",R="index-module--vuiRh",E="index-module--BhUM_",b="index-module--jj5nk",S="index-module--cWyG4",y="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",C="index-module--f8a_9",Y="index-module--FwvZJ",j="index-module--Sc12s",f="index-module--nAXUW";const B=u},42495:e=>{e.exports="data:image/png;base64,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"},42087:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6944],{56944:(e,n,o)=>{o.r(n),o.d(n,{default:()=>Y});var d=o(80248),t=o(34988),i=o(9420),l=o(78322),A=o(87363),r=o(65515),s=o.n(r),a=o(88683),u=o(93379),c=o.n(u),x=o(7795),m=o.n(x),h=o(90569),g=o.n(h),p=o(3565),R=o.n(p),E=o(19216),b=o.n(E),S=o(44589),y=o.n(S),v=o(68042),k={};k.styleTagTransform=y(),k.setAttributes=R(),k.insert=g().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=b();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=o(22976),L=o.n(w),C=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const Y=(0,i.Pi)((function DoorPlanner(e){var n=e.item,o=(0,l.NP)(),d=(0,a.useTranslation)().t,i=50,r=n.groups[0].items,u=(0,A.useState)({x:0,y:0}),c=(0,t.Z)(u,2),x=c[0],m=c[1],h=(0,A.useState)(void 0),g=(0,t.Z)(h,2),p=g[0],R=g[1],E=(0,A.useRef)(null),b=(0,A.useRef)(null),S=(0,A.useState)(!1),y=(0,t.Z)(S,2),k=y[0],w=y[1],Y=function scrollLeftOrRight(e){var n,d,t;if(E.current){var i=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(d=null===(t=o.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().x)&&void 0!==d?d:0);i<E.current.getBoundingClientRect().width/100*5?E.current.scrollTo({left:E.current.scrollLeft-10}):i>E.current.getBoundingClientRect().width/100*95&&E.current.scrollTo({left:E.current.scrollLeft+10})}},j=function getEventOffsetX(e){var n,d,t,i,l;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(d=null===(t=o.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().x)&&void 0!==d?d:0)+(null!==(i=null===(l=E.current)||void 0===l?void 0:l.scrollLeft)&&void 0!==i?i:0)},f={onStart:function handleStart(e){var n=j(e),o=n-n%i;m({y:0,x:o}),R(r[o/i])},onDrag:function handleDrag(e){var n=j(e),o=(n-n%i)/i;o>=0&&o<r.length&&((null==p?void 0:p.key)!=r[o].key&&(null==p?void 0:p.currentDoor.StrictType)===r[o].currentDoor.StrictType?w(!0):w(!1)),Y(e)},onStop:function handleStop(e){var n=j(e),d=(n-n%i)/i;k&&p&&d>=0&&d<r.length&&o.divaWebPlanner.moveDoors(p.door,r[d].door),R(void 0),w(!1),m({y:0,x:0})}};return(0,C.jsxs)(C.Fragment,{children:[d("configurator.DoorPlanner_Description"),(0,C.jsx)("div",{ref:E,className:s()(v.nC,"box"),children:(0,C.jsxs)("div",{className:s()(v.YS,"no-swiping"),children:[(0,C.jsx)(L(),_objectSpread(_objectSpread({nodeRef:b,bounds:"parent",position:x},f),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:s()(v.sv,k?v.Zn:v.zP),children:(0,C.jsx)("div",{ref:b,className:"box cursor-x",style:{width:p?i:i*r.length}})})),r.map((function(e,n){return(0,C.jsxs)("div",{className:s()(v.nw,0==n?v.Ps:void 0,n===r.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,C.jsx)("div",{className:s()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,C.jsx)("div",{className:s()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,C.jsx)("div",{className:s()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,C.jsx)("div",{className:s()(v.AY)}),e.type.includes("SHORT")&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:s()(v.dT)}),(0,C.jsx)("div",{className:s()(v.gk)}),(0,C.jsx)("div",{className:s()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,o)=>{o.d(n,{AY:()=>k,Bt:()=>y,F2:()=>L,O3:()=>v,Ps:()=>p,YS:()=>h,Z$:()=>R,ZP:()=>B,Zn:()=>j,dT:()=>b,gk:()=>S,nC:()=>m,nw:()=>g,pr:()=>E,sv:()=>Y,t$:()=>w,ts:()=>C,zP:()=>f});var d=o(8081),t=o.n(d),i=o(23645),l=o.n(i),A=o(61667),r=o.n(A),s=new URL(o(42495),o.b),a=new URL(o(42087),o.b),u=l()(t()),c=r()(s),x=r()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+x+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var m="index-module--NzX3M",h="index-module--RkNWX",g="index-module--aqj4f",p="index-module--SrsAj",R="index-module--vuiRh",E="index-module--BhUM_",b="index-module--jj5nk",S="index-module--cWyG4",y="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",C="index-module--f8a_9",Y="index-module--FwvZJ",j="index-module--Sc12s",f="index-module--nAXUW";const B=u},42495:e=>{e.exports="data:image/png;base64,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"},42087:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7436.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7436,9908],{46678:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(78322),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),m=t(3565),g=t.n(m),v=t(19216),h=t.n(v),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=b().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=h();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,d.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},9908:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>O,default:()=>C});var o=t(78322),i=t(87363),r=t(46678),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),m=t(44589),g=t.n(m),v=t(61609),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=b();s()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(51725),y=t(97853),w=t(26019),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(n){var e,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:v.xn,children:[(0,k.jsx)(w.default,{className:v.x6}),(0,k.jsx)(y.default,{className:I()(v.vt,a?v.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(v.kL,a?v.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},97436:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(78322),i=t(87363),r=t(46678),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),m=t(44589),g=t.n(m),v=t(87623),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=b();s()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(9908),y=t(51725),w=t(97853),j=t(26019),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(n){var e,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:v.xn,children:[(0,O.jsx)(y.default,{className:k()(v.kL,a?v.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(w.default,{className:k()(v.vt,a?v.Uu:void 0)}),(0,O.jsx)(j.default,{className:v.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>x});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(5572),l=t(78322),d=t(88683),u=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 c=(0,d.getLogger)("Planner","InfoBox");const x=(0,r.Pi)((function ContentItemWrapper(n){var e=n.direction,t=n.mountElementId,o=n.drawerStyle,r=(0,l.NP)(),x=(0,a.useState)(!1),p=(0,i.Z)(x,2),f=p[0],b=p[1],m=(0,d.useDivaCore)().actions,g=m.openDrawerMenu,v=m.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){b(!0);var n=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),v("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(n){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=n?n:void 0})}});g(n?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(v("content-item"),setTimeout((function(){b(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},51725:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(78322),s=t(9420),l=t(10864),d=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),m=t(3565),g=t.n(m),v=t(19216),h=t.n(v),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=b().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=h();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 O=(0,s.Pi)((function Product(n){var e,t=n.contentItemStartPos,o=(0,i.Z)(n,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!s.uiState.isLoading&&null!==(n=s.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=s.configState.paramters)||void 0===e?void 0:e.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(l.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const m=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",l="index-module--wjIBY",d="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(66993),t.b),u=a()(i()),c=l()(d);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u},66993:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7436,9908],{46678:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(78322),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),b=t.n(f),m=t(3565),g=t.n(m),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,s.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},9908:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(78322),i=t(87363),r=t(46678),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),b=t.n(f),m=t(44589),g=t.n(m),h=t(61609),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(51725),y=t(97853),w=t(26019),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},97436:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(78322),i=t(87363),r=t(46678),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),b=t.n(f),m=t(44589),g=t.n(m),h=t(87623),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(9908),y=t(51725),w=t(97853),j=t(26019),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(w.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),d=t(5572),l=t(78322),s=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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,s.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElement,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],b=x[1],m=(0,s.useDivaCore)().actions,g=m.openDrawerMenu,h=m.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){b(!0);var e,i,a=r.getIsInMobileView(),l=function onClose(){h("content-item",!0),r.settingsState.setContentItemId()},s=(0,u.jsx)(d.Q,{onClose:l,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});if(a)g({id:"content-item",content:s,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else g({id:"content-item",content:s,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElement:null!==(i=null!=t?t:r.productState.productElement)&&void 0!==i?i:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===n?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===n?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else f&&(h("content-item"),setTimeout((function(){b(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},51725:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(78322),d=t(9420),l=t(10864),s=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),b=t.n(f),m=t(3565),g=t.n(m),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,d.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!d.uiState.isLoading&&null!==(e=d.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=d.configState.paramters)||void 0===n?void 0:n.checkout,d.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!d.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(s.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,I.jsx)(l.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const m=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",l="index-module--SLjS6",s="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(66993),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7564.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7564],{37564:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var t=i(87363),r=i(92404),o=i(9420),d=i(78322),a=i(93379),s=i.n(a),l=i(7795),p=i.n(l),u=i(90569),A=i.n(u),g=i(3565),x=i.n(g),c=i(19216),w=i.n(c),m=i(44589),f=i.n(m),v=i(41060),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=A().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=w();s()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=i(82956),D=i(65515),y=i.n(D),F=i(34988),W=i(88683);var M=i(47514);const I=(0,o.Pi)((function SettingsBottomDrawer(n){var e,i,o,a=n.draggerElement,s=n.children,l=(0,d.NP)(),p=function useDrawerHook(){var n=(0,t.useState)(0),e=(0,F.Z)(n,2),i=e[0],r=e[1],o=(0,t.useState)(0),a=(0,F.Z)(o,2),s=a[0],l=a[1],p=(0,d.NP)(),u=(0,t.useState)(p.uiState.isMobilePortrait),A=(0,F.Z)(u,2),g=A[0],x=A[1],c=(0,t.useState)(p.uiState.snapPoints),w=(0,F.Z)(c,2),m=w[0],f=w[1],v=(0,t.useState)(void 0!==p.settingsState.nestedDrawer),h=(0,F.Z)(v,2),b=h[0],D=h[1],y=(0,t.useState)(""),M=(0,F.Z)(y,2),I=M[0],B=M[1],j=(0,t.useState)(null),z=(0,F.Z)(j,2),N=z[0],L=z[1],C=(0,W.useDivaCore)().state,E=C.isFullscreenComponent,Z=C.dimensions,Y=Z.width,P=Z.height,k=C.initializing;(0,t.useEffect)((function(){S()}),[Y,P,k]);var S=function trySetSnapPoints(){var n=p.uiState.snapPoints;N&&clearTimeout(N),null!=n&&n.length?f(n):L(setTimeout((function(){return S()}),100))};(0,t.useEffect)((function(){var n=!p.uiState.isMobilePortrait;x(!(n||E&&"settings-drawer-content"===I))}),[E,p.uiState.isInMobileView,p.uiState.isMobileLandscape,p.uiState.isTablet,Y,P]),(0,t.useEffect)((function(){var n=function handleVisualViewportResize(){S()};if(window.visualViewport)return window.visualViewport.addEventListener("resize",n),function(){var e;null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",n)}}),[]),(0,t.useEffect)((function(){B(E?"settings-drawer-content-fullscreen":"settings-drawer-content")}),[]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return(0,t.useEffect)((function(){p.settingsState.nestedDrawer&&D(!0)}),[p.settingsState.nestedDrawer]),{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,t=n.touches[0].pageX,r=Math.abs(e-i),o=Math.abs(t-s);r>=1&&r>2*o&&window.addEventListener("touchmove",G,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",G)},snapPoints:m,open:g,nestedOpen:b,nestedClose:function nestedClose(){D(!1),p.settingsState.setActiveSnapPointIndex(2),setTimeout((function(){p.settingsState.setNestedDrawer(void 0)}),400)},id:I}}(),u=p.handleTouchStart,A=p.handleTouchMove,g=p.handleTouchEnd,x=p.open,c=p.snapPoints,w=p.id,m=p.nestedOpen,f=p.nestedClose,h=document.getElementById("wcConfigurator");return h&&null!=c&&c.length?(0,M.jsx)(r.dy.Root,{open:x,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:c,shouldScaleBackground:!1,container:h,onClose:function onClose(){return l.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==l.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:c[l.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return l.settingsState.setActiveSnapPointIndex(c.indexOf(n))},children:(0,M.jsx)(r.dy.Portal,{children:(0,M.jsxs)(r.dy.Content,{id:w,className:v.kh,style:{height:"100%",opacity:l.uiState.isMobileLandscape?"0":void 0},children:[(0,M.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,M.jsxs)(r.dy.Handle,{className:y()(v.aq),onTouchStart:u,onTouchMove:A,onTouchEnd:g,children:[!l.settingsState.nestedDrawer&&(0,M.jsx)("div",{className:v.Rx,children:(0,M.jsx)("div",{className:v.uQ})}),(0,M.jsx)("div",{className:v.ad,children:a})]}),l.uiState.isInMobileView&&(0,M.jsx)("div",{className:y()(b.Iz,v.J7),children:s}),(0,M.jsxs)(r.dy.NestedRoot,{open:m,modal:!0,container:h,onClose:f,repositionInputs:!1,shouldScaleBackground:!1,children:[(null===(e=l.settingsState.nestedDrawer)||void 0===e?void 0:e.showOverlay)&&(0,M.jsx)(r.dy.Overlay,{className:v.IJ}),(0,M.jsxs)(r.dy.Content,{id:"nested-drawer-content",style:{height:"fit-content",maxHeight:"100%",opacity:l.uiState.isMobileLandscape?"0":void 0,zIndex:10001},className:v.Ru,children:[(0,M.jsx)(r.dy.Title,{style:{display:"none"},children:"Nested Drawer"}),(0,M.jsx)(r.dy.Handle,{className:v.NN,children:(0,M.jsx)("div",{className:v.iM,children:(0,M.jsx)("div",{className:v.sx})})}),(0,M.jsxs)("div",{className:v.yS,children:[(null===(i=l.settingsState.nestedDrawer)||void 0===i?void 0:i.title)&&(0,M.jsx)("div",{className:y()(v.M7),children:l.settingsState.nestedDrawer.title}),(0,M.jsxs)("div",{className:y()(v.jR),children:[null===(o=l.settingsState.nestedDrawer)||void 0===o?void 0:o.content,(0,M.jsx)("div",{className:v.Ek})]})]})]})]})]})})}):(0,M.jsx)(M.Fragment,{})}))},41060:(n,e,i)=>{i.d(e,{Ek:()=>b,IJ:()=>g,J7:()=>l,M7:()=>w,NN:()=>f,Ru:()=>x,Rx:()=>p,ZP:()=>D,ad:()=>A,aq:()=>s,iM:()=>h,jR:()=>m,kh:()=>a,sx:()=>v,uQ:()=>u,yS:()=>c});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--qmbFa {\n  transition:\n    opacity 0.3s ease,\n    transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\n.index-module--qmbFa.vaul-dragging {\n  transition: opacity 0.3s ease !important;\n  height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var a="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",A="index-module--yfZrB",g="index-module--J3CNu",x="index-module--o7FfX",c="index-module--WmNT3",w="index-module--tKmMA",m="index-module--VJ4nl",f="index-module--D36Jg",v="index-module--OiC7z",h="index-module--bshn5",b="index-module--vyzUi";const D=d},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>D,EN:()=>W,Iz:()=>b,ZP:()=>M,al:()=>v,nW:()=>F,s1:()=>y,vt:()=>w,yk:()=>h,zh:()=>f});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o),a=i(61667),s=i.n(a),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),A=d()(r()),g=s()(l),x=s()(p),c=s()(u);A.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .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--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .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--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var w="index-module--e1N3L",m="index-module--RKDxk",f="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",b="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",F="index-module--B75oj",W="index-module--rLMX4";const M=A},82956:(n,e,i)=>{i.d(e,{AH:()=>c.AH,AI:()=>c.AI,EN:()=>c.EN,Iz:()=>c.Iz,al:()=>c.al,nW:()=>c.nW,s1:()=>c.s1,vt:()=>c.vt,yk:()=>c.yk,zh:()=>c.zh});var t=i(93379),r=i.n(t),o=i(7795),d=i.n(o),a=i(90569),s=i.n(a),l=i(3565),p=i.n(l),u=i(19216),A=i.n(u),g=i(44589),x=i.n(g),c=i(62500),w={};w.styleTagTransform=x(),w.setAttributes=p(),w.insert=s().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=A();r()(c.ZP,w),c.ZP&&c.ZP.locals&&c.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7564],{37564:(n,e,i)=>{i.r(e),i.d(e,{default:()=>B});var t=i(87363),r=i(19567),o=i(59838),a=i(9420),d=i(78322),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),A=i(90569),g=i.n(A),x=i(3565),c=i.n(x),w=i(19216),f=i.n(w),m=i(44589),b=i.n(m),v=i(41060),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=g().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var D=i(82956),y=i(65515),W=i.n(y),F=i(34988),M=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,F.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,F.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),A=(0,F.Z)(u,2),g=A[0],x=A[1],c=(0,t.useState)(0),w=(0,F.Z)(c,2),f=w[0],m=w[1],b=(0,t.useState)(0),v=(0,F.Z)(b,2),h=v[0],D=v[1],y=(0,t.useState)(0),W=(0,F.Z)(y,2),I=W[0],B=W[1],z=(0,t.useState)(!1),Z=(0,F.Z)(z,2),L=Z[0],k=Z[1],P=(0,t.useRef)(null),Y=(0,M.useDivaCore)().state,j=Y.isFullscreenComponent,E=Y.dimensions,C=E.width,N=E.height,G=n.uiState.snapPoints,S=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),R=(0,F.Z)(S,2),T=R[0],H=R[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e&&!j)}),[j,n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,C,N]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=G[e];void 0!==i&&H("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,G]);var Q=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",Q)}}),[Q]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:T,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];x(e.clientY),m(e.pageX),D(e.clientY),B(Date.now()),k(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-g),a=Math.abs(r-f);if(!L&&o>=1&&o>2*a&&(k(!0),p(!0),window.addEventListener("touchmove",Q,{passive:!1})),L&&G.length>0){D(t);var d=g-t,s=G[n.settingsState.activeSnapPointIndex]||G[2],l=G[G.length-1],u=G[0],A=Math.max(u,Math.min(l,s+d));H("".concat(A,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",Q),l){var e=g-h,i=Date.now()-I,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(G.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-G[0]),a=1;a<G.length;a++){var d=Math.abs(e-G[a]);d<o&&(o=d,r=a)}return r}(G[n.settingsState.activeSnapPointIndex]+e,t);p(!1),k(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else k(!1)},drawerRef:P,isDragging:l}}var I=i(47514);const B=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,A=a.handleTouchMove,g=a.handleTouchEnd,x=a.drawerRef,c=a.isDragging,w="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,I.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!w,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:x,className:v.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:c?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:c?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,I.jsxs)(o.Z,{className:W()(v.aq),onTouchStart:u,onTouchMove:A,onTouchEnd:g,sx:{cursor:"grab",userSelect:"none"},children:[(0,I.jsx)("div",{className:v.Rx,children:(0,I.jsx)("div",{className:v.uQ})}),(0,I.jsx)("div",{className:v.ad,children:e})]}),t.uiState.isInMobileView&&(0,I.jsx)("div",{className:W()(D.Iz,v.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>g,ad:()=>A,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",A="index-module--yfZrB";const g=a},62500:(n,e,i)=>{i.d(e,{AH:()=>f,AI:()=>D,EN:()=>F,Iz:()=>h,ZP:()=>M,al:()=>b,nW:()=>W,s1:()=>y,vt:()=>w,yk:()=>v,zh:()=>m});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),A=a()(r()),g=s()(l),x=s()(p),c=s()(u);A.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .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--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .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--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var w="index-module--e1N3L",f="index-module--RKDxk",m="index-module--YiJDf",b="index-module--IgnAA",v="index-module--YLyjz",h="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",W="index-module--B75oj",F="index-module--rLMX4";const M=A},82956:(n,e,i)=>{i.d(e,{AH:()=>c.AH,AI:()=>c.AI,EN:()=>c.EN,Iz:()=>c.Iz,al:()=>c.al,nW:()=>c.nW,s1:()=>c.s1,vt:()=>c.vt,yk:()=>c.yk,zh:()=>c.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),A=i.n(u),g=i(44589),x=i.n(g),c=i(62500),w={};w.styleTagTransform=x(),w.setAttributes=p(),w.insert=s().bind(null,"head"),w.domAPI=a(),w.insertStyleElement=A();r()(c.ZP,w),c.ZP&&c.ZP.locals&&c.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7810.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7810],{27810:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(80248),r=t(9420),i=(t(87363),t(20196)),a=t(71393),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=(0,r.Pi)((function OptionsSelector(e){var n=e.options,t=e.optionState,o={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,o=n.isFocused,r=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:o?"lightblue":r?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},r=n.map((function(e){return{label:e.name,value:e.codex}}));return(0,c.jsx)("div",{className:i.YS,children:(0,c.jsx)(a.ZP,{styles:o,value:r.find((function(e){return e.value==t[0]})),options:r,onChange:function onChange(e){t[1](e.value)}})})}))},95044:(e,n,t)=>{t.d(n,{YS:()=>c,ZP:()=>l});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var c="index-module--cA3b1";const l=a},20196:(e,n,t)=>{t.d(n,{YS:()=>v.YS});var o=t(93379),r=t.n(o),i=t(7795),a=t.n(i),c=t(90569),l=t.n(c),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),b=t(44589),f=t.n(b),v=t(95044),h={};h.styleTagTransform=f(),h.setAttributes=d(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();r()(v.ZP,h),v.ZP&&v.ZP.locals&&v.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7810],{27810:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(80248),r=t(9420),i=(t(87363),t(20196)),a=t(58590),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=(0,r.Pi)((function OptionsSelector(e){var n=e.options,t=e.optionState,o={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,o=n.isFocused,r=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:o?"lightblue":r?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},r=n.map((function(e){return{label:e.name,value:e.codex}}));return(0,c.jsx)("div",{className:i.YS,children:(0,c.jsx)(a.ZP,{styles:o,value:r.find((function(e){return e.value==t[0]})),options:r,onChange:function onChange(e){t[1](e.value)}})})}))},95044:(e,n,t)=>{t.d(n,{YS:()=>c,ZP:()=>l});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var c="index-module--cA3b1";const l=a},20196:(e,n,t)=>{t.d(n,{YS:()=>v.YS});var o=t(93379),r=t.n(o),i=t(7795),a=t.n(i),c=t(90569),l=t.n(c),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),b=t(44589),f=t.n(b),v=t(95044),h={};h.styleTagTransform=f(),h.setAttributes=d(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();r()(v.ZP,h),v.ZP&&v.ZP.locals&&v.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853],{37564:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(87363),o=t(92404),a=t(9420),r=t(78322),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),h=t.n(x),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),v=t(41060),S={};S.styleTagTransform=f(),S.setAttributes=h(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=b();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),j=t.n(y),P=t(34988),N=t(88683);var C=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n,t,a,s=e.draggerElement,d=e.children,l=(0,r.NP)(),u=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,P.Z)(e,2),t=n[0],o=n[1],a=(0,i.useState)(0),s=(0,P.Z)(a,2),d=s[0],l=s[1],u=(0,r.NP)(),c=(0,i.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],h=p[1],g=(0,i.useState)(u.uiState.snapPoints),b=(0,P.Z)(g,2),m=b[0],f=b[1],v=(0,i.useState)(void 0!==u.settingsState.nestedDrawer),S=(0,P.Z)(v,2),w=S[0],y=S[1],j=(0,i.useState)(""),C=(0,P.Z)(j,2),k=C[0],E=C[1],M=(0,i.useState)(null),T=(0,P.Z)(M,2),I=T[0],O=T[1],D=(0,N.useDivaCore)().state,V=D.isFullscreenComponent,z=D.dimensions,F=z.width,Z=z.height,A=D.initializing;(0,i.useEffect)((function(){q()}),[F,Z,A]);var q=function trySetSnapPoints(){var e=u.uiState.snapPoints;I&&clearTimeout(I),null!=e&&e.length?f(e):O(setTimeout((function(){return q()}),100))};(0,i.useEffect)((function(){var e=!u.uiState.isMobilePortrait;h(!(e||V&&"settings-drawer-content"===k))}),[V,u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,F,Z]),(0,i.useEffect)((function(){var e=function handleVisualViewportResize(){q()};if(window.visualViewport)return window.visualViewport.addEventListener("resize",e),function(){var n;null===(n=window.visualViewport)||void 0===n||n.removeEventListener("resize",e)}}),[]),(0,i.useEffect)((function(){E(V?"settings-drawer-content-fullscreen":"settings-drawer-content")}),[]);var R=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return(0,i.useEffect)((function(){u.settingsState.nestedDrawer&&y(!0)}),[u.settingsState.nestedDrawer]),{handleTouchStart:function handleTouchStart(e){o(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,i=e.touches[0].pageX,o=Math.abs(n-t),a=Math.abs(i-d);o>=1&&o>2*a&&window.addEventListener("touchmove",R,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",R)},snapPoints:m,open:x,nestedOpen:w,nestedClose:function nestedClose(){y(!1),u.settingsState.setActiveSnapPointIndex(2),setTimeout((function(){u.settingsState.setNestedDrawer(void 0)}),400)},id:k}}(),c=u.handleTouchStart,p=u.handleTouchMove,x=u.handleTouchEnd,h=u.open,g=u.snapPoints,b=u.id,m=u.nestedOpen,f=u.nestedClose,S=document.getElementById("wcConfigurator");return S&&null!=g&&g.length?(0,C.jsx)(o.dy.Root,{open:h,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:g,shouldScaleBackground:!1,container:S,onClose:function onClose(){return l.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==l.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:g[l.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return l.settingsState.setActiveSnapPointIndex(g.indexOf(e))},children:(0,C.jsx)(o.dy.Portal,{children:(0,C.jsxs)(o.dy.Content,{id:b,className:v.kh,style:{height:"100%",opacity:l.uiState.isMobileLandscape?"0":void 0},children:[(0,C.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(o.dy.Handle,{className:j()(v.aq),onTouchStart:c,onTouchMove:p,onTouchEnd:x,children:[!l.settingsState.nestedDrawer&&(0,C.jsx)("div",{className:v.Rx,children:(0,C.jsx)("div",{className:v.uQ})}),(0,C.jsx)("div",{className:v.ad,children:s})]}),l.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(w.Iz,v.J7),children:d}),(0,C.jsxs)(o.dy.NestedRoot,{open:m,modal:!0,container:S,onClose:f,repositionInputs:!1,shouldScaleBackground:!1,children:[(null===(n=l.settingsState.nestedDrawer)||void 0===n?void 0:n.showOverlay)&&(0,C.jsx)(o.dy.Overlay,{className:v.IJ}),(0,C.jsxs)(o.dy.Content,{id:"nested-drawer-content",style:{height:"fit-content",maxHeight:"100%",opacity:l.uiState.isMobileLandscape?"0":void 0,zIndex:10001},className:v.Ru,children:[(0,C.jsx)(o.dy.Title,{style:{display:"none"},children:"Nested Drawer"}),(0,C.jsx)(o.dy.Handle,{className:v.NN,children:(0,C.jsx)("div",{className:v.iM,children:(0,C.jsx)("div",{className:v.sx})})}),(0,C.jsxs)("div",{className:v.yS,children:[(null===(t=l.settingsState.nestedDrawer)||void 0===t?void 0:t.title)&&(0,C.jsx)("div",{className:j()(v.M7),children:l.settingsState.nestedDrawer.title}),(0,C.jsxs)("div",{className:j()(v.jR),children:[null===(a=l.settingsState.nestedDrawer)||void 0===a?void 0:a.content,(0,C.jsx)("div",{className:v.Ek})]})]})]})]})]})})}):(0,C.jsx)(C.Fragment,{})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(9420),o=(t(87363),t(78322)),a=t(82956),r=t(65515),s=t.n(r),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(e){var n=(0,o.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(a.AH,t?a.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(a.EN,t?a.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:a.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(72874),a=(t(87363),t(78322)),r=t(80509),s=t(46842),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(51247),x=t(51451),h=t(37564),g=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,i=e.className,d=e.tabgroupElement,u=(0,o.Z)(e,b),m=(0,a.NP)(),f=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(r.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(h.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},41060:(e,n,t)=>{t.d(n,{Ek:()=>w,IJ:()=>x,J7:()=>l,M7:()=>b,NN:()=>f,Ru:()=>h,Rx:()=>u,ZP:()=>y,ad:()=>p,aq:()=>d,iM:()=>S,jR:()=>m,kh:()=>s,sx:()=>v,uQ:()=>c,yS:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([e.id,".index-module--qmbFa {\n  transition:\n    opacity 0.3s ease,\n    transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\n.index-module--qmbFa.vaul-dragging {\n  transition: opacity 0.3s ease !important;\n  height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB",x="index-module--J3CNu",h="index-module--o7FfX",g="index-module--WmNT3",b="index-module--tKmMA",m="index-module--VJ4nl",f="index-module--D36Jg",v="index-module--OiC7z",S="index-module--bshn5",w="index-module--vyzUi";const y=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853],{37564:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(87363),o=t(19567),r=t(59838),a=t(9420),s=t(78322),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),b=t.n(p),g=t(3565),h=t.n(g),x=t(19216),f=t.n(x),m=t(44589),v=t.n(m),w=t(41060),S={};S.styleTagTransform=v(),S.setAttributes=h(),S.insert=b().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();l()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(82956),y=t(65515),k=t.n(y),j=t(34988),M=t(88683);function useDrawerHook(){var e=(0,s.NP)(),n=(0,i.useState)(e.uiState.isMobilePortrait),t=(0,j.Z)(n,2),o=t[0],r=t[1],a=(0,i.useState)(!1),d=(0,j.Z)(a,2),l=d[0],u=d[1],c=(0,i.useState)(0),p=(0,j.Z)(c,2),b=p[0],g=p[1],h=(0,i.useState)(0),x=(0,j.Z)(h,2),f=x[0],m=x[1],v=(0,i.useState)(0),w=(0,j.Z)(v,2),S=w[0],P=w[1],y=(0,i.useState)(0),k=(0,j.Z)(y,2),E=k[0],C=k[1],T=(0,i.useState)(!1),I=(0,j.Z)(T,2),O=I[0],Z=I[1],D=(0,i.useRef)(null),N=(0,M.useDivaCore)().state,F=N.isFullscreenComponent,V=N.dimensions,z=V.width,A=V.height,q=e.uiState.snapPoints,R=(0,i.useState)((function(){var n=e.uiState.snapPoints[e.settingsState.activeSnapPointIndex];return n?"".concat(n,"px"):"50%"})),H=(0,j.Z)(R,2),L=H[0],B=H[1];(0,i.useEffect)((function(){var n=!e.uiState.isMobilePortrait;r(!n&&!F)}),[F,e.uiState.isInMobileView,e.uiState.isMobileLandscape,e.uiState.isTablet,z,A]),(0,i.useEffect)((function(){if(!l){var n=e.settingsState.activeSnapPointIndex,t=q[n];void 0!==t&&B("".concat(t,"px"))}}),[e.settingsState.activeSnapPointIndex,l,q]);var G=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);(0,i.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:o,toggleDrawer:function toggleDrawer(n){r(n),n||e.settingsState.setActiveSnapPointIndex(2)},drawerHeight:L,handleTouchStart:function handleTouchStart(e){var n=e.touches[0];g(n.clientY),m(n.pageX),P(n.clientY),C(Date.now()),Z(!1),u(!1)},handleTouchMove:function handleTouchMove(n){var t=n.touches[0],i=t.clientY,o=t.pageX,r=Math.abs(i-b),a=Math.abs(o-f);if(!O&&r>=1&&r>2*a&&(Z(!0),u(!0),window.addEventListener("touchmove",G,{passive:!1})),O&&q.length>0){P(i);var s=b-i,d=q[e.settingsState.activeSnapPointIndex]||q[2],l=q[q.length-1],c=q[0],p=Math.max(c,Math.min(l,d+s));B("".concat(p,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var n=b-S,t=Date.now()-E,i=t>0?n/t:0,o=function findNearestSnapPoint(n,t){if(Math.abs(t)>.5){var i=e.settingsState.activeSnapPointIndex;return t>0?Math.min(q.length-1,i+1):Math.max(0,i-1)}for(var o=0,r=Math.abs(n-q[0]),a=1;a<q.length;a++){var s=Math.abs(n-q[a]);s<r&&(r=s,o=a)}return o}(q[e.settingsState.activeSnapPointIndex]+n,i);u(!1),Z(!1),requestAnimationFrame((function(){e.settingsState.setActiveSnapPointIndex(o)}))}else Z(!1)},drawerRef:D,isDragging:l}}var E=t(47514);const C=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,i=(0,s.NP)(),a=useDrawerHook(),d=a.open,l=a.toggleDrawer,u=a.drawerHeight,c=a.handleTouchStart,p=a.handleTouchMove,b=a.handleTouchEnd,g=a.drawerRef,h=a.isDragging,x="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,E.jsxs)(o.Z,{anchor:"bottom",open:d,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!x,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:g,className:w.kh,style:{height:u,opacity:i.uiState.isMobileLandscape?0:1,position:"absolute",transition:h?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:h?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,E.jsxs)(r.Z,{className:k()(w.aq),onTouchStart:c,onTouchMove:p,onTouchEnd:b,sx:{cursor:"grab",userSelect:"none"},children:[(0,E.jsx)("div",{className:w.Rx,children:(0,E.jsx)("div",{className:w.uQ})}),(0,E.jsx)("div",{className:w.ad,children:n})]}),i.uiState.isInMobileView&&(0,E.jsx)("div",{className:k()(P.Iz,w.J7),children:t})]})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(9420),o=(t(87363),t(78322)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(e){var n=(0,o.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(80248),o=t(72874),r=(t(87363),t(78322)),a=t(80509),s=t(46842),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(51247),b=t(51451),g=t(37564),h=t(47514),x=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const f=(0,d.Pi)((function Settings(e){var n,t,i=e.className,d=e.tabgroupElement,u=(0,o.Z)(e,x),f=(0,r.NP)(),m=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,h.jsx)(h.Fragment,{children:m?(0,h.jsx)(p.default,{}):(0,h.jsxs)(h.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,h.jsx)(a.default,{},null!==(n=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,h.jsx)(s.default,{}),(0,h.jsx)(b.default,{})]})});return(0,h.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,h.jsx)(g.default,{draggerElement:d,children:v}),!f.uiState.isInMobileView&&v]}))}))},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>b,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const b=a}}]);